@extends('layouts.app')

@section('content')

<form action="{{ route('precedent.criminal_record.store') }}" class="col col-lg-9 pd-30" id="form_request_ajax" method="POST">
    @csrf

    <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">{{ $pageTitel }} - {{ $prisoner_records_issue->count() }}</h1>

        <a href="{{ route('precedent.issue_viewing.showAll' , ['issue_type' => $issue_type , 'prisoner' => $prisoner->id]) }}" class="btn primary -color tiny next-page" tabindex="0" role="button" aria-pressed="false">
            عرض الكل
        </a>
    </div>

    <div class="row">

        <div class="col-12 col-md-6">
            <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form">

                <h3 class="far widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20">معلومات النزيل</h3>

                <div class="widget-content pdx-20">

                    <div class="flexbox divider-b mb-20">

                        <img src="{{ !empty($prisoner->image) ? asset($prisoner->image->path) : asset('assets/img/avatar-uploader.svg') }}" class="avatar radius-g" id="prisoner_image" alt=""/>

                        <div class="col pds-15">
                            <ul class="info-list reset-list fs-13 lineheight-160">
                                <li class="pdb-5 col-6">
                                    <span class="gray-color inline-block" >اسم النزيل</span> :
                                    <span class="prisonerData" id="prisoner_name">{{  $prisoner->full_name  }} </span>
                                </li>

                                <li class="pdb-5 col-6">
                                    <span class="gray-color inline-block">رقم الملف </span> :
                                    <span class="prisonerData" id="prisoner_filenumber"> {{ $prisoner->file_number  }} </span>
                                </li>

                                <li class="pdb-5 col-6">
                                    <span class="gray-color inline-block">الجنسية</span> :
                                    <span class="prisonerData" id="prisoner_nationality">{{ $prisoner->nationality->name }} </span>
                                </li>

                                <li class="pdb-5 col-6">
                                    <span class="gray-color inline-block">مكان الميلاد</span> :
                                    <span class="prisonerData" id="prisoner_birthdate"> {{ !isset($prisoner->place_of_birth) ? $prisoner->prisoner_detail->place_of_birth :  $prisoner->place_of_birth }} </span>
                                </li>

                                <li class="pdb-5 col-6">
                                    <span class="gray-color inline-block">الجنس</span> :
                                    <span class="prisonerData" id="prisoner_gender"> {{ config('static.gender.'.$prisoner->gender) }} </span>
                                </li>
                            </ul>
                        </div>

                        <div class="pdb-5 col-12">
                            <input type="hidden" name="identity_number" value="{{ $prisoner->identity_number }}" >
                            <input type="text"  name="id_number" placeholder="رقم الهوية" value="{{ $prisoner->identity_number }}" disabled>
                        </div>

                        <div class="pdb-5 col-12">
                            <ul class="info-list reset-list fs-13 lineheight-160 flexbox morePrisonerInfo">
                                <li class="pdb-5 col-6"><span class="gray-color inline-block">تاريخ الميلاد</span> :
                                    <span class="prisonerData" id="prisoner_info_date_of_birth_hijri">{{ $prisoner->date_of_birth_hijri }} </span>
                                </li>
                                <li class="pdb-5 col-6"><span class="gray-color inline-block">اسم السجن</span> :
                                    <span class="prisonerData" id="prisoner_info_section"> {{ $prisoner->prison->name }}</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-12 col-md-6">
            <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form">

                <h3 class="far widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20">استعراض القضايا</h3>

                <div class="widget-content pdx-20">

                    <div class="flexbox divider-b mb-20">
                        <div class="col pds-15">
                            <ul class="info-list reset-list fs-13 lineheight-160">

                                <li class="pdb-5">
                                    <span>

                                        <select name="issue_number" id="issue_number" class="req" style="width: 100%;">
                                            <option value="">اختر رقم القضية</option>
                                            @foreach ($prisoner_records_issue as $criminal_record)
                                                <option value="{{ $criminal_record->issue_number }}" data-issue="{{ $criminal_record->issue_id }}">
                                                    {{ $criminal_record->issue_number }}
                                                </option>
                                            @endforeach
                                        </select>

                                        <input type="hidden" name="issue_id" value="">
                                    </span>
                                </li>

                                <div class="pdb-5 col-12">
                                    <ul class="info-list reset-list fs-13 lineheight-160 flexbox" id="issueInfo">

                                    </ul>
                                </div>

                            </ul>
                        </div>
                    </div>
                </div>

            </div>
        </div>

        <div class="col-12 col-md-12 hidden" id="exemption_reduction">
            <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form">

                <h3 class="far widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20">الاعفاءات والتخفيضات التي تمت في القضية</h3>

                <div class="widget-content pdx-20">

                    <div class="responsive-table mb-30 col-12 col-md-12">

                        <table class="table striped bordered fs-13 display nowrap" id="exemption_reduction_table">

                        </table>
                    </div>
                </div>
            </div>
        </div>

    </div>
</form>
@endsection

@section('script')
    <script src="{{ asset('assets/js/pages/criminal_records.js') }}"></script>
@endsection