@extends('layouts.contentLayoutMaster')

@php
$breadcrumbs = [[['link' => route('transfers.index'), 'name' => "طلبات النقل"], ['link' => route('transfers.edit', $transfer->id), 'name' => " طلب رقم #$transfer->id"],['name'=> 'تعديل']],['title'=> 'ادارة طلب النقل']];
@endphp

@section('title', sprintf('تعديل الطلب رقم : %s | %s',$transfer->id , $transfer->student_name))

@section('vendor-style')
<link rel="stylesheet" href="{{asset(mix('vendors/css/forms/select/select2.min.css'))}}">
<link rel="stylesheet" href="{{asset(mix('vendors/css/editors/quill/katex.min.css'))}}">
<link rel="stylesheet" href="{{asset(mix('vendors/css/editors/quill/monokai-sublime.min.css'))}}">
<link rel="stylesheet" href="{{asset(mix('vendors/css/editors/quill/quill.snow.css'))}}">
<link rel="stylesheet" href="{{ asset(mix('vendors/css/pickers/flatpickr/flatpickr.min.css')) }}">
@endsection

@section('page-style')
<!-- Page css files -->
{{-- Page Css files --}}
<link rel="stylesheet" href="{{ asset(mix('css/base/plugins/forms/pickers/form-flat-pickr.css')) }}">
<link rel="stylesheet" href="{{ asset(mix('css/base/plugins/forms/form-validation.css')) }}">
@endsection

@section('content')

@component('components.forms.formCard',['title' => sprintf('طلب نقل الطالب (<span class="text-danger">%s</span>) الي الصف الدراسي (<span class="text-danger">%s</span>) - %s',$transfer->student_name, $transfer->new_level_name,$transfer->getStatus())])


{{ Form::model($transfer ,['route' => ['transfers.update',$transfer],'method'=> 'PUT' , 'class' => 'row','id' => 'adminform' , 'onsubmit' => 'showLoader()','enctype'=>"multipart/form-data"]) }}

<x-ui.divider>معلومات ولي الأمر</x-ui.divider>

    <div class="row mb-1">
        <div class="col-md">
            <x-inputs.text.Input label="اسم ولي الأمر" name="guardian_name" :disabled="true" />
        </div>

        <div class="col-md">
            <x-inputs.text.Input label="رقم الجوال" name="phone" :disabled="true" />
        </div>

        <div class="col-md">
            <x-inputs.text.Input label="رقم الهوية" name="guardian_national_id" :disabled="true" />
        </div>

        <div class="col-md">
            <x-inputs.text.Input label="الفئة" name="category_name" :disabled="true" />
        </div>
    </div>

    <x-ui.divider>معلومات الطالب</x-ui.divider>
        <div class="row mb-1">
            <div class="col-md">
                <x-inputs.text.Input :disabled="true" icon="user" label="اسم الطالب" name="student_name" />
            </div>

            <div class="col-md">
                <x-inputs.text.Input :disabled="true" label="رقم الهوية" icon="file-text" name="national_id" />
            </div>
        </div>

        <div class="row mb-1">
            <div class="col-md">
                <x-inputs.select.generic :disabled="true" label="جنسية الطالب" name="nationality_id" :options="App\Models\nationality::nationalities()" />
            </div>

            <div class="col-md">
                <x-inputs.text.Input :disabled="true" icon="cast" label="اخر مزامنة مع نور" name="last_noor_sync" :value="$transfer->last_noor_sync ?? 'لم يتم المزامنة'" />
            </div>
        </div>

        @if($transfer->total_debt)
        <x-ui.divider>مديونيات الطالب</x-ui.divider>

            <div class="row mb-1">
                <div class="col-md">
                    <x-inputs.text.Input label="المديونية الحالية" name="total_debt" :disabled="true" />
                </div>

                <div class="col-md">
                    <x-inputs.text.Input label="الحد الادني" name="minimum_debt" :disabled="true" />
                </div>

                <div class="col-md">
                    <x-inputs.text.Input label="المطلوب دفعة" name="dept_paid" :disabled="true" />
                </div>

                <div class="col-md">
                    <x-inputs.text.Input label="متبقي يرحل للعام القادم" name="dept_remain" :value="$transfer->total_debt - $transfer->dept_paid" :disabled="true" />
                </div>
            </div>
            @endif

            <x-ui.divider>خطة دفع الرسوم الدراسية</x-ui.divider>

                <div class="row mb-1">
                    <div class="col-md">
                        <x-inputs.select.generic :disabled="true" select2="" label="خطة الدفع" name="plan_id" data-placeholder="اختر خطة الدفع" data-msg="رجاء اختيار خطة الدفع" :options="App\Models\Plan::plans()" />
                    </div>
                </div>
                <div class="row mb-1">
                    <div class="col-md">
                        <x-inputs.text.Input label="الرسوم الدراسية" name="tuition_fee" :disabled="true" />
                    </div>

                    <div class="col-md">
                        <x-inputs.text.Input label="الضرائب" name="tuition_fee_vat" :disabled="true" />
                    </div>

                    <div class="col-md">
                        <x-inputs.text.Input label="خصم الفترة" name="period_discount" :disabled="true" />
                    </div>

                    <div class="col-md">
                        <x-inputs.text.Input label="الرسوم بعد الخصم و الضرائب" name="final_tuition_fee" :value="$transfer->tuition_fee + $transfer->tuition_fee_vat -  $transfer->period_discount" :disabled="true" />
                    </div>

                    <div class="col-md">
                        <x-inputs.text.Input label="الحد الأدني (بعد الخصم شامل الضرائب)" name="minimum_tuition_fee" :disabled="true" />
                    </div>
                </div>

                <x-ui.divider>خطة النقل</x-ui.divider>
                    <div class="row mb-1">
                        <div class="col-md">
                            <x-inputs.select.generic :disabled="true" select2="" :required="false" label="'خطة النقل" name="transportation_id" data-placeholder="اختر النقل" data-msg="رجاء اختيار النقل" :options="['' => 'لا يرغب'] + App\Models\Transportation::transportations()" />
                        </div>

                        <div class="col-md">
                            <x-inputs.select.generic :disabled="true" select2="" :required="false" label="خطة دفع النقل" name="transportation_payment" data-placeholder="اختر خطة دفع النقل" data-msg="رجاء اختيار خطة دفع النقل" :options="['' => 'لا يرغب'] + App\Models\Transportation::payment_plans()" />
                        </div>
                    </div>
                    <div class="row mb-1">
                        <div class="col-md">
                            <x-inputs.text.Input label="رسوم النقل" name="bus_fees" :disabled="true" />
                        </div>

                        <div class="col-md">
                            <x-inputs.text.Input label="الضرائب علي خدمة النقل" name="bus_fees_vat" :disabled="true" />
                        </div>

                        <div class="col-md">
                            <x-inputs.text.Input label="اجمالي رسوم النقل" name="total_bas_fees" :value="$transfer->bus_fees + $transfer->bus_fees_vat" :disabled="true" />
                        </div>

                        @if($transfer->req_confirmation)
                        <x-ui.divider>خطة السداد (<span class="text-danger">{{ $transfer->plan_name }}</span>) تتطلب سند امر</x-ui.divider>

                            <div class="row mb-1">
                                <div class="col-md">
                                    @if (in_array($transfer->status,['new','pending']))
                                    <label for="installment_files" class="form-label mb-1" for="installment_files">صوره سند الأمر </label>
                                    <input type="file" class="form-control" id="installment_files" name="installment_files[]" accept="image/png, image/jpeg ,application/pdf" multiple required>
                                    @elseif(in_array($transfer->status,['complete']))
                                    <x-inputs.btn.generic colorClass="danger" icon="file" :route="route('students.contracts.files.index',[$transfer->student_id,$transfer->contract_id])" >عرض الملفات المرفقة</x-inputs.btn.generic>
                                    @endif
                                </div>
                            </div>
                            @endif


                            <x-ui.divider color="success">تفاصيل السداد</x-ui.divider>
                                @php $hasFile = $transfer->payment_ref && Storage::disk('s3')->exists($transfer->payment_ref) @endphp

                                @if (in_array($transfer->status,['new','pending']))
                                <div class="row mb-1">
                                    <div class="col-md">
                                        <x-inputs.select.generic select2="" name="method_id" label="طريقة الدفع" onchange="checkPaymentMethod()" :options="App\Models\PaymentMethod::paymentMethods(1,[1,2])" />
                                    </div>

                                    <div class="col-md">
                                        <x-inputs.select.generic name="bank_id" label="البنك" :options="['' => 'اختر البنك'] + GetBanks()" />
                                    </div>
                                </div>

                                <div class="row mb-1">
                                    <div class="col-md">
                                        <label for="attach_pathh" class="form-label mb-1" for="attach_pathh">صوره الايصال </label>
                                        <input type="file" class="form-control" id="attach_pathh" name="receipt" accept="image/png, image/jpeg ,application/pdf" :required="$hasFile">
                                    </div>
                                </div>

                                <div class="row mb-1">
                                    <div class="col-md">
                                        <label class="form-label mb-1" for="confirmed"> استلام الدفعات المستحقة </label>
                                        <x-inputs.checkbox required name="confirmed">{!! sprintf(' قام ولي الأمر بسداد مبلغ <span class="text-danger">%s</span> ر.س ( <span class="text-danger">%s</span> رسوم دراسية - <span class="text-danger">%s</span> رسوم النقل - <span class="text-danger">%s</span> مديونيات سابقة)', $transfer->minimum_tuition_fee + $transfer->bus_fees + $transfer->bus_fees_vat + $transfer->dept_paid, $transfer->minimum_tuition_fee , $transfer->bus_fees + $transfer->bus_fees_vat , $transfer->dept_paid) !!} </x-inputs.checkbox>
                                    </div>
                                </div>
                    </div>
                    @else
                    @php $status = $transfer->getStatus(1); @endphp
                    <div>
                        <div class="alert alert-{{ $status['class'] }}" role="alert">
                            <h4 class="alert-heading">طلب {{ $status['status'] }}</h4>
                        </div>
                    </div>
                    @endif

                    <div class="col-3">
                        @if ($hasFile)
                        <label class="form-label mb-1" for="confirmed"> ايصال السداد : </label>
                        <a href="{{ Storage::disk('s3')->url($transfer->payment_ref) }}" class="btn btn-outline-warning btn-sm round">
                            <em data-feather="download" class="me-25"></em>
                            <span>ايصال السداد</span>
                        </a>
                        @endif
                    </div>

                    <div class="col-12 text-center mt-2">
                        @if (in_array($transfer->status,['new','pending']))
                        <x-inputs.submit>تأكيد استلام دفعة التعاقد وتسجيل الطالب</x-inputs.submit>
                        @endif
                        <x-inputs.link route="transfers.index">عودة</x-inputs.link>
                    </div>



                    {!! Form::close() !!}

                    @endcomponent

                    @endsection

                    @section('vendor-script')
                    <script src="{{ asset(mix('vendors/js/pickers/pickadate/picker.js')) }}"></script>
                    <script src="{{ asset(mix('vendors/js/pickers/pickadate/picker.date.js')) }}"></script>
                    <script src="{{ asset(mix('vendors/js/pickers/pickadate/picker.time.js')) }}"></script>
                    <script src="{{ asset(mix('vendors/js/pickers/pickadate/legacy.js')) }}"></script>
                    <script src="{{ asset(mix('vendors/js/pickers/flatpickr/flatpickr.min.js')) }}"></script>
                    <script src="{{ asset(mix('vendors/js/forms/validation/jquery.validate.min.js')) }}"></script>
                    <script src="{{ asset(mix('vendors/js/forms/select/select2.full.min.js')) }}"></script>
                    @endsection

                    @section('page-script')
                    <script src="{{ asset(mix('js/scripts/forms/pickers/form-pickers.js')) }}"></script>
                    <script src="{{ asset(mix('js/scripts/forms/form-select2.js')) }}"></script>

                    <script>
                        function checkPaymentMethod() {
                            let method_id = document.getElementById('method_id')
                            let bank_id = document.getElementById('bank_id')
                            bank_id.value = ''
                            method_id.value == 1 ? bank_id.removeAttribute('disabled') : bank_id.setAttribute('disabled', 1)
                        }

                        checkPaymentMethod()
                    </script>
                    @endsection