@extends('layouts.app')

@section('content')
    <!-- Content Side -->
    <div class="col col-lg-9 pd-30">
        @component('components.print')
            ارشيف تابع
        @endcomponent

        <form id="escapeForm" action="">
            <div class="row gpx-20">

                <div class="col-12">
                    <h1 class="reset-block primary-color lineheight-130 fs-20 mb-3" id="text_page_title"></h1>
                </div>
                <div class="col-12 col-md-6 not_print">
                    <!-- Form Control -->
                    <div class="form-group">
                        <!-- Form Control -->
                        <select name="type" id="escapeType">
                            <option value="escape_during" @selected(request('type') == 'escape_during' || !request('type'))>
                                التهرب أثناء فترة المحاكمة
                            </option>
                            <option value="escape_after" @selected(request('type') == 'escape_after')>
                                التهرب بعد صدور الحكم
                            </option>
                            <option value="jailbreak" @selected(request('type') == 'jailbreak')>
                                الهروب من السجن
                            </option>
                            <option value="re_escape" @selected(request('type') == 're_escape')>
                                اعادة القبض على الهاربين
                            </option>
                            <option value="issue_jailbreaks" @selected(request('type') == 'issue_jailbreaks')>
                                التهرب اثناء الاحتجاز من جهة القبض
                            </option>
                            <option value="escaped_after_crime" @selected(request('type') == 'escaped_after_crime')>
                                التهرب بعد ارتكاب جرم
                            </option>
                        </select>
                        <!-- Form Control -->
                    </div>

                </div>
                <input type="submit" style="display: none;" id="submitBtn">
            </div>
        </form>

        <!-- Page Title -->



        <form action="">
            <div class="row not_print">

                <div class="col-6">
                    <label class="col-3 mb-15">من تاريخ</label>
                    <input type="text" id="min" name="from_date" class="date-hijri remove_value_from_date"
                        value="{{ request('from_date') }}">
                </div>
                <div class="col-6">
                    <label class="col-3 mb-15">الى تاريخ</label>
                    <!-- Form Control -->
                    <input type="text" id="min" name="to_date" class="date-hijri remove_value_to_date"
                        value="{{ request('to_date') }}">
                </div>

                <div class="col-12">
                    <input type="submit" class="btn primary cursor " style="margin-bottom: 10px" value="فلتر">
                </div>
            </div>
        </form>

        <!-- Prisoners Table -->
        <div class="responsive-table">
            <table class="table px-datatable striped bordered" data-page-length="10">
                <!-- Table Head -->
                <thead>
                    <tr class="primary-bg fs-13">
                        <!-- Column -->
                        <th class="w-50 tx-align-center hide-sorting">#</th>
                        <!-- Column -->
                        <th class="tx-align-start">الاسم</th>
                        <!-- Column -->
                        <th class="tx-align-start"> رقم الهوية</th>


                    </tr>
                </thead>
                <!-- Table Body -->
                <tbody class="fs-13">
                    <!-- Row -->

                    @foreach ($escapes as $escape)
                        <tr>
                            <!-- Column -->
                            <td class="tx-align-center">{{ $loop->iteration }}</td>
                            <!-- Column -->
                            <td>{{ $escape->prisoner->full_name }}</td>
                            <!-- Column -->
                            <td>{{ $escape->prisoner->identity_number }}</td>
                        </tr>
                    @endforeach
                    <!-- Row -->
                </tbody>

                <!-- // Table Body -->
            </table>
        </div>
        <!-- // Prisoners Table -->
    </div>
    <!-- // Content Side -->
@endsection

@section('script')
    <script>
        $(function() {
            @if (!request('from_date'))
                $('.remove_value_from_date').val(null)
            @endif
            @if (!request('to_date'))
                $('.remove_value_to_date').val(null)
            @endif

        })
    </script>
    <script>
        $(document).ready(function() {
            $("#text_page_title").html($('#escapeType').find(":selected").html());
            $('#escapeType').change(function() {
                var selectedType = $(this).val();
                var title = $(this).find(":selected").html();
                $("#text_page_title").html($(this).find(":selected").html());
                $(this).html();
                $('#escapeForm').submit(); // Submit the form
            });
        });
    </script>
@endsection