@extends('layouts.app')

@section('content')

<form action="{{ route('judgement-and-issues.custom-fines.store') }}" class="col col-lg-9 pd-30" id="form_request_ajax" method="POST">
    @csrf
    <!-- 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 />

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

        <!-- 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="" 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="" 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="" 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="">
                        </div>


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

                                <div class="targets_data hidden ">
                                    <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="">
                                </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"></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