@extends('layouts.contentLayoutMaster')

{{--@php--}}
{{--$breadcrumbs = [[['link' => route('follow.index'), 'name' => "خطط السداد"], ['link' => route('plans.edit',$plan), 'name' => "تعديل خطة السداد"]],['title'=> 'تعديل']];--}}
{{--@endphp--}}

@section('title', 'ادارة طلبات متابعة الطلاب الغير مجددين')

@section('content')

@component('components.forms.formCard',['title' => sprintf('تحديث حالة طلب المتابعة رقم : <span class="text-danger"> %s </span>', $followUp->id)])

{!! Form::model($followUp,['route' => ['students-without-contract.update',$followUp],'method'=>'PUT' , 'onsubmit' => 'showLoader()']) !!}

<x-ui.divider>تحديث حالة طلب المتابعة</x-ui.divider>

    <div class="row mb-1">
        <div class="col-md">
            <x-inputs.text.Input icon="tag" name="id" label="كود طلب المتابعة" placeholder="كود طلب المتابعة" readonly="readonly"/>
        </div>
        <div class="col-md">
            <x-inputs.text.Input icon="tag" label="حالة الطلب الحالية" value="{{\App\Models\FollowUpRequest::getFollowUpStatus()[$followUp->status]}}" name="status" placeholder="" disabled="disabled"/>
        </div>
    </div>
    <div class="row mb-1">

        <div class="col-md">
            <x-inputs.text.textarea name="notes" id="notes" label="تقرير المتابعة" required value="{{$followUp->notes}}"/>
        </div>
    </div>

    <div class="row mb-1">
        <div class="col-md">
            <x-inputs.select.generic label="حالة الطلب" name="status" :options="App\Models\FollowUpRequest::getFollowUpStatus()" onchange="handelInputs(this)" />
        </div>
    </div>
    <div class="col-12 text-center mt-2">
        <x-inputs.submit>تحديث حالة الطلب</x-inputs.submit>
        <x-inputs.link route="students-without-contract.index">عودة</x-inputs.link>
    </div>
    {!! Form::close() !!}

    @endcomponent

    @endsection

    @section('page-script')
    <!-- Page js files -->
    <script>
        handelInputs(document.getElementById('plan_based_on'))
        function handelInputs(e) {
            if (e.value) {
                const down_payment = document.getElementById('down_payment')
                const payment_due_determination = document.getElementById('payment_due_determination')
                const beginning_installment_calculation = document.getElementById('beginning_installment_calculation')
                let payment_due_determination_span = document.getElementById('payment_due_determination_span')
                let beginning_installment_calculation_span = document.getElementById('beginning_installment_calculation_span')

                switch (e.value) {
                    case 'total':
                        down_payment.style = 'pointer-events: none;opacity: 0.4;';
                        payment_due_determination.style = 'pointer-events: none;opacity: 0.4;';
                        beginning_installment_calculation.style = 'pointer-events: none;opacity: 0.4;';
                        payment_due_determination_span.style = 'display:none;'

                        beginning_installment_calculation_span.style = 'display:none;'

                        down_payment.required = false
                        down_payment.value = 0;
                        payment_due_determination.required = false
                        payment_due_determination.value = ''
                        beginning_installment_calculation.value = ''
                        beginning_installment_calculation.required = false
                        break;
                    case 'semester':
                        down_payment.style = 'pointer-events: none;opacity: 0.4;';
                        payment_due_determination.style = '';
                        payment_due_determination.placeholder = 'قبل بداية الفصل الدراسي بـ ؟ يوم'

                        payment_due_determination_span.style = '';
                        payment_due_determination_span.setAttribute('title', "في حالة ادخال 10 - سيتم اعتبار تاريخ استحقاق الدفعة قبل الفصل الدراسي بـ 10 ايام ")

                        beginning_installment_calculation.style = 'pointer-events: none;opacity: 0.4;';
                        beginning_installment_calculation_span.style = 'display:none;'

                        down_payment.required = false
                        down_payment.value = 0;
                        payment_due_determination.required = true
                        beginning_installment_calculation.required = false
                        beginning_installment_calculation.value = ''

                        break;

                    default:
                        down_payment.style = '';
                        payment_due_determination.style = '';
                        payment_due_determination.placeholder = 'يوم ؟ من كل شهر ميلادي'

                        payment_due_determination_span.style = '';
                        payment_due_determination_span.setAttribute('title', "في حالة ادخال يوم 27 - سيكون تاريخ استحقاق القسط في27  من كل شهر ميلادي - الحد الأقصي هو يوم 28 في الشهر")

                        beginning_installment_calculation_span.style = '';

                        beginning_installment_calculation.style = ''

                        down_payment.required = true
                        payment_due_determination.required = true
                        beginning_installment_calculation.required = true

                        break;
                }
            }
        }
    </script>
    @endsection