@extends('layouts.app')

@section('content')
    <div class="col col-lg-9 pd-30">

        @component('components.print')
        @endcomponent
        <!-- // Page Title -->


        <h1 class="reset-block primary-color lineheight-130 fs-20 mb-3" id="text_page_title"></h1>
        {{-- <h1 class="reset-block primary-color lineheight-130 fs-20" id="visitingHeader" style="display:none;"> عدد  النزلاء اللذين تمت زيارتهم : {{$count}}  </h1>
        <h1 class="reset-block primary-color lineheight-130 fs-20" id="visitorHeader" style="display:none;"> عدد  الزائرين لجميع النزلاء : {{$count}}  </h1> --}}

        <form id="visitorForm" action="">

            <div class="col-4 col-md-4 not_print">
                <!-- Form Control -->
                {{-- <label class="col-4 col-md-4">تقارير الزيارات </label> --}}
                <div class="form-group">
                    <!-- Form Control -->
                    <select name="type" id="visitorType">

                        <option value="deprivation_command" @selected(request('type') == 'deprivation_command' || !request('type'))>
                            السجناء المحرومين من العفو بأمر سام
                        </option>
                        <option value="deprivation_resolution" @selected(request('type') == 'deprivation_resolution')>
                            السجناء المحرومين من العفو بقرار وزاري
                        </option>
                        <option value="discount_command" @selected(request('type') == 'discount_command')>
                            السجناء المحرومين من التخفيض بأمر سام
                        </option>
                        <option value="discount_resolution" @selected(request('type') == 'discount_resolution')>
                            السجناء المحرومين من التخفيض بقرار وزاري
                        </option>
                    </select>
                    <!-- Form Control -->
                </div>
                {{-- <input type="hidden" name="title" id="page_title"> --}}
            </div>
            <input type="submit" style="display: none;" id="submitBtn">

        </form>
        <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-4">

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




            </div>
        </form>
        <!-- Table -->
        @if (request('type') == 'deprivation_command' || !request('type'))
            @include('report.includes.deprivation_pardon', [$data,'pardon_type'=>'deprivation_command'])
        @elseif (request('type') == 'deprivation_resolution')
            @include('report.includes.deprivation_pardon', [$data,'pardon_type'=>'deprivation_resolution'])
        @elseif (request('type') == 'discount_command')
            @include('report.includes.deprivation_discount', [$data,'discount_type'=>'discount_command'])
        @elseif (request('type') == 'discount_resolution')
            @include('report.includes.deprivation_discount',  [$data,'discount_type'=>'discount_resolution'])
        @endif
    @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($('#visitorType').find(":selected").html());
                $('#visitorType').change(function() {
                    var selectedType = $(this).val();
                    var title = $(this).find(":selected").html();
                    $("#text_page_title").html($(this).find(":selected").html());
                    $(this).html();
                    $('#visitorForm').submit(); // Submit the form
                });


            });
        </script>
    @endsection