@php
    use App\Models\Payment;
@endphp
<x-dashboard.admin-layout>

    <x-slot name='title'>Edit payment - Dreamers Academy</x-slot>

    <x-slot name="style">

    </x-slot>

    <div class="container-fluid">

        <x-inc.breadcrumb title="Edit payment" />

        <div class="row">
            <div class="col-12">
                <form class="ajax-form" action="{{ route('payment.update.by.admin', ['id' => encrypt($payment->id)]) }}" method="POST" autocomplete="off" data-title="Want to Update this payment?" data-text="">
                    @csrf
                    <div class="card">
                        <div class="card-body">
                            <div class="row mt-3">
                                <div class="col-md-12">
                                    <label for="student_id" class="form-label"><span style="color:#e41111">*</span> Student</label>
                                    <select id="student_id" name="student_id" class="form-select select2" required>
                                        <option value="">Select Student</option>
                                        @foreach($students as $student)
                                            <option value="{{ $student->studentID }}" @if($student->studentID == $payment->student->id) selected @endif >{{ $student->name . ' - ' . $student->student_id }} @if($student->status != 1) (Inactive) @endif </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-12 mt-3">
                                    <label for="enrollment_id" class="form-label"><span style="color:#e41111">*</span>Select Course</label>
                                    <select id="enrollment_id" name="enrollment_id" class="form-select enrollment_id select2" >
                                        <option value="" disabled selected>Select Course</option>
                                        @foreach($payment->student->enrollments as $enrollment)
                                            <option value="{{ $enrollment->id }}" @if($enrollment->id == $payment->enrollment_id) selected @endif>{{ $enrollment->course?->name }} | {{ $enrollment->track?->title }} (T{{ $enrollment->track?->track_num }}) | {{ $enrollment->level?->title }} (L{{ $enrollment->level?->level_num }})</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-6">
                                    <label for="fees" class="form-label"><span style="color:#e41111">*</span> Amount</label>
                                    <input type="number" id="fees" name="fees" class="form-control" value="{{ $payment->fees }}" >
                                </div>
                                <div class="col-md-6">
                                    <label for="date" class="form-label"><span style="color:#e41111">*</span> Date </label>
                                    <input type="date" id="date" name="date" class="form-control" value="{{ $payment->date }}" >
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-6">
                                    <label for="transaction_type" class="form-label"><span style="color:#e41111">*</span> Transaction Type</label>
                                    <select id="transaction_type" name="transaction_type" class="form-select select2" >
                                        <option value="">Select Type</option>
                                        <option value="bank" {{ (($payment->transaction_type == 'bank') ? 'selected' : '') }}>Bank</option>
                                        <option value="bkash" {{ (($payment->transaction_type == 'bkash') ? 'selected' : '') }}>Bkash</option>
                                        <option value="nagad" {{ (($payment->transaction_type == 'nagad') ? 'selected' : '') }}>Nagad</option>
                                        <option value="stripe" {{ (($payment->transaction_type == 'stripe') ? 'selected' : '') }}>Stripe</option>
                                        <option value="others" {{ (($payment->transaction_type == 'others') ? 'selected' : '') }}>Others</option>
                                    </select>
                                </div>
                                                                    <div class="col-md-6">
                                    <label for="for_month" class="form-label"><span style="color:#e41111">*</span> For the Month </label>
                                    <select id="for_month" name="for_month" class="select2 form-select  placeholder-single" data-placeholder="select month">
                                        @foreach($months as $month)
                                            @if(empty($for_months))
                                                <option value="{{ $month }}">{{ $month }}</option>
                                            @else
                                                <option value="{{ $month }}"{{in_array($month, $for_months) ? 'selected' : ''}} >{{ $month }}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-6 mt-3">
                                    <label for="year" class="form-label"><span style="color:#e41111">*</span> Year </label>
                                    <select id="year" name="year" class="form-select  placeholder-single select2" data-placeholder="Select Year" required>
                                        @php
                                            $currentYear = date('Y');
                                            $years = range(2022, $currentYear + 1);
                                        @endphp
                                        <option></option>
                                        @foreach($years as $year)
                                            <option value="{{ $year }}" @if($payment->year == $year) selected @endif>{{ $year }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-6 mt-3">
                                    <label for="transaction_id" class="form-label"><span style="color:#e41111">*</span> Transaction ID</label>
                                    <input type="text" id="transaction_id" name="transaction_id" class="form-control" value="{{ $payment->transaction_id }}" >

                                </div>
                                <div class="col-md-6 mt-3">
                                    <label for="installment" class="form-label"><span style="color:#e41111">*</span> Installment </label>
                                    <input type="number" id="installment" name="installment" class="form-control" value="{{ $payment->installment }}" readonly>

                                    <input type="checkbox" name="enable_installment" id="enable_installment" onclick="makeInstallmentEditable()" >
                                    <label for="enable_installment" class="form-label">Enable</label>
                                </div>
                                <div class="col-md-6 mt-3">
                                    <label for="transaction_purpose" class="form-label"><span style="color:#e41111">*</span> Purpose</label>
                                    <select id="transaction_purpose" name="transaction_purpose" class="form-select select2" >
                                        <option value="" disabled selected>Select purpose</option>
                                        @foreach($transactionPurposes as $transactionPurpose)
                                            <option value="{{ $transactionPurpose }}" @if(old('transaction_purpose', $payment->transaction_purpose) == $transactionPurpose) selected @endif>{{ $transactionPurpose }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-12">
                                    <label for="notes" class="form-label">Notes</label>
                                    <textarea class="form-control" name="notes" id="notes" rows="3" >{{ $payment->notes }}</textarea>
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-6 mt-3">
                                    <input type="checkbox" name="send_confirmation" id="send_confirmation" value="{{ $payment->send_confirmation }}" {{ (($payment->send_confirmation == 1) ? 'checked' : '') }}>
                                    <label for="send_confirmation" class="form-label">Send Confirmation</label>
                                </div>
                                <div class="col-md-6 mt-3">
                                    <input type="checkbox" name="is_invalid" id="is_invalid" @if($payment->status == 0) checked @endif>
                                    <label for="is_invalid" class="form-label">Is Invalid?</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="d-flex justify-content-between my-3 mx-2">
                            <a href="{{ route('payment.history') }}" class="btn btn-light">Back</a>
                            <div class="float-end">
                                <button type="submit" class="btn btn-primary">Update Payment</button>
                                @if(can('payment_delete'))
                                    <button type="button" class="btn btn-danger"
                                            data-route="{{ route('payment.delete', ['id' => encrypt($payment->id)]) }}"
                                            data-action="confirm" data-method="post"
                                            data-title="Want To delete this payment?"
                                            data-text="Are You Sure !!!, You Wont Be Able To Undo...">
                                        Delete payment
                                    </button>
                                @endif
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <x-slot name="script">
        <script src="{{asset('assets/js/ajax_form_submit_for_payment_with_confirmation-1.0.0.js')}}"></script>
        <script src="{{asset('assets/js/payment/add-payment-2.1.3.js')}}"></script>

        @if(can('payment_delete'))
            <script>
                $(document).on('click','[data-action="confirm"]',function(e){
                    e.preventDefault();
                    var $this = $(this);
                    if($(this).data('title')){
                        var title = $(this).data('title');
                    }else{
                        var title = 'Want To delete this payment?';
                    }
                    if($(this).data('text')){
                        var text = $(this).data('text');
                    }else{
                        var text = "Are You Sure !!!, You Wont Be Able To Undo...";
                    }
                    Swal.fire({
                        title:title,
                        text: text,
                        icon: 'warning',
                        showCancelButton: true,
                        confirmButtonColor: "#d33",
                        cancelButtonColor: "#30d689",
                        confirmButtonText: "Yes, delete it!"
                    }).then((result) => {
                        if (result.isConfirmed) {
                            fireAjax($(this).data('route'), $(this).data('method') ?? 'get');
                        }
                    });
                });
            </script>
            <script>
                function fireAjax(url,type='get',data={}){
                    $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        }
                    });
                    $.ajax({
                        type: type,
                        url: url,
                        data: data,
                        success: function(response){
                            toastr[`${ response.status }`](`${ response.message }`);
                            if( response.status === 'success' ){
                                setTimeout(function () {
                                    return window.location.href = response.url
                                }, 1000);
                            }
                        },
                    });
                }
            </script>
        @endif

        <script>
            $(document).on('change', '#student_id', function () {
                let student_id = $(this).val();

                $(".loader-populate").html("<div id='loader-main'><div id='loader2'></div></div>");
                $.ajax({
                    url: "{{ route('enrollment.by.student') }}",
                    type: "GET",
                    data: {
                        student_id
                    },
                    success: function (res) {
                        $('#enrollment_id').prop('disabled', false);
                        $("#enrollment_id").html(`
                            <option value="" disabled selected data-description="Select Class">Select Course</option>
                        `);
                        $.each(res, function (index, value) {
                            $("#enrollment_id").append(`
                                <option value="${ value.id }" >${ value.course.name } || ${ value.track.title } (T${ value.track.track_num }) || ${ value.level.title } (L${ value.level.level_num })</option>
                            `);
                        });
                        $(".loader-populate").html("");
                    },
                });
            });
        </script>
    </x-slot>
</x-dashboard.admin-layout>