@extends('layouts.app')

@section('content')
    <div class="col col-lg-9 pd-30">
        @component('components.print')
        @endcomponent
        <input name="hidden_action_name" id="hidden_action_name" value="{{ $item->action }}" type="hidden">
        <!-- Page Title -->
        <div class="page-title divider-b pdb-10 flexbox align-between align-center-y mb-20">
            <h1 class="reset-block  -color lineheight-130 fs-20"> بيانات الغرامات المالية والحبس التعويضي</h1>

        </div>
        <!-- // Page Title -->

        @csrf

        <!-- Grid -->
        <div class="row">
            <!-- Column -->
            <x-prisoner-info :$prisoner type="not_be_modified"/>

            @include('amount.parts.issue', ['issue' => $issue, 'type' => 'edit'])

        </div>
        <!-- // Column -->


        <div class="widget-block mb-30 white-bg radius-g pdb-20 repeater gray-form form-ui ">
            <!-- Widget Main Title -->
            <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20">
                غرامات القضية
            </h3>
            <div class=" widget-content pdx-20 ">
                <!-- Layout Column -->
                <div class="row">
                    <div class="col col-lg-4">
                        <!-- Control Label -->
                        <label for="">اجمالي الغرامة المالية للقضية</label>
                        <!-- Control Input -->
                        <div class="pos-rel">
                            <input type="text" class="input_issue_amount" readonly value="{{ $issue['issue_amount'] }}">
                        </div>
                    </div>

                    <!-- Layout Column -->
                    <div class="col col-lg-4">
                        <!-- Control Label -->
                        <label for="">اجمالي الغرامة المالية للقضايا المتداخلة معها </label>

                        <!-- Control Input -->
                        <div class="pos-rel">
                            <input type="number" class="input_related_amount" readonly name=""
                                   value="{{ $issue['related_amount'] }}">
                        </div>
                    </div>

                    <!-- Layout Column -->
                    <div class="col col-lg-4">
                        <!-- Control Label -->
                        <label for="">اجمالي الغرامة المالية للقضية للقضايا المتداخلة معها </label>
                        <!-- Control Input -->
                        <div class="pos-rel">
                            <input type="number" id="issue_all_amounts" readonly
                                   value="{{ $issue['related_amount'] + $issue['issue_amount'] }}">
                        </div>
                    </div>


                </div>
                <div class="row">
                    <div class="col col-lg-3">
                        <!-- Control Label -->
                        <label for="">اجمالي الغرامة المالية</label>
                        <!-- Control Input -->
                        <div class="pos-rel">
                            <input type="text" class="" id="total_collected" readonly value="{{ $item->all_amount }}">
                        </div>
                    </div>

                    <!-- Layout Column -->
                    <div class="col col-lg-3">
                        <!-- Control Label -->
                        <label for="">المبالغ المحصلة</label>
                        <!-- Control Input -->
                        <div class="pos-rel">
                            <input type="number" id="fines_collected" readonly value="{{ $item->pay_amount }}">
                        </div>
                    </div>

                    <!-- Layout Column -->
                    <div class="col col-lg-3">
                        <!-- Control Label -->
                        <label for="">المبالغ المعفاة</label>
                        <!-- Control Input -->
                        <div class="pos-rel">
                            <input type="number" id="fines_exempted" readonly value="{{ $item->exemption_amount }}">
                        </div>
                    </div>

                    <!-- Layout Column -->
                    <div class="col col-lg-3">
                        <label for="">اجمالي المبالغ المتبقية</label>
                        <!-- Control Input -->
                        <div class="pos-rel">
                            <input type="number" id="remaining_amounts" readonly value="{{ $item->remaining_amount }}">
                        </div>
                    </div>
                </div>

            </div>
        </div>


        <div class="row">

            {{--  تم استحصال المبلغ   --}}
            <!-- Column -->
            <div class="col-12 {{ $item->action == 'pay_all' ? '' : 'hidden' }}" id="container_pay_all">
                <!-- Widget Block -->
                <div class="widget-block mb-30 white-bg radius-g pdb-20 repeater gray-form form-ui ">
                    <!-- Widget Main Title -->
                    <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20">
                        تم استحصال الغرامة المالية
                    </h3>
                    <div class=" widget-content pdx-20 ">
                        <div class="row">
                            <ul class="info-list  reset-list fs-13 lineheight-160">
                                <li class="mb-5"><span class="gray-color inline-block">جهة إصدار الخطاب</span>
                                    : {{ $item->letter_source}}</li>
                                <li class="mb-5"><span class="gray-color inline-block">رقم الخطاب</span>
                                    : {{$item->letter_number }}</li>
                                <li class="mb-5"><span class="gray-color inline-block">تاريخ الخطاب</span>
                                    : {{$item->letter_date_hijri}}</li>
                                <li class="mb-5"><span class="gray-color inline-block">ملاحظات</span> : {{$item->notes}}
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- // Widget Block -->
            </div>


            {{--  تم الاعفاء من المبلغ   --}}
            <!-- Column -->
            <div class="col-12 {{ $item->action == 'exemption_all' ? '' : 'hidden' }}" id="container_exemption_all">
                <!-- Widget Block -->
                <div class="widget-block mb-30 white-bg radius-g pdb-20 repeater gray-form form-ui ">
                    <!-- Widget Main Title -->
                    <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20">
                        أعفى من الغرامة المالية
                    </h3>
                    <div class=" widget-content pdx-20 ">
                        <div class="row">
                            <!-- Layout Column -->
                            <div class=" widget-content pdx-20 ">
                                <div class="row">
                                    <ul class="info-list  reset-list fs-13 lineheight-160">
                                        <li class="mb-5"><span class="gray-color inline-block">جهة إصدار الخطاب</span>
                                            : {{ $item->letter_source}}</li>
                                        <li class="mb-5"><span class="gray-color inline-block">رقم الخطاب</span>
                                            : {{$item->letter_number }}</li>
                                        <li class="mb-5"><span class="gray-color inline-block">تاريخ الخطاب</span>
                                            : {{$item->letter_date_hijri}}</li>
                                        <li class="mb-5"><span class="gray-color inline-block">ملاحظات</span>
                                            : {{$item->notes}}</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- // Widget Block -->
            </div>


            {{--  تم سداد جزء من المبلغ   --}}

            <!-- // Column -->
            <div class="col-12 {{ $item->action == 'pay_part' ? '' : 'hidden' }}">
                <!-- Widget Block -->
                <div class="widget-block mb-30 white-bg radius-g pdb-20 repeater">
                    <!-- Widget Main Title -->
                    <h3 class="flexbox align-between align-center-y widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20">
                        <span>تم سداد جزء من الغرامة المالية</span>
                    </h3>

                    @if (count($item->pay_parts))
                        <div class="row">
                            @foreach ($item->pay_parts as $part)
                                <div class="col-md-6">
                                    <div class="widget-content pdx-20">
                                        <!-- Group Wrapper -->
                                        <div class="row mx-auto divider-b mb-15">
                                            <div class="row">
                                                <ul class="info-list reset-list fs-13 lineheight-160">
                                                    <li class="mb-5"><span class="gray-color inline-block">مقدار المبلغ</span>: {{ $part->amount}}</li>
                                                    <li class="mb-5"><span class="gray-color inline-block">جهة اصدار الخطاب</span>: {{ $part->letter_source }}</li>
                                                    <li class="mb-5"><span class="gray-color inline-block">رقم الخطاب</span>: {{ $part->letter_number }}</li>
                                                    <li class="mb-5"><span class="gray-color inline-block">تاريخ الخطاب</span>: {{$part->letter_date_hijri}}</li>
                                                    <li class="mb-5"><span class="gray-color inline-block">ملاحظات</span>: {{$part->notes}}</li>
                                                </ul>
                                            </div>
                                        </div>
                                        <!-- // Group Wrapper -->
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    @endif

                </div>
                <!-- // Widget Block -->
            </div>

            {{--  تم اعفاء  جزء من المبلغ   --}}

            <!-- // Column -->
            <div class="col-12 {{ $item->action == 'exemption_part' ? '' : 'hidden' }}">
                <!-- Widget Block -->
                <div class="widget-block mb-30 white-bg radius-g pdb-20 repeater">
                    <!-- Widget Main Title -->
                    <h3 class="flexbox align-between align-center-y widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20">
                        <span>تم العفو عن جزء من الغرامة المالية</span>
                    </h3>

                    @if (count($item->exemption_parts))
                        <div class="row">
                            @foreach ($item->exemption_parts as $part)
                                <div class="col-md-6">
                                    <div class="widget-content pdx-20">
                                        <!-- Group Wrapper -->
                                        <div class="row mx-auto divider-b mb-15">
                                            <div class="row">
                                                <ul class="info-list reset-list fs-13 lineheight-160">
                                                    <li class="mb-5"><span class="gray-color inline-block">مقدار المبلغ</span>: {{ $part->amount}}</li>
                                                    <li class="mb-5"><span class="gray-color inline-block">جهة اصدار الخطاب</span>: {{ $part->letter_source }}</li>
                                                    <li class="mb-5"><span class="gray-color inline-block">رقم الخطاب</span>: {{ $part->letter_number }}</li>
                                                    <li class="mb-5"><span class="gray-color inline-block">تاريخ الخطاب</span>: {{$part->letter_date_hijri}}</li>
                                                    <li class="mb-5"><span class="gray-color inline-block">ملاحظات</span>: {{$part->notes}}</li>
                                                </ul>
                                            </div>
                                        </div>
                                        <!-- // Group Wrapper -->
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    @endif

                </div>
                <!-- // Widget Block -->
            </div>
            {{--    تعامل وفق نظام ايرادات الدولة    --}}
            <!-- Column -->
            <div class="col-12 {{ $item->action == 'state_revenues' ? '' : 'hidden' }}" id="container_state_revenues">
                <!-- Widget Block -->
                <div class="widget-block mb-30 white-bg radius-g pdb-20 repeater gray-form form-ui ">
                    <!-- Widget Main Title -->
                    <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20">
                        تعامل وفق نظام ايرادات الدولة
                    </h3>
                    <div class=" widget-content pdx-20 ">
                        <div class="row">
                            <div class=" widget-content pdx-20 ">
                                <div class="row">
                                    <ul class="info-list  reset-list fs-13 lineheight-160">
                                        <li class="mb-5"><span class="gray-color inline-block">جهة إصدار الخطاب</span>
                                            : {{ $item->letter_source}}</li>
                                        <li class="mb-5"><span class="gray-color inline-block">رقم الخطاب</span>
                                            : {{$item->letter_number }}</li>
                                        <li class="mb-5"><span class="gray-color inline-block">تاريخ الخطاب</span>
                                            : {{$item->letter_date_hijri}}</li>
                                        <li class="mb-5"><span class="gray-color inline-block">ملاحظات</span>
                                            : {{$item->notes}}</li>
                                    </ul>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <!-- // Widget Block -->
            </div>


            {{-- تم تقديم كفيل غارم     --}}
            <!-- Column -->
            <div class="col-12 {{ $item->action == 'sponsor' ? '' : 'hidden' }}" id="container_sponsor">
                <!-- Widget Block -->
                <div class="widget-block mb-30 white-bg radius-g pdb-20 repeater gray-form form-ui">
                    <!-- Widget Main Title -->
                    <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20">
                        تم تقديم كفيل غارم
                    </h3>
                    <div class="widget-content pdx-20">
                        <div class="row">
                            <div class="col mx-auto divider-b mb-15">
                                <div class="row">
                                    <div class="col-md-6">
                                        <ul class="info-list  reset-list fs-13 lineheight-160">
                                            <li class="mb-5"><span
                                                    class="gray-color inline-block">جهة إصدار الخطاب</span>: {{ $item->letter_source}}
                                            </li>
                                            <li class="mb-5"><span
                                                    class="gray-color inline-block">رقم الخطاب</span>: {{$item->letter_number }}
                                            </li>
                                            <li class="mb-5"><span
                                                    class="gray-color inline-block">تاريخ الخطاب</span>: {{$item->letter_date_hijri}}
                                            </li>
                                            <li class="mb-5"><span
                                                    class="gray-color inline-block">ملاحظات</span>: {{$item->notes}}
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="col-md-6">
                                        <ul class="info-list  reset-list fs-13 lineheight-160">
                                            <li class="mb-5"><span
                                                    class="gray-color inline-block">اسم الكفيل</span>: {{ $item->sponsor?->full_name}}
                                            </li>
                                            <li class="mb-5"><span class="gray-color inline-block">معرفته بالنزيل</span>: {{ $item->sponsor?->prisoner_knowledge}}
                                            </li>
                                            <li class="mb-5"><span
                                                    class="gray-color inline-block">عنوان السكن</span>: {{ $item->sponsor?->address?->full_address}}
                                            </li>
                                            <li class="mb-5"><span
                                                    class="gray-color inline-block">مكان العمل</span>: {{ $item->sponsor?->workplace}}
                                            </li>
                                            <li class="mb-5"><span
                                                    class="gray-color inline-block">رقم الهوية</span>: {{ $item->sponsor?->id_number}}
                                            </li>
                                            <li class="mb-5"><span
                                                    class="gray-color inline-block">رقم الجوال</span>: {{$item->sponsor?->address?->mobile_number }}
                                            </li>
                                            <li class="mb-5"><span
                                                    class="gray-color inline-block">هاتف ثابت</span>: {{$item->sponsor?->address?->mobile_number2 }}
                                            </li>
                                            <li class="mb-5"><span
                                                    class="gray-color inline-block">الجنسية</span>: {{$item->sponsor?->nationality->name }}
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- // Widget Block -->
            </div>


            {{--     تستبدل بالاحبس التعويضي     --}}
            <!-- Column -->
            <div class="col-12 {{ $item->action == 'compensatory_imprisonment' ? '' : 'hidden' }}"
                 id="container_compensatory_imprisonment">
                <!-- Widget Block -->
                <div class="widget-block mb-30 white-bg radius-g pdb-20 repeater gray-form form-ui ">
                    <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20  ">
                        تستبدل بالحبس التعويضي
                    </h3>
                    <div class=" widget-content pdx-20 ">
                        <div class="row">
                            <div class="col-md-6">
                                <ul class="info-list  reset-list fs-13 lineheight-160">
                                    <li class="mb-5"><span
                                            class="gray-color inline-block">جهة إصدار الخطاب</span>: {{ $item->letter_source}}
                                    </li>
                                    <li class="mb-5"><span
                                            class="gray-color inline-block">رقم الخطاب</span>: {{$item->letter_number }}
                                    </li>
                                    <li class="mb-5"><span
                                            class="gray-color inline-block">تاريخ الخطاب</span>: {{$item->letter_date_hijri}}
                                    </li>
                                    <li class="mb-5"><span
                                            class="gray-color inline-block">ملاحظات</span>: {{$item->notes}}</li>
                                </ul>
                            </div>
                            <div class="col-md-6">
                                <ul class="info-list  reset-list fs-13 lineheight-160">
                                    <li class="mb-5"><span
                                            class="gray-color inline-block">عدد أيام الحبس التعويضي </span>
                                        : {{ $item->compensatory_imprisonment?->count_days}}</li>
                                    <li class="mb-5"><span
                                            class="gray-color inline-block">تاريخ الايقاف للحبس التعويضي</span>
                                        : {{ $item->compensatory_imprisonment?->stop_date_hijri}}</li>
                                    <li class="mb-5"><span
                                            class="gray-color inline-block">وقت الايقاف للحبس التعويضي</span>
                                        : {{  $item->compensatory_imprisonment?->stop_time }}</li>
                                    <li class="mb-5"><span class="gray-color inline-block"> انهاء الحبس التعويضي</span>
                                        : {{   $item->compensatory_imprisonment?->is_end ? "تم انهاء الحبس التعويضي" : "لم يتم انهاء الحبس التعويضي" }}
                                    </li>
                                    <li class="mb-5"><span class="gray-color inline-block">السبب</span>
                                        : {{  $item->compensatory_imprisonment?->reason_end }}</li>
                                </ul>
                            </div>
                            <!-- Layout Column -->
                            <!-- Layout Column -->
                        </div>
                    </div>
                </div>
                <!-- // Widget Block -->
            </div>
        </div>
        <!-- // Column -->

        <!--  Column -->


        <!-- // Grid -->

    </div>
@endsection

@section('script')
    @include('amount.financial-fine.script')
@endsection