@extends('back_office.layouts.app')

@section('content')
    <div>
        <div class="container-fluid">
            <div class="p-4 bg-white row">
                <h5>Create new Subscription </h5>
                <form class="form-horizontal" action="{{ route('subscription-info.update', ['userId' => $userId, 'id' => $subscription->id]) }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    <div class="row">

                        <div class="col-md-12">
                            <div class="form-group">
                                <label>Package</label>
                                <select name="package_id" id="package_id" class="form-control  @error('package_id') is-invalid @enderror">
                                    @foreach ($packages as $package)
                                        <option value="{{ $package->id }}" {{ ($package->id == $subscription->package_id) ? 'selected' : '' }}>{{ $package->name_en }}</option>
                                    @endforeach
                                </select>
                                @error('package_id')
                                    <p class="error-validation">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>


                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Start Date</label>
                                <input type="date" name="start_date" id="start_date" value="{{ $subscription->subscription_date }}" class="form-control  @error('start_date') is-invalid @enderror">
                                @error('start_date')
                                    <p class="error-validation">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>End Date</label>
                                <input type="date" name="end_date" id="end_date" value="{{ $subscription->subscription_exp_date }}" class="form-control  @error('end_date') is-invalid @enderror">
                                @error('end_date')
                                    <p class="error-validation">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-12">
                            <div class="form-group">
                                <label>Status</label>
                                    <select name="status" id="status" class="form-control">
                                        <option value="active" {{ ($subscription->status == 'active') ? 'selected' : ''}}>Active</option>
                                        <option value="inactive" {{ ($subscription->status == 'inactive') ? 'selected' : ''}}>Inactive</option>
                                        <option value="pending" {{ ($subscription->status == 'pending') ? 'selected' : ''}}>Pending</option>
                                        <option value="frozen" {{ ($subscription->status == 'frozen') ? 'selected' : ''}}>Frozen</option>
                                    </select>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Payment Status</label>
                                    <input type="hidden" name="payment_id" value="{{ $payment->id ?? '' }}">
                                    <select name="payment_status" id="payment_status" class="form-control">
                                        <option value="Pending" {{ ($payment->status == 'Pending') ? 'selected' : ''}}>Pending</option>
                                        <option value="Paid" {{ ($payment->status == 'Paid') ? 'selected' : ''}}>Paid</option>
                                    </select>
                            </div>
                        </div>
                        {{-- Payment Details --}}
                        @if (isset($payment))
                        <h6 class="text-secondary">Payment Details</h6>

                         @if($payment->transaction_code)
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Payment id</label>
                                    <input type="text" class="form-control" disabled value="{{ $payment->transaction_code  }}">

                                </div>
                            </div>
                            @endif



                        @endif
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Payment Type</label>
                                <input type="text" class="form-control" disabled value="{{ $payment->payment_type_id==1 ?'Online':'CASH'  }}">

                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <div class="col-lg-12 text-right">
                                    <button type="submit" class="btn btn-info">Save Subscription</button>
                                </div>
                            </div>
                        </div>

                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection
@push('scripts')
<script>
    $('#start_date').change(function(){
        var startDate = $(this).val();
        $('#end_date').attr('min', startDate);
    });
</script>
@endpush