@extends('layouts.app')

@section('content')
    <form action="" class="col col-lg-9 pd-30" id="form_request_ajax" method="POST">
        @csrf


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

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

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

                            <div class="col-12 col-lg-4 mb-15">
                                <label class="mb-5">بحث : الاسم / رقم الهوية</label>
                                <div class="" style="position: relative;">
                                    <input type='text' name="prisoner_name_or_identity_number" id="prisoner_name_or_identity_number" class="req" autocomplete="off" placeholder="الاسم / رقم الهوية" />
                                </div>
                            </div>

                            <div class="col-12 col-md-4">

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

                                    <h3 class="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="from_year" id="from_year" class="req gregorian-year-input" autocomplete="off" />
                                                </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="from_month" id="from_month" class="req gregorian-month-input" autocomplete="off" />
                                                </div>
                                            </div>

                                        </div>

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

                            <div class="col-12 col-md-4">

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

                                    <h3 class="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="to_year" id="to_year" class="req gregorian-year-input" autocomplete="off" />
                                                </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="to_month" id="to_month" class="req gregorian-month-input" autocomplete="off" />
                                                </div>
                                            </div>

                                        </div>

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

                        </div>


                    </div>

                </div>

                <div class="row mb-30">

                    <div class="col-12 col-md-6">
                        <button class="btn fluid primary" type="button" id="archive_cash_allawance">أرشيف الإعاشة النقدية</button>
                    </div>

                    <div class="col-12 col-md-6">
                        <button class="btn fluid primary" type="button" id="archive_quran_memorizing_reward">أرشيف مكافأة حفظ القرآن</button>
                    </div>
                </div>

                <div class="row">
                    <div class="col-12">
                        <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form">
                            <div class="widget-content pdx-20">
                                <div class="row align-center-y">
                                    <div class="col-12">
                                        <div class="table-responsive">
                                            <table class="table table-bordered table-striped" id="archive_table">

                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
@endsection

@section('script')
    <script>
        var excludedCashAllowanceConfig = {!! json_encode(config('static.excluded_cash_allowance')) !!};
        var excludedQuranMemorizingRewardConfig = {!! json_encode(config('static_prisoner_out.quran_parts_numbers')) !!};
    </script>
    <script src="{{ asset('assets/js/pages/quran_memorizing_reward.js') }}"></script>
@endsection