@extends('layouts.app')

@section('content')

<form action="{{ route('judgement-and-issues.replaced-punishment.store') }}" class="col col-lg-9 pd-30" id="form_request_ajax" method="POST">
    @csrf
    <!-- 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>
            <button class="btn small primary">حفظ </button>
    </div>
    <!-- // Page Title -->


    <div class="row">
        <!-- Column Prisoner Information -->

        <x-prisoner-info type="replaced-punishment" />

        <!-- Widget Group -->
        <x-issue-info />
    </div>

      <!-- Grid -->
    <div class="row">
            <!-- Column -->


        <!-- Widget Block -->
        <div class="col-12">
            <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form">
                <!-- Title -->
                <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20">بيانات العقوبة البديلة</h3>
                <!-- Content -->
                <div class="widget-content pdx-20">
                    <!-- grid -->
                    <div class="row  gpx-15">



                        <div class="col-4 pds-15">
                            <label for="punishment_description">وصف العقوبة</label>
                            <input type="text" class="req" readonly name="punishment_description" value="" placeholder="وصف العقوبة">
                        </div>

                        <div class="col-4 pds-15">
                            <label for="punishment_conditions">شروط  تنفيذ العقوبة</label>
                            <input type="text" class="req" readonly name="punishment_conditions" value="" placeholder=" شروط  تنفيذ العقوبة">
                        </div>

                        <div class="col-4 pds-15">
                            <label for="punishment_place">مكان تنفيذ العقوبة</label>
                            <input type="text" class="req" readonly name="punishment_place" value="">
                        </div>

                        <div class="col col-md-5 ms-10 me-10 flexbox align-center-y">
                            <label class="col-3 mb-15">مدة العقوبة  </label>
                            <input type="number" class="col-3" readonly value="" placeholder="سنوات" id="years" name="punishment_duration_years">
                            <input type="number" class="col-3 monthcalc" readonly placeholder="شهور" value=""  id="month" name="punishment_duration_months">
                            <input type="number" class="col-3 daycalc" readonly placeholder="ايام"  id="days" value=""  name="punishment_duration_days">
                        </div>
                        <div class="col-4 pds-15">
                            <label for="punishment_daily_working_hours">عدد ساعات العمل اليومي</label>
                            <input type="number" class="req" readonly name="punishment_daily_working_hours" value="" placeholder="عدد ساعات العمل اليومي">
                            {{--  <label for="daily_working_hours">عدد ساعات العمل اليومي</label>
                            <select class="col-9" name="punishment_daily_working_hours" readonly id="daily_working_hours">
                                <option value="">-- اختيار --</option>
                                @for ($i = 1; $i <= 10 ; $i++)
                                <option value="{{ $i }}" >
                                    @if(in_array($i , [1, 11 , 33]))
                                        ساعه
                                    @elseif ($i == 2)
                                        ساعتين
                                     @else
                                     ساعات
                                    @endif

                                </option>
                                @endfor
                            </select>  --}}
                        </div>


                        <div class="col-12 pds-15">
                            <div class="col-6 toggle_slideshow">
                                <label class="checkbox fs-13">
                                    <input type="checkbox" name="is_electronic_bracelet" disabled value="0"  class="toggle-show">
                                    <span>مصحوبة بسوار إلكتروني</span>
                                </label>
                                <input type="hidden" name="hidden_is_electronic_bracelet" value="0">

                                <div class="targets_data  electronic_bracelet_contaner hidden">
                                    <label for="electronic_bracelet_area">نطاق السوار الإلكتروني</label>
                                    <input type="text"  name="electronic_bracelet_range" readonly value="">
                                </div>
                            </div>
                        </div>



                    </div>


                    <!-- // grid -->
                </div>
                <!-- // Content -->
            </div>
        </div>
            <!-- Widget Block -->
            <div class="col-12">
                <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form">
                    <!-- Title -->
                    <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20">بيانات العقوبة البديلة</h3>
                    <!-- Content -->
                    <div class="widget-content pdx-20 toggle_slideshow">
                        <!-- grid -->
                        <div class="row  gpx-15 ">

                           <div class="col-12">
                            <label class="checkbox fs-13">
                                <input type="checkbox" name="is_accept_alternative_punishment" value="0"   class="toggle-show">
                                <span>قبول العقوبةالبديلة</span>
                            </label>
                           </div>

                        </div>

                        <div class="row targets_data hidden">
                            <div class="col-3 pds-15">
                                <label for="">اسم الجهة المستقبلة</label>
                                <input type="text" name="name_receiving_party" value="">
                            </div>
                            <div class="col-6 pds-15">
                                <label for="">عنوان الجهة</label>
                                <div class="col form-group justify-content-nowrap">
                                    @foreach (config('static.address') as $key => $val)
                                        <div class="col-2">
                                            <input type="text" name="receiving_{{ $key }}"
                                                class="col-12 req inp_arr_address_{{ $key }}"
                                                placeholder="{{ $val }}" value="">
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                            <div class="col-3 pds-15">
                                <label for="name_entity_supervising_implementation">اسم الجهة المشرفة على التنفيذ</label>
                                <input type="text" name="name_entity_supervising_implementation" value="">
                            </div>
                            <div class="col-4 pds-15">
                                <label for="supervising_person_name">اسم الشخص المشرف على التنفيذ</label>
                                <div class="col form-group justify-content-around">
                                    <div class="col-3">
                                        <input type="text" class="input_validation" name="name_person_supervising_implementation_first"
                                            id="first_name" placeholder="الاسم الأول" value="">
                                    </div>
                                    <div class="col-3">
                                        <input type="text" class="input_validation" name="name_person_supervising_implementation_second"
                                            id="second_name" placeholder="الاسم الثاني" value="">
                                    </div>
                                    <div class="col-3">
                                        <input type="text" class="input_validation" name="name_person_supervising_implementation_third"
                                            id="third_name" placeholder="الاسم الثالث" value="">
                                    </div>
                                    <div class="col-3">
                                        <input type="text" class="input_validation" name="name_person_supervising_implementation_fourth"
                                            id="fourth_name" placeholder="الاسم الرابع" value="">
                                    </div>
                                </div>
                            </div>
                            <div class="col-4 pds-15">
                                <label for="phone">رقم الجوال</label>
                                <div class="row" dir="ltr">
                                    @for ($i = 0; $i < 10; $i++)
                                        <input type="text" data-name_inp="mobile"
                                            style=" display: inline-block;margin-left: 5px;" value=""
                                            maxlength="1" min="0" max="9"
                                            class="inp_repate  inp_arr_mobile_{{ $i + 1 }}   inp_repate_mobile_num_{{ $i + 1 }} col-1"
                                            data-inp_repate_num="{{ $i + 1 }}"
                                            name="receiving_mobile_number[{{ $i }}]">
                                    @endfor
                                </div>
                            </div>
                            <div class="col-4 pds-15">
                                <label for="phone">هاتف ثابت</label>
                                <div class="row" dir="ltr">
                                    @for ($i = 0; $i < 10; $i++)
                                        <input type="text" data-name_inp="mobile2"
                                            style=" display: inline-block;margin-left: 5px;" value=""
                                            maxlength="1" min="0" max="9"
                                            class="inp_repate  inp_arr_mobile2_{{ $i + 1 }}   inp_repate_mobile2_num_{{ $i + 1 }} col-1"
                                            data-inp_repate_num="{{ $i + 1 }}"
                                            name="receiving_mobile_number_other[{{ $i }}]">
                                    @endfor
                                </div>
                            </div>
                            <div class="col-4 pds-15">
                                <label for="start_date">تاريخ بداية التنفيذ</label>
                                <div class="pos-rel">
                                    <input type="text" id="start_date" name="implementation_start_date_hijri" class="date-hijri" value="">
                                </div>
                            </div>
                            <div class="col-4 pds-15" id="default_end_date_container">
                                <label for="default_end_date">التاريخ الإفتراضي لإنتهاء التنفيذ</label>
                                <div class="pos-rel">
                                    <input type="text"  id="default_end_date" name="default_date_completion_implementation_hijri" class="date-hijri" value="">
                                </div>
                            </div>
                            <div class="col-4 pds-15">
                                <label for="default_end_date">معلومات السوار الإلكتروني</label>
                                <input type="text" name="electronic_bracelet_info" value="">
                            </div>
                        </div>



                        <!-- // grid -->
                    </div>
                    <!-- // Content -->
                </div>
            </div>


            <div class="col-12">
                <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form">
                    <!-- Title -->
                    <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20">بيانات إنفاذ العقوبةالبديلة</h3>
                    <!-- Content -->
                    <div class="widget-content pdx-20 toggle_slideshow">
                        <!-- grid -->
                        <div class="row  gpx-15 ">

                           <div class="col-12">
                            <label class="checkbox fs-13">
                                <input type="checkbox" name="is_alternative_punishment_executed" value="0"  class="toggle-show">
                                <span>تم إنفاذ العقوبةالبديلة</span>
                            </label>
                           </div>

                        </div>

                        <div class="row targets_data  hidden ">
                            <div class="col-4 pds-15">
                                <label for="replaced_end_date">تاريخ إتمام العقوبة البديلة</label>
                                <div class="pos-rel">
                                    <input type="text" name="date_completion_alternative_penalty_hijri" class="date-hijri" value="">
                                </div>
                            </div>
                            <div class="col-4 pds-15">
                                <label for="letter_source">مصدر الخطاب</label>
                                <input type="text" name="letter_source" value="">
                            </div>
                            <div class="col-4 pds-15">
                                <label for="letter_number">رقم الخطاب</label>
                                <input type="text" name="letter_number" value="">
                            </div>
                            <div class="col-4 pds-15">
                                <label for=""> تاريخ الخطاب</label>
                                <div class="pos-rel">
                                    <input type="text" name="letter_date_hijri" class="date-hijri" value="">
                                </div>
                            </div>
                            <div class="col-12 pds-15">
                                <label for="">ملاحظات</label>
                                <textarea name="notes"  cols="30" rows="10"></textarea>
                            </div>


                                <!-- // Form Controls -->

                        </div>




                        <!-- // grid -->
                    </div>
                    <!-- // Content -->
                </div>
            </div>


        <!-- column -->
        <div class="col-12 col-md-6">
            <!--  -->
            <label for="" class="color-transparent">..</label>
            <button class="btn fluid primary">حفظ</button>
        </div>
        <!-- // column -->


    </div>
</form>
@endsection
@section('script')
    <script src="{{ asset('assets/js/pages/replaced_punishment.js') }}"></script>
    <script src="{{ asset('assets/js/old_repate-inputs.js') }}"></script>
@endsection