@extends('layouts.contentLayoutMaster')
@php
$breadcrumbs = [[['link' => route('parent.transfers.index'), 'name' => "الطلبات"],['name'=> 'طلبات تجديد التعاقد']],['title' => 'اضافة طلب تجديد تعاقد']];
@endphp

@section('title', 'تسجيل طلب تجديد تعاقد')

@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')
    <div class="row">
        @if(isset($finalGraduation) && $finalGraduation)
            <div class="text-center">
                <div class="alert alert-danger" role="alert">
                    <div class="alert-body">{{$finalGraduation}}</div>
                </div>
            </div>
        @endif
        @if($transferRequest)
            <div class="text-center">
                <div class="alert alert-danger" role="alert">
                    <div class="alert-body"> لقد قمت بتقديم طلب تجديد بالفعل من فضلك تابع حالة الطلب من خلال طلبات التجديد / طلبات تحت المراجعة</div>
                </div>
                <strong><a class="btn btn-primary" href="{{route('parent.transfers.index')}}"> إضغط هنا للانتقال المراجعة </a></strong>
            </div>
        @elseif(isset($debtRemaining) && $debtRemaining>0 )
            <div class="text-center">
                <div class="alert alert-danger" role="alert">
                    <div class="alert-body"> لكي تتمكن من تجديد التعاقد يجب عليك سداد المديونيات اولا</div>
                </div>
                <strong><a class="btn btn-primary" href="{{route('parent.indebt.student.showTransactions',['guardian_id'=>$contract->guardian_id , 'student_id'=>$contract->student_id])}}"> إضغط هنا للانتقال للمديونيات </a></strong>
            </div>
        @else
            <div class="col-md-6 col-12">

                @component('components.forms.formCard',['title' => sprintf('طلب تجديد تعاقد للطالب  %s',$contract->student_name)])
                {{ Form::open(['route' => 'parent.transfers.store','method'=> 'POST' , 'class' => 'row','id' => 'adminform' , 'onsubmit' => 'showLoader()']) }}
                    <x-ui.validationErrors></x-ui.validationErrors>
                   @if(!auth()->user()?->guardian?->national_id)
                    <x-ui.divider>رقم هوية ولي الامر</x-ui.divider>

                    <div class="row mb-1">
                            <div class="col-md">
                                <x-inputs.text.Input label="رقم هوية ولي الأمر" icon="file-text" name="guardian_national_id" placeholder="ادخل رقم هوية ولي الأمر" data-msg="ادخل رقم الهوية بشكل صحيح" />
                            </div>
                    </div>
                    @endif
                    <x-ui.divider>خطة دفع الرسوم الدراسية</x-ui.divider>

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

                    <x-ui.divider>خطة النقل</x-ui.divider>


                    <div class="row mb-1">
        <div class="col-md">
            <x-inputs.select.generic 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 select2="" :required="false" label="خطة دفع النقل" name="transportation_payment" data-placeholder="اختر خطة دفع النقل" data-msg="رجاء اختيار خطة دفع النقل" :options="['' => 'لا يرغب'] + App\Models\Transportation::payment_plans()" />
        </div>
    </div>
                    <input type="hidden" name="student_id" value="{{$student->id}}">
                    <input type="hidden" name="contract_id" value="{{$contract->id}}">

                    <div class="col-12 text-center mt-2">
                        <x-inputs.submit id="submit_btn">تسجيل طلب تجديد التعاقد</x-inputs.submit>
                        <x-inputs.link route="transfers.index">عودة</x-inputs.link>
                    </div>

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

                @endcomponent
            </div>
            <div class="col-md-6 col-12">
                @component('components.forms.formCard',['title' => 'تفاصيل التعاقد'])
{{--                    <h3 class="card-title {{$contract->exam_result == 'pass' ? 'text-success':'text-danger'}}">{!! $contract->exam_result == 'pass' ? 'مبروك نجاح '.$contract->student_name.' والانتقال للصف '.$contract->next_level_name: 'نأسف لرسوب '.$contract->studentـname.' والبقاء في الصف '.$contract->current_level_name !!}</h3>--}}
                    <div class="row mb-1">
                        <div class="col-md">
                            <h3 class="card-title">نتيجة العام الدراسي </h3>
                        </div>

                        <div class="col-md">
                            <h3 class="card-title {{$contract->exam_result == 'pass' ? 'text-success':'text-danger'}}">{{$data['exam_result']}}</h3>
                        </div>
                    </div>
                    <div class="row mb-1">
                        <div class="col-md">
                            <h3 class="card-title">العام الدراسي القادم</h3>
                        </div>
                        <div class="col-md">
                            <h3 class="card-title">{{$data['next_year_name']}}</h3>
                        </div>
                    </div>
                    <div class="row mb-1">
                        <div class="col-md">
                            <h3 class="card-title">الصف الدراسي المنتقل إليه</h3>
                        </div>

                        <div class="col-md">
                            <h3 class="card-title">{{$data['next_level_name']}}</h3>
                        </div>
                    </div>
                    <x-ui.divider>رسوم السنة القادمة </x-ui.divider>
                        <div class="row mb-1">
                            <div class="col-md">
                                <h3 class="card-title">رسوم أساسية</h3>
                            </div>

                            <div class="col-md">
                                <h3 class="card-title">{{$data['tuition_fees']}} $</h3>
                            </div>
                        </div>
                @endcomponent
            </div>
        @endif
    </div>
@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>
    $(document).ready(function() {
        $("#submit_btn").on("click", function() {
            // Disable the button to prevent double-click
            $(this).prop("disabled", true);
            $('#adminform').submit();
        });
    });
</script>
@endsection