@extends('layouts.app')

@section('content')

    <form action="{{ route('financial_rewards.cash_allowance.store') }}" class="col col-lg-9 pd-30" id="form_request_ajax" method="POST">
        @csrf

        <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" id="save_cash_allowance">حفظ</button>
        </div>

        <div class="row">
            <x-prisoner-info />

            <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="flexbox align-between align-center-y widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">

                        <label class="checkbox fs-13 pds-20">
                            <input type="checkbox" name="stop_cash_allowance" class="req" value="0" id="stop_cash_allowance">
                            <span>إيقاف صرف الإعاشة النقدية</span>
                        </label>

                    </h3>

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

                            <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 gregorian-month-input" />
                                </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" />
                                </div>
                            </div>

                            <div class="col-12 col-lg-12 mb-15">
                                <label class=" mb-5">مقدار الاستحقاق</label>
                                <input type='text' name="prisoner_total_allowance" id="prisoner_total_allowance" class="req" readonly />
                            </div>

                            <div class="col-12 col-lg-12 mb-15">
                                <label class=" mb-5">السبب</label>
                                <textarea name="stop_cash_allowance_reason" class="req" rows="3"></textarea>
                            </div>

                        </div>

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

        </div>
    </form>
@endsection

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