@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">تقارير العيادة الطبية</h1>
        <h1 class="reset-block primary-color lineheight-130 fs-20" id="visitingHeader"> عدد النزلاء : {{$data->count()}}  </h1>


        <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 -->
        <div class="responsive-table mb-30">
            <table class="table striped bordered" data-page-length="18">
                <!-- Table Head -->
                <thead>
                <tr class="primary-bg fs-13">
                    <!-- Column -->
                    <th class="tx-align-start">  #</th>
                    <!-- Column -->
                    <th class="tx-align-center">الاسم</th>
                    <!-- Column -->
                    <th class="tx-align-start">رقم الهوية</th>
                    <th class="tx-align-start">الجنسية</th>
                    <th class="tx-align-start">الجنس</th>
                    <th class="tx-align-start">عدد زيارة العيادة</th>
                    <th class="tx-align-start">العمر</th>
                    <th class="tx-align-start">نوع المرض ودرجة الخطورة</th>
                    <!-- Column -->
                </tr>
                </thead>
                <!-- Table Body -->
                <tbody class="fs-13">
                <!-- Row -->
                @foreach($data as  $item)
                    <tr>

                        <!-- Column -->
                        <td >{{ $loop->iteration }}</td>
                        <td>{{ $item->prisoner->full_name}}</td>
                        <!-- Column -->
                        <td> {{ $item->prisoner->identity_number }}</td>
                        <td>{{ $item->prisoner->nationality->name}}</td>
                        <td>{{  config("static.gender.".$item->prisoner->gender)}}</td>
                        <td></td>
                        <td>{{ $item->prisoner->age }}</td>
                        <td>@if(isset($item->health_file_diseases))
                            <ul>
                                @foreach($item->health_file_diseases as $value)
                                <li>
                                    {{ config('static_health_profile.'.$value['name'].'.name'). ' - '.  (config('static_health_profile.'.$value['name'].'.values.'.$value['value']))  }}
                                </li>

                                @endforeach
                            </ul>

                            @endif
                        </td>
                        <!-- Column -->
                        <!-- // Column -->
                    </tr>
                @endforeach
                <!-- // Row -->
                </tbody>
                <!-- // Table Body -->
            </table>
        </div>


            <!-- // Table -->
    </div>
@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>
@endsection