@extends('layouts.app')

@section('content')
    <form action="{{ route('judgement-and-issues.replaced-punishment.update', $replaced_punishment->id) }}"
        class="col col-lg-9 pd-30" id="form_request_ajax" method="POST">
        @csrf
        @method('PUT')
        <!-- 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" :$prisoner />

            <!-- Widget Group -->
            <x-issue-info :$issue />
        </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="{{ $replaced_punishment->judgement?->judgement_punishment?->punishment_description }}"
                                    placeholder="وصف العقوبة">
                            </div>

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

                            <div class="col-4 pds-15">
                                <label for="punishment_place">مكان تنفيذ العقوبة</label>
                                <input type="text" class="req" readonly name="punishment_place"
                                    value="{{ $replaced_punishment->judgement?->judgement_punishment?->punishment_place }}">
                            </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 yearcalc" readonly
                                    value="{{ $replaced_punishment->judgement?->judgement_punishment?->punishment_duration_years }}"
                                    placeholder="سنوات" id="years" name="punishment_duration_years">
                                <input type="number" class="col-3 monthcalc" readonly placeholder="شهور"
                                    value="{{ $replaced_punishment->judgement?->judgement_punishment?->punishment_duration_months }}"
                                    id="month" name="punishment_duration_months">
                                <input type="number" class="col-3 daycalc" readonly placeholder="ايام" id="days"
                                    value="{{ $replaced_punishment->judgement?->judgement_punishment?->punishment_duration_days }}"
                                    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="{{ $replaced_punishment->judgement?->judgement_punishment?->punishment_daily_working_hours }}"
                                    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" @checked($replaced_punishment->judgement?->judgement_punishment?->is_electronic_bracelet)
                                            disabled
                                            value="{{ $replaced_punishment->judgement?->judgement_punishment?->is_electronic_bracelet ? 1 : 0 }}"
                                            class="toggle-show">
                                        <span>مصحوبة بسوار إلكتروني</span>
                                    </label>
                                    <input type="hidden" name="hidden_is_electronic_bracelet"
                                        value="{{ $replaced_punishment->judgement?->judgement_punishment?->is_electronic_bracelet ? 1 : 0 }}">

                                    <div
                                        class="targets_data  electronic_bracelet_contaner {{ $replaced_punishment->judgement?->judgement_punishment?->is_electronic_bracelet ? '' : 'hidden' }}">
                                        <label for="electronic_bracelet_area">نطاق السوار الإلكتروني</label>
                                        <input type="text" name="electronic_bracelet_range" readonly
                                            value="{{ $replaced_punishment->judgement?->judgement_punishment?->electronic_bracelet_range }}">
                                    </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"
                                        @checked($replaced_punishment->name_receiving_party)
                                        value="{{ $replaced_punishment->name_receiving_party ? 1 : 0 }}"
                                        class="toggle-show accept_punishment">
                                    <span>قبول العقوبة البديلة</span>
                                </label>
                            </div>

                        </div>

                        <div class="row targets_data {{ $replaced_punishment->name_receiving_party ? '' : 'hidden' }}">
                            <div class="col-3 pds-15">
                                <label for="">اسم الجهة المستقبلة</label>
                                <input type="text" name="name_receiving_party"
                                    value="{{ $replaced_punishment->name_receiving_party }}">
                            </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="{{ $key == 'country' ? $replaced_punishment->address?->city : $replaced_punishment->address?->$key }}">
                                        </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="{{ $replaced_punishment->name_entity_supervising_implementation }}">
                            </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="{{ $replaced_punishment->name_person_supervising_implementation_first }}">
                                    </div>
                                    <div class="col-3">
                                        <input type="text" class="input_validation"
                                            name="name_person_supervising_implementation_second" id="second_name"
                                            placeholder="الاسم الثاني"
                                            value="{{ $replaced_punishment->name_person_supervising_implementation_second }}">
                                    </div>
                                    <div class="col-3">
                                        <input type="text" class="input_validation"
                                            name="name_person_supervising_implementation_third" id="third_name"
                                            placeholder="الاسم الثالث"
                                            value="{{ $replaced_punishment->name_person_supervising_implementation_third }}">
                                    </div>
                                    <div class="col-3">
                                        <input type="text" class="input_validation"
                                            name="name_person_supervising_implementation_fourth" id="fourth_name"
                                            placeholder="الاسم الرابع"
                                            value="{{ $replaced_punishment->name_person_supervising_implementation_fourth }}">
                                    </div>
                                </div>
                            </div>
                            <div class="col-4 pds-15">
                                <label for="phone">رقم الجوال</label>
                                @php
                                    $mobile_1 = str_split($replaced_punishment->address?->mobile_number);
                                @endphp
                                <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="{{ isset($mobile_1[$i]) ? $mobile_1[$i] : '' }}" 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>
                                @php
                                    $mobile_2 = str_split($replaced_punishment->address?->mobile_number2);
                                @endphp
                                <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="{{ isset($mobile_2[$i]) ? $mobile_2[$i] : '' }}" 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-open"
                                        value="{{ $replaced_punishment->implementation_start_date_hijri }}">
                                </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-open"
                                        value="{{ $replaced_punishment->default_date_completion_implementation_hijri }}">
                                </div>
                            </div>
                            <div class="col-4 pds-15">
                                <label for="default_end_date">معلومات السوار الإلكتروني</label>
                                <input type="text" name="electronic_bracelet_info"
                                    value="{{ $replaced_punishment->electronic_bracelet_info }}">
                            </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"
                                        @checked($replaced_punishment->date_completion_alternative_penalty_hijri)
                                        value="{{ $replaced_punishment->date_completion_alternative_penalty_hijri ? 1 : 0 }}"
                                        class="toggle-show">
                                    <span>تم إنفاذ العقوبةالبديلة</span>
                                </label>
                            </div>

                        </div>

                        <div
                            class="row targets_data  {{ $replaced_punishment->date_completion_alternative_penalty_hijri ? '' : '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="{{ $replaced_punishment->date_completion_alternative_penalty_hijri }}">
                                </div>
                            </div>
                            <div class="col-4 pds-15">
                                <label for="letter_source">مصدر الخطاب</label>
                                <input type="text" name="letter_source"
                                    value="{{ $replaced_punishment->judgement?->letter_alternative_punishment_executed?->letter_source }}">
                            </div>
                            <div class="col-4 pds-15">
                                <label for="letter_number">رقم الخطاب</label>
                                <input type="text" name="letter_number"
                                    value="{{ $replaced_punishment->judgement?->letter_alternative_punishment_executed?->letter_number }}">
                            </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="{{ $replaced_punishment->judgement?->letter_alternative_punishment_executed?->letter_date_hijri }}">
                                </div>
                            </div>
                            <div class="col-12 pds-15">
                                <label for="">ملاحظات</label>
                                <textarea name="notes" cols="30" rows="10">{{ $replaced_punishment->notes }}</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/old_repate-inputs.js') }}"></script>
    <script src="{{ asset('assets/js/pages/replaced_punishment.js') }}"></script>
    <script>
        $(document).ready(function() {
            function getDefaultValue(selector, defaultValue) {
                var value = $(selector).val();
                return value ? value : defaultValue;
            }

            var year = getDefaultValue('.yearcalc', 0);
            var month = getDefaultValue('.monthcalc', 0);
            var day = getDefaultValue('.daycalc', 0);

            $('.accept_punishment').on('change', function() {
                if ($(this).is(':checked')) {
                    $('#start_date').on('dp.change', function(e) {
                        console.log('Hijri date changed:', e.target.value);
                        // Add your custom logic here
                        $.ajax({
                            url: " {{ route('judgement-and-issues.get_default_date') }}?year=" +
                                year +
                                "&month=" + month + "&day=" + day + "&start_date=" + e
                                .target.value,
                            method: 'GET',
                            success: function(data, textStatus) {
                                console.log(data);
                                $("#default_end_date").val(data);
                            },
                        });
                        console.log(year, month, day)
                    });
                }

            })
            if ($('.accept_punishment').is(':checked')) {
                $('.accept_punishment').trigger('change');
            }


        })
    </script>
@endsection