@extends('layouts.app')

@section('content')

    <form action="{{ route('violations.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">حفظ </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="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">بيانات النزيل</h3>

                    <div class="widget-content pdx-20" style="display: block;">

                        <div class="flexbox divider-b mb-20">

                            <div class="col pds-15">
                                <ul class="info-list reset-list fs-13 lineheight-160" id="prisoner_health_details">
                                    {{-- <li>
                                        <span class="title">الديانة</span> : <span class="value" id="prisoner_info_religion"></span>
                                    </li> --}}

                                    <li>
                                        <span class="title">اسم العنبر</span> : <span class="value" id="prisoner_info_prison_section"></span>
                                    </li>

                                    <li>
                                        <span class="title">رقم الغرفة</span> : <span class="value" id="prisoner_info_prison_room"></span>
                                    </li>

                                    {{-- <li>
                                        <span class="title">الحالة الاجتماعية</span> : <span class="value" id="prisoner_info_matrial_status"></span>
                                    </li> --}}

                                    <li>
                                        <span class="title">عدد الابناء</span> : <span class="value" id="prisoner_info_child_count"></span>
                                    </li>

                                    <li>
                                        <span class="title">تاريخ انتهاء المحكومية</span> : <span class="value" id="prisoner_info_judgement_end_date"></span>
                                    </li>

                                </ul>
                            </div>

                        </div>

                    </div>

                </div>

            </div>
        </div>

        <div class="row">

            <div class="col col-12 col-md-12">
                <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 primary">المخالفة</h3>

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

                            <div class="col col-lg-8 co-md-12">
                                <label for="description">وصف المخالفة</label>
                                <textarea name="description" id="description" class="req" cols="30" rows="10"></textarea>
                            </div>

                            <div class="col-4">
                                <label for="violation_date">تاريخ المخالفة</label>
                                <div class="pos-rel">
                                    <input type="text" name="date_violating_instructions_hijri" id="date_violating_instructions_hijri" class="date-hijri req" value="">
                                </div>
                            </div>

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

        <div class="row">

            <div class="col 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 primary">العقوبة المقررة</h3>

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

                            @foreach(config('static.punishment_type_prison') as $key => $punishment)
                                <div class="col col-md-4">
                                    <label class="checkbox fs-13">
                                        <input type="checkbox" name="{{ $key }}" value="0">
                                        <span>{{$punishment}}</span>
                                    </label>
                                </div>
                            @endforeach

                            <div class="col col-md-2">
                                <input type="text" name="other_punishment_input" id="other_punishment_input" value="" placeholder="عقوبة اخري"  />
                            </div>

                        </div>
                    </div>

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


                        <div class="col col-3">
                            <label for="execution_date_hijri">تاريخ تنفيذ العقوبة</label>
                            <div class="pos-rel">
                                <input type="text" class="date-hijri req" name="execution_date_hijri" id="execution_date_hijri" value="">
                            </div>
                        </div>

                        <div class="col col-3">
                            <label for="duration_penalty">مدة العقوبة (بالايام)</label>
                            <input type="number" min="0" class="req" name="duration_penalty" id="duration_penalty" value="">
                        </div>


                        <div class="col col-3">
                            <label for="end_date_execution_hijri">تاريخ انتهاء العقوبة</label>
                            <div class="pos-rel">
                                <input type="text" class="req" readonly name="end_date_execution_hijri" id="end_date_execution_hijri" value="">
                            </div>
                        </div>


                        <div class="flex align-center-y mt-20">
                            <label class="checkbox">
                                <input type="checkbox" name="is_penalty_end_judgement_date" id="is_penalty_end_judgement_date" data-end="" value="" >
                                <span>استمرار العقوبة حتي تاريخ انتهاء المحكومية</span>
                            </label>
                        </div>


                        <div class="col col-3">
                            <label for="letter_source">جهة اصدار قرار العقوبة</label>
                            <input type="text" class="req" name="letter_source" id="letter_source" value="" placeholder="جهة اصدار قرار العقوبة">
                        </div>


                        <div class="col col-3">
                            <label for="letter_number">رقم القرار</label>
                            <input type="text" class="req" name="letter_number" id="letter_number" value="" placeholder="رقم القرار">
                        </div>


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

                        <div class="col col-12">
                            <label for="notes">ملاحظات</label>
                            <textarea name="notes" id="notes" cols="30" rows="10" > </textarea>
                        </div>

                    </div>

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

        <div class="col-12 col-md-6">
            <button href="#" class="btn primary fluid">حفظ</button>
        </div>

    </form>


@endsection

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