@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($primaryNotify))
            <div class="text-center">
                <div class="alert alert-danger" role="alert">
                    <div class="alert-body">{{$primaryNotify}}</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('indebt.student.showTransactions',['guardian_id'=>$contract->guardian_id , 'student_id'=>$contract->student_id])}}"> إضغط هنا للانتقال للمديونيات </a></strong>
            </div>
        @else
            <div class="col-6">
                @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 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>
                    <div class="row mb-1">
                        <div class="col-md">
                            <label for="selected_next_level_id" class="form-label">الصف الدراسي</label>
                            <select onchange="transferLevelDetails(this)" class="form-select" name="selected_next_level_id">
                                @foreach($allLevels as $primaryLevel)
                                    <option {{$primaryLevel->id == $data['next_level_id']?'selected=selected':''}} value="{{$primaryLevel->id}}"> {{$primaryLevel->level_name}} - {{$primaryLevel->grade->grade_name}}</option>
                                @endforeach
                            </select>
                        </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>تسجيل طلب تجديد التعاقد</x-inputs.submit>
                        <x-inputs.link route="transfers.index">عودة</x-inputs.link>
                    </div>
                {!! Form::close() !!}

                @endcomponent
            </div>
            <div class="col-6">
                @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" id="next_level_name">{{$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" id="tuition_fees">{{$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>

    function transferLevelDetails(e){
        showLoader()
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            $.ajax({
                url: "/parent/transfers/level-details",
                method: 'post',
                data: {
                    "contract_id": {{$contract->id}},
                    "level_id": e.value,
                },
                success: function (response){
                    hideLoader()
                    console.log(response.exam_result);
                    document.getElementById('next_level_name').innerHTML = response.next_level_name;
                    document.getElementById('tuition_fees').innerHTML = response.tuition_fees + " $";
                }
            })

    }
</script>
@endsection