@extends('layouts.app')

@section('content')

<form action="{{ route('judgement-and-issues.custom-fines.update' , $customFine->id) }}" class="col col-lg-9 pd-30" id="form_request_ajax" method="POST">
    @csrf

    @method('PUT')

    <!-- Page Title -->
    <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">تعديل غرامة جمركيه</h1>
        <button class="btn small primary">حفظ </button>

    </div>

    <!-- Grid -->
    <div class="row">

        <x-prisoner-info :$prisoner/>

        <!-- Widget Group -->
        <x-issue-info :$issue/>

        <!-- Widget Block -->
        <div class="col-12">
            <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form">
                <!-- Title -->
                <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20">تعديل بيانات الغرامة الجمركية</h3>
                <!-- Content -->
                <div class="widget-content pdx-20">
                    <!-- grid -->
                    <div class="row  gpx-15">

                        <div class="col-4 pds-15">
                            <label for="custom_decision_number">رقم قرار اللجنة الجمركية</label>
                            <input type="number" min="0" class="req clear_custom_fines" name="custom_decision_number" value="{{ $customFine->custom_decision_number }}" placeholder="">
                        </div>

                        <div class="col-4 pds-15">
                            <label for="custom_decision_date_hijri">تاريخ قرار اللجنة الجمركية</label>
                            <div class="pos-rel">
                                <input type="text"  class="req date-hijri-custom-fines clear_custom_fines" name="custom_decision_date_hijri" value="{{ $customFine->custom_decision_date_hijri }}" placeholder="">
                            </div>
                        </div>

                        <div class="col-4 pds-15">
                            <label for="custom_committee_name">اسم اللجنة الجمركية</label>
                            <input type="text" class="req clear_custom_fines" name="custom_committee_name" value="{{ $customFine->custom_committee_name }}" placeholder="">
                        </div>

                        <div class="col-6 pds-15">
                            <label for="custom_fine_amount">مقدار الغرامة الجمركية  على النزيل</label>
                            <input type="number" min="0" step="any" class="req clear_custom_fines" name="custom_fine_amount" value="{{ $customFine->custom_fine_amount }}">
                        </div>


                        <div class="col-12 pds-15">
                            <div class="col-6 toggle_slideshow">
                                <label class="checkbox fs-13 @if ($customFine->custom_fine_with_companion == 0) hidden @endif" id="custom_fine_with_companion">
                                    {{-- <input type="hidden" name="custom_fine_with_companion"  value="0"> --}}
                                    <input type="checkbox" name="custom_fine_with_companion" value="{{ $customFine->custom_fine_with_companion }}"
                                        @if($customFine->custom_fine_with_companion == 1)
                                            checked
                                        @endif
                                        class="toggle-show"
                                    >
                                    <span>الغرامة بالتضامن مع مرافقين بالقضية</span>
                                </label>

                                <div class="targets_data @if ($customFine->custom_fine_with_companion == 0) hidden @endif">
                                    <label for="custom_fine_amount_with_companion">مقدار الغرامة الجمركية الكلي للمشاركين بالقضية</label>
                                    <input type="number" min="0" step="any" class="req clear_custom_fines" name="custom_fine_amount_with_companion" value="{{ $customFine->custom_fine_amount_with_companion }}">
                                </div>
                            </div>
                        </div>


                        <div class="col-12 pds-15">
                            <label for="custom_fine_notes">الملاحظات</label>
                            <textarea name="custom_fine_notes" cols="30" rows="10" class="clear_custom_fines">
                                {{ $customFine->custom_fine_notes }}
                            </textarea>
                         </div>

                    </div>


                    <!-- // grid -->
                </div>
                <!-- // Content -->
            </div>
        </div>

        <!-- column -->
        <div class="col-12 col-md-6">
            <!--  -->
            <label for="" class="color-transparent">..</label>

            <button class="btn fluid primary">حفظ</button>
        </div>


    </div>
</form>
@endsection

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