@extends('layouts.app')

@section('content')

<form action="{{ route('escape-duration.update', $prisoner['id']) }}" class="col col-lg-9 pd-30" id="form_request_ajax" method="POST">
    @csrf
    @method('PUT')

    <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 type="not_be_modified" :$prisoner/>
    </div>



    <div class="responsive-table mb-30">
        <table class="table striped px-datatable bordered" data-page-length="12">

            <thead>
                <tr class="primary-bg fs-13">
                    <th class="tx-align-start">#</th>
                    <th class="tx-align-center">حالات الهروب وشبه الهروب</th>
                    <th class="tx-align-center">نـــوع الحق</th>
                    <th class="tx-align-center">حالة القضية</th>
                    <th class="tx-align-center">التصنيف الفرعي</th>
                    <th class="tx-align-center">عدد الحالات</th>
                    <th class="tx-align-center">مدة الهروب او التأخر</th>
                    <th class="tx-align-center">تعديل المدة المعادة</th>
                    <th class="tx-align-center">اعفاء</th>
                </tr>
            </thead>

            <tbody class="fs-13">
                @foreach(config('static.escape_duration_types') as  $key => $value)

                    <tr class="{{ $key=="delayed_return_during_recall_without_escort" && !isset($escap_durations[$key]) ? 'hidden' : '' }}">
                        <td>{{ $loop->iteration }}</td>
                        <td>{{ $value }}</td>
                        @isset($escap_durations[$key])
                            @foreach(['private_right_judgement', 'main_or_sub', 'sub_category'] as $property)
                                <td>
                                    @foreach($escap_durations[$key] as $escap_duration)
                                        <li @if($property == 'private_right_judgement') class="right_type" @endif>
                                            @if($property == 'private_right_judgement')
                                                {{ optional($escap_duration->issue)->{$property} ? 'خاص' : 'عام' }}
                                            @elseif($property == 'main_or_sub')
                                                {{ (optional($escap_duration->issue)->{$property} == 'sub') ? 'فرعية' : 'رئيسية' }}
                                            @else
                                                {{ optional(optional($escap_duration->issue)->{$property})->name }}
                                            @endif
                                        </li>
                                    @endforeach
                                </td>
                            @endforeach
                            <td>{{ $escap_durations[$key]->count() }}</td>
                            <td>{{ $escap_durations[$key]->sum('escape_duration') }}</td>
                            <td>
                                <input
                                    type="number"
                                    name="revised_duration[{{ $key }}]"
                                    data-type="{{ $key }}"
                                    value="{{ $escap_durations[$key][0]->revised_duration }}"
                                    class="w-100 pd-5 tx-align-center fs-13 border-0 bg-transparent mt-8"
                                >
                            </td>
                            <td>
                                <label class="checkbox fs-13 tx-align-center mt-8 pd-5">
                                    <input
                                        type="checkbox"
                                        name="exemption[{{ $key }}]"
                                        data-type="{{ $key }}"
                                        value="{{ $escap_durations[$key][0]->exemption }}"
                                        @if($escap_durations[$key][0]->exemption) checked @endif
                                    >
                                    {{-- <span>اعفاء النزيل من المدة</span> --}}
                                    <span> </span>
                                </label>
                            </td>
                        @else
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        @endisset
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>

</form>
@endsection

@section('script')
    <script>
        $(function() {
            $(".right_type").each(function() {
                $.trim($(this).text()) == 'خاص' ? $(this).closest('tr').children().last().find('input').prop('disabled', true).prop('checked', false) : '';
            });

            $('input[type="checkbox"]').on('change', function() {
                let type = $(this).data('type');
                let input = $(`input[name="exemption[${type}]"]`);

                if($(this).is(':checked')) {
                    input.val(1);
                } else {
                    input.val(0);
                }
            });

            $('input[type="number"]').on('change', function() {
                let type = $(this).data('type');
                let input = $(`input[name="revised_duration[${type}]"]`);

                if(Number($(this).val()) > Number($(this).closest('tr').children().eq(6).text())) {
                    $(this).val($(this).closest('tr').children().eq(6).text());
                }
            });
        });
    </script>
@endsection