@extends('layouts.app')

@section('content')


    <div class="col col-lg-9 pd-30">
        <!-- Page Title -->
        <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>
        </div>
        <!-- // Page Title -->


        <form action="{{ route('discounts.quran_memorizing_remission.store') }}" method="POST" id="form_request_ajax">
            @csrf

            <div class="row">


                <x-prisoner-info type="memorizing_quran" />

                <x-issue-info page="memorizing_quran" type="show_in_discounts" />

                <!-- Column -->
                <div class="col-12 col-md-6">
                    <!-- Widget Block -->
                    <div class="widget-block mb-30 white-bg radius-g pdb-20">
                        <!-- Widget Main Title -->
                        <h3
                            class="flexbox align-between align-center-y widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">
                            الأجزاء التى تمكن من حفظها</h3>
                        <!-- Content -->
                        <div class="widget-content pdx-10 pdb-10 flexbox">
                            <!-- Checkbox -->
                            @for ($i = 1; $i < 31; $i++)
                                <label for="" class="checkbox modern-checkbox">
                                    <input
                                        type="checkbox"
                                        class="parts"
                                        name="quran_parts[{{ $i }}]"
                                        data-val="{{ $i }}" id="d{{ $i }}"
                                        >
                                    <span class="lineheight-1 pdy-10 pdx-10 fs-15">{{ $i }}</span>
                                </label>
                            @endfor
                            <!-- // Checkbox -->

                            <!-- Divider -->
                            <hr class="col-12 mt-15 mb-15" />

                            <!-- Form Controls -->
                            <div class="col-12 pdx-10">

                                <label for="">درجة المواظبة</label>
                                <input
                                    type="number"
                                    placeholder=""
                                    name="commitment_degree"
                                    max="10"
                                    min="0"
                                    class="req"
                                    value=""
                                >

                                <label for="">درجة الحفظ</label>
                                <input
                                    type="number"
                                    placeholder=""
                                    name="memorization_degree"
                                    max="90"
                                    min="0"
                                    class="req"
                                    value=""
                                >

                                <label for="">توصية اللجنة</label>
                                <input
                                    type="text"
                                    name="committee_recommendation"
                                    placeholder=""
                                    class="req"
                                    value=""
                                >

                                <label for="">جهة أصدار الخطاب</label>
                                <input
                                    type="text"
                                    placeholder=""
                                    name="letter_source"
                                    class=""
                                    value=""
                                >

                                <label for="">رقم الخطاب</label>
                                <input
                                    type="number"
                                    placeholder=""
                                    name="letter_number"
                                    class=""
                                    value=""
                                >

                                <label for="">تاريخ الخطاب</label>
                                <div class="pos-rel">
                                    <input
                                        type="text"
                                        placeholder=""
                                        id=""
                                        name="letter_date_hijri"
                                        class="date-hijri req"
                                        value=""
                                    >
                                </div>


                                <label for="">تاريخ انعقاد لجنة الاختبار </label>
                                <div class="pos-rel">
                                    <input
                                        type="text"
                                        placeholder=""
                                        id=""
                                        name="committee_meeting_date_hijri"
                                        class="date-hijri req"
                                        value=""
                                    >
                                </div>

                                <label for="">تاريخ محضر اللجنة</label>
                                <div class="pos-rel">
                                    <input
                                        type="text"
                                        placeholder=""
                                        id=""
                                        name="committee_report_date_hijri"
                                        class="date-hijri req"
                                        value=""
                                    >
                                </div>

                                <label for="">اسم رئيس اللجنة</label>
                                <x-discount-sponsor discountSponsorType="chairman_committee_name" key="0" />

                                <label for="">اسم مندوب وزارة الشؤون الإسلامية والدعوة والإرشاد</label>
                                <x-discount-sponsor discountSponsorType="ministry_representative_name" key="1" />

                                <label for="">اسم مندوب وزارة التعليم</label>
                                <x-discount-sponsor discountSponsorType="education_ministry_representative_name" key="2" />

                                <label for="">اسم سكرتير اللجنة</label>
                                <x-discount-sponsor discountSponsorType="committee_secretary_name" key="3" />

                            </div>
                            <!-- // Form Controls -->

                            <!-- Button -->
                            <button class="btn primary col small mt-20" id="savePardonQuran">حفظ البيانات</button>
                        </div>
                        <!-- // Content -->
                    </div>
                    <!-- // Widget Block -->
                </div>
                <!-- Column -->
                <div class="col-12 col-md-6">
                    <!-- Widget Block -->
                    <div class="widget-block mb-30 white-bg radius-g pdb-20">
                        <!-- Widget Main Title -->
                        <h3
                            class="flexbox align-between align-center-y widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">
                            مقدار الاستحقاق
                            <span class="btn primary radius-sm" id="getvalueOfRemission">اظهار قيمة الاستحقاق</span>
                        </h3>
                        <!-- Content -->

                        <div class="widget-content pdx-20 pdb-10">

                            <ul class="info-list reset-list fs-13 lineheight-160">
                                <li class="mb-5"><span class="gray-color inline-block">عدد الايام</span> <span
                                        id="spanDay"></span> </li>
                                <li class="mb-5"><span class="gray-color inline-block">عدد الشهور</span><span
                                        id="spanMonth"></span> </li>
                                <li class="mb-5"><span class="gray-color inline-block">عدد السنين</span><span
                                        id="spanYear"></span> </li>
                                <li class="mb-5"><span class="gray-color inline-block">ملاحظات : </span> <span
                                        id="span"></span> </li>
                            </ul>

                            <!-- Checkbox -->
                            <label class="checkbox fs-13">
                                <input
                                    type="checkbox"
                                    class="check-toggle"
                                    data-target="options-2"
                                    date-requered="1"
                                    name="amount_of_entitlement_is_modified"
                                    value="0"
                                >
                                <span>تعديل مقدار الاستحقاق </span>
                            </label>

                            <!-- Hidden For Checkbox -->
                            <div class="hidden-options hidden" id="options-2">

                                <label for="">عدد الايام</label>
                                <input
                                    type="number"
                                    id="inDay"
                                    class="req daycalc"
                                    name="amount_of_entitlement_days"
                                    placeholder=""
                                    {{-- max="5" --}}
                                    min="0"
                                    value=""
                                >

                                <input
                                    type="hidden"
                                    id="days"
                                    class="req"
                                    name="all_days_value"
                                >

                                <label for="">عدد الشهور</label>
                                <input
                                    type="number"
                                    id="inMonth"
                                    class="req monthcalc"
                                    name="amount_of_entitlement_months"
                                    placeholder=""
                                    min="0"
                                    {{-- max="3" --}}
                                    value=""
                                >

                                <label for="">عدد السنين</label>
                                <input
                                    type="number"
                                    id="inYear"
                                    class="req "
                                    name="amount_of_entitlement_years"
                                    placeholder=""
                                    min="0"
                                    {{-- max="7" --}}
                                    value=""
                                >

                                <label for="">ملاحظات</label>
                                <textarea name="notes"></textarea>
                            </div>

                        </div>

                    </div>

                </div>

            </div>

        </form>

    </div>



@endsection

@section('script')
    <script src="{{ asset('assets/js/ajax_judgement.js') }}" defer></script>
    <script src="{{ asset('assets/js/pages/discounts/memorizing_quran.js') }}" defer></script>
@endsection