@extends('admin.layouts.container')

@section('content')
<div class="side-title">
    <h3>{{ $head ?? ''}}</h3>
</div>

<div class="border-item">
    <form class="form-row add_form" method="post" action="{{ $action }}" enctype="multipart/form-data">
        @if($subscription ?? ''  && $subscription->id)
            @method('PUT')
        @endif
        @csrf

        <div class="card card-primary card-outline w-100">
            <div class="card-header">
                <h3 class="card-title">{{ __('subscriptions.user_details') }}</h3>
            </div> <!-- /.card-body -->
            <div class="card-body row">

                <div class="form-group col-lg-6">
                    <label>{{ __('users.name') }} </label>
                    <input type="text" class="form-control" name=""
                           placeholder="{{ __('users.name') }}"
                           value='{{ $subscription->user->name ?? "" }}' disabled />
                </div> <!-- end of form-group -->

                <div class="form-group col-lg-6">
                    <label>{{ __('members.username') }} </label>
                    <input type="text" class="form-control" name=""
                           placeholder="{{ __('members.username') }}"
                           value='{{ $subscription->user->username ?? "" }}' disabled />
                </div> <!-- end of form-group -->

                <div class="form-group col-lg-6">
                    <label>{{ __('users.email') }} </label>
                    <input type="text" class="form-control" name=""
                           placeholder="{{ __('users.email') }}"
                           value='{{ $subscription->user->email ?? "" }}' disabled />
                </div> <!-- end of form-group -->

                <div class="form-group col-lg-6">
                    <label>{{ __('users.phone') }} </label>
                    <input type="text" class="form-control" name=""
                           placeholder="{{ __('users.phone') }}"
                           value='{{ $subscription->user->phone ?? "" }}' disabled />
                </div> <!-- end of form-group -->

            </div><!-- /.card-body -->
        </div> <!-- end of card -->

        <div class="card card-primary card-outline w-100 mt-4">
            <div class="card-header">
                <h3 class="card-title">{{ __('subscriptions.subscription_details') }}</h3>
            </div> <!-- /.card-body -->
            <div class="card-body row">

                {{-- $subscription->program->currentDescription->title ?? "" --}}
                <div class="form-group col-lg-12">
                    <label>{{ __('subscriptions.package') }} </label>
                    <input type="text" class="form-control" name=""
                           placeholder="{{ __('subscriptions.package') }}"
                           value='{{ implode(' - ', $subscription->programs_names) }}' disabled />
                </div> <!-- end of form-group -->

            </div><!-- /.card-body -->
        </div> <!-- end of card -->

        <div class="card card-primary card-outline w-100 mt-4">
            <div class="card-header">
                <h3 class="card-title">{{ __('subscriptions.payment_details') }}</h3>
            </div> <!-- /.card-body -->
            <div class="card-body row">

                <div class="form-group col-lg-6">
                    <label> {{ meta('payment_method', $lang) ?? __('subscriptions.payment_method') }} </label>
                    <input type="text" class="form-control" name=""
                           placeholder="{{ meta('payment_method', $lang) ?? __('subscriptions.payment_method') }}"
                           value='{{ __("subscriptions.$subscription->payment_method") ?? "" }}' disabled />
                </div> <!-- end of form-group -->

                <div class="form-group col-lg-6">
                    <label> {{ meta('price', $lang) ?? __('subscriptions.price') }} </label>
                    <input type="text" class="form-control" name=""
                           placeholder="{{ meta('price', $lang) ?? __('subscriptions.price') }}"
                           value='{{ $subscription->price ?? "" }}' disabled />
                </div> <!-- end of form-group -->

                <div class="form-group col-lg-6">
                    <label> {{ meta('coupon_discount', $lang) ?? __('subscriptions.coupon_discount') }} </label>
                    <input type="text" class="form-control" name=""
                           placeholder="{{ meta('coupon_discount', $lang) ?? __('subscriptions.coupon_discount') }}"
                           value='{{ $subscription->coupon_discount ?? "" }}' disabled />
                </div> <!-- end of form-group -->

                <div class="form-group col-lg-6">
                    <label> {{ meta('total', $lang) ?? __('subscriptions.total') }} </label>
                    <input type="text" class="form-control" name=""
                           placeholder="{{ meta('total', $lang) ?? __('subscriptions.total') }}"
                           value='{{ $subscription->total ?? "" }}' disabled />
                </div> <!-- end of form-group -->

                @if($subscription->payment_number)
                    <div class="form-group col-lg-6">
                        <label> {{ meta('payment_number', $lang) ?? __('subscriptions.payment_number') }} </label>
                        <input type="text" class="form-control" name=""
                               placeholder="{{ meta('payment_number', $lang) ?? __('subscriptions.payment_number') }}"
                               value='{{ $subscription->payment_number ?? "" }}' disabled />
                    </div> <!-- end of form-group -->
                @endif

                @if(is_file(public_path().'/'. $subscription->image))
                    <div class="form-group col-lg-6">
                        <label> {{ meta('image', $lang) ?? __('subscriptions.image') }} </label>
                        <br/>
                        <a href="{{ asset($subscription->image) }}" data-lightbox="image">
                            <img src="{{ asset($subscription->image) }}"
                                 class="img-thumbnail img-preview" alt="" width="150px">
                        </a>
                    </div> <!-- end of form-group -->
                @endif

            </div><!-- /.card-body -->
        </div> <!-- end of card -->

        <div class="card card-primary card-outline w-100 mt-4">
            <div class="card-header">
                <h3 class="card-title">{{ __('subscriptions.activate_subscription') }}</h3>
            </div> <!-- /.card-body -->
            <div class="card-body row">

                <div class="form-group col-lg-4">
                    <label>{{ meta('status', $lang) ?? __('subscriptions.status') }} </label>
                    @foreach(['active', 'inactive'] as $status)
                        <div class="form-check">
                            <input class="form-check-input {{ $errors->has('status') ? 'is-invalid' : '' }}"
                                    type="radio" name="status" id="exampleRadios{{ $status }}" value="{{ $status }}"
                                    {{old('status', $subscription->status ?? null) == $status ? 'checked' : '' }}>
                            <label class="form-check-label" for="exampleRadios{{ $status }}">
                                {{ __("subscriptions.$status") }}
                            </label>
                        </div>
                    @endforeach
                </div>

            </div><!-- /.card-body -->
        </div> <!-- end of card -->

        <div class="text-center mt-5 col-12">
            <button type="submit" class="butn add_button"><span>{{ __('dashboard.save') }}</span></button>
        </div>
    </form>
</div>

@endsection