@extends('layouts.app')

@section('content')

    <form action="{{ route('financial_rewards.cash_allowance_movement.update' , $cash_allowance_movement->id) }}" class="col col-lg-9 pd-30" id="form_request_ajax" method="POST">
        @csrf
        @method('PUT')

        <div class="page-title divider-b pdb-10 flexbox align-between align-center-y mb-20">
            <h1 class="reset-block primary-color lineheight-130 fs-20">تعديل مسير الإعاشة النقدية</h1>
            <button class="btn small primary">تعديل</button>
        </div>

        <div class="row">
            <div class="col-12 col-md-6">

                <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form">

                    <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20">مسير الإعاشة النقدية</h3>

                    <div class="widget-content pdx-20">
                        <div class="row align-center-y">

                            <div class="col-12 col-lg-6 mb-15">
                                <label class=" mb-5">الشهر</label>
                                <div class="" style="position: relative;">
                                    <input type='text' name="month" id="month" class="req" value="{{ $cash_allowance_movement->month }}" />
                                </div>
                            </div>

                            <div class="col-12 col-lg-6 mb-15">
                                <label class=" mb-5">السنة</label>
                                <div class="" style="position: relative;">
                                    <input type='text' name="year" id="year" class="req gregorian-year-input" value="{{ $cash_allowance_movement->year }}" />
                                </div>
                            </div>

                            <div class="col-6 mb-15" id="prisoner_dependent">
                                <label class="checkbox fs-13">
                                    <input
                                        type="checkbox"
                                        name="add_prisoner_dependent"
                                        class="req"
                                        value="{{ $cash_allowance_movement->add_prisoner_dependent }}"
                                        id="add_prisoner_dependent"
                                        @checked($cash_allowance_movement->add_prisoner_dependent)
                                    >
                                    <span>إضافة التابع</span>
                                </label>
                            </div>

                        </div>

                    </div>
                </div>
            </div>

            <div class="col-12 col-md-6">
                <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form">

                    <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20">المزيد من الخيارات</h3>

                    <div class="widget-content pdx-20">
                        <div class="row align-center-y">

                            <div class="col-12 mb-15">
                                <label class="checkbox fs-13">
                                    <input
                                        type="checkbox"
                                        name="escape_period"
                                        id="escape_period"
                                        class="req exclusion_options"
                                        value="{{ $cash_allowance_movement->escape_period }}"
                                        @checked($cash_allowance_movement->escape_period)
                                    >
                                    <span>استبعاد فترة الهروب</span>
                                </label>
                            </div>

                            <div class="col-12 mb-15">
                                <label class="checkbox fs-13">
                                    <input
                                        type="checkbox"
                                        name="temporary_dependent_release_period"
                                        id="temporary_dependent_release_period"
                                        class="req exclusion_options"
                                        value="{{ $cash_allowance_movement->temporary_dependent_release_period }}"
                                        @checked($cash_allowance_movement->temporary_dependent_release_period)
                                    >
                                    <span>استبعاد فترة الخروج المؤقت للتابع</span>
                                </label>
                            </div>

                            <div class="col-12 mb-15">
                                <label class="checkbox fs-13">
                                    <input
                                        type="checkbox"
                                        name="emergency_release_period"
                                        id="emergency_release_period"
                                        class="req exclusion_options"
                                        value="{{ $cash_allowance_movement->emergency_release_period }}"
                                        @checked($cash_allowance_movement->emergency_release_period)
                                    >
                                    <span>استبعاد فترة الخروج الاضطراري</span>
                                </label>
                            </div>

                            <div class="col-12 mb-15">
                                <label class="checkbox fs-13">
                                    <input
                                        type="checkbox"
                                        name="delayed_return_period"
                                        id="delayed_return_period"
                                        class="req exclusion_options"
                                        value="{{ $cash_allowance_movement->delayed_return_period }}"
                                        @checked($cash_allowance_movement->delayed_return_period)
                                    >
                                    <span>استبعاد فترة التاخر بالعودة من الخروج الاضطراري</span>
                                </label>
                            </div>

                            <div class="col-12 mb-15">
                                <label class="checkbox fs-13">
                                    <input
                                        type="checkbox"
                                        name="guarantee_release_period"
                                        id="guarantee_release_period"
                                        class="req exclusion_options"
                                        value="{{ $cash_allowance_movement->guarantee_release_period }}"
                                        @checked($cash_allowance_movement->guarantee_release_period)
                                    >
                                    <span>استبعاد فترة الخروج بكفالة</span>
                                </label>
                            </div>

                            <div class="col-12 mb-15">
                                <label class="checkbox fs-13">
                                    <input
                                        type="checkbox"
                                        name="guarantee_delayed_return_period"
                                        id="guarantee_delayed_return_period"
                                        class="req exclusion_options"
                                        value="{{ $cash_allowance_movement->guarantee_delayed_return_period }}"
                                        @checked($cash_allowance_movement->guarantee_delayed_return_period)
                                    >
                                    <span>استبعاد فترة التاخر بالعودة من الخروج بكفالة</span>
                                </label>
                            </div>

                        </div>

                    </div>
                </div>
            </div>

        </div>
    </form>
@endsection

@section('script')
    <script>
       $(document).ready(function () {

        $("#month").on("click focusout", function () {
            $(this).hijriDatePicker({
                format: "MM",
                viewMode: 'months',
                showClose: true,
                showTodayButton: false,
                showClear: true,
                showSwitcher: false,
                debug: true,
            });
        });
    });

    </script>
@endsection