@extends('layouts.contentLayoutMaster')

@php
$breadcrumbs = [[['link' => route('nafith.index'), 'name' => "اعدادات نافذ"]],['title'=> 'اعدادات نافذ']];
@endphp

@section('title', 'ادارة اعدادات نافذ')
@section('page-style')
    {{-- Page Css files --}}
    <link rel="stylesheet" href="{{ asset('css/custom/children/bondCreation.css') }}">
@endsection
@section('content')
    <div class="page">
        <div class="bonds-page-wrapper">

            <div id="singleBondWrapper" class="top-card-wrapper card ">
                <div class="row header">
                    <div class="col-12">
                        <div class="header-wrapper">
                            <div class="icon-text-wrapper">
                                <img src="{{ asset('assets/essay.svg') }}" alt="" srcset="" />
                                <h2 class="header-text">اعدادات نافذ </h2>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row single-bond-wrapper">
                    <form class="main-form" method="POST" action="{{ route('nafith.store') }}">
                        @csrf
                        <div id="firstScreen" class="row screen-wrapper">
                            <div class="divider divider-primary">
                                <div class="divider-text">سبب الإنشاء</div>
                            </div>
                            <div class="col-12">
                                <x-inputs.text.Input
                                    label="سبب إنشاء السند"
                                    name="#"
                                    value="{{$nafith->reason}}"
                                    placeholder="سبب السند"
                                    disabled="disabled"
                                />
                            </div>


                            <div class="divider divider-primary">
                                <div class="divider-text">معلومات البلد</div>
                            </div>
                            <div class="col-6">
                                <label for="select2Basic" class="form-label">بلد الإصدار*</label>
                                <select
                                    id="select2Basic"
                                    class="select2 form-select"
                                    data-allow-clear="true"
                                    disabled="disabled"
                                >
                                    <option class="hidden_option" selected disabled>
                                        بلد الإصدار
                                    </option>
                                    <option selected>المملكه العربيه السعوديه</option>
                                </select>
                            </div>
                            <div class="col-6">
                                <label for="select2Basic" class="form-label">بلد الوفاء</label>
                                <select
                                    id="select2Basic"
                                    class="select2 form-select"
                                    data-allow-clear="true"
                                    disabled="disabled"
                                >
                                    <option class="hidden_option" selected disabled>
                                        بلد الوفاء
                                    </option>
                                    <option selected>المملكه العربيه السعوديه</option>
                                </select>
                            </div>
                            <div class="col-6">
                                <label for="select2Basic" class="form-label">مدينة الاصدار</label>
                                <select
                                    id="select2Basic"
                                    class="select2 form-select"
                                    data-allow-clear="true"
                                    disabled="disabled"
                                >
                                    <option class="hidden_option" selected disabled>
                                        مدينة الاصدار
                                    </option>
                                    <optgroup label="المدن الرئيسيه">
                                        <option selected>الرياض</option>
                                        <option>جده</option>
                                        <option>المدينه المنوره</option>
                                        <option>الرياض</option>
                                        <option>جده</option>
                                        <option>المدينه المنوره</option>
                                        <option>الرياض</option>
                                        <option>جده</option>
                                        <option>المدينه المنوره</option>
                                    </optgroup>
                                </select>
                            </div>
                            <div class="col-6">
                                <label for="select2Basic" class="form-label">مدينة الوفاء</label>
                                <select
                                    id="select2Basic"
                                    class="select2 form-select"
                                    data-allow-clear="true"
                                    disabled="disabled"
                                >
                                    <option class="hidden_option" selected disabled>
                                        مدينة الوفاء
                                    </option>
                                    <optgroup label="المدن الرئيسيه">
                                        <option selected>الرياض</option>
                                        <option>جده</option>
                                        <option>المدينه المنوره</option>
                                        <option>الرياض</option>
                                        <option>جده</option>
                                        <option>المدينه المنوره</option>
                                        <option>الرياض</option>
                                        <option>جده</option>
                                        <option>المدينه المنوره</option>
                                    </optgroup>
                                </select>
                            </div>

                            <div class="divider divider-primary">
                                <div class="divider-text">معلومات ماليه</div>
                            </div>

                            <div class="col-12">
                                <label for="select2Basic" class="form-label">العملة </label>
                                <select
                                    id="select2Basic"
                                    class="select2 form-select"
                                    data-allow-clear="true"
                                    disabled="disabled"
                                >
                                    <option class="hidden_option" selected disabled>
                                        العملة
                                    </option>
                                    <optgroup label="العملات الرئيسيه">
                                        <option selected>الريال السعودي</option>
                                        <option>الدولار الامريكي</option>
                                        <option>اليورو </option>
                                    </optgroup>
                                </select>
                            </div>
                            <div class="divider divider-primary">
                                <div class="divider-text">الصلاحيات</div>
                            </div>
                            <div class="col-6">
                                <label for="select2Basic" class="form-label">نوع الاستحقاق</label>
                                <select
                                    id="select2Basic"
                                    name="type"
                                    class="select2 form-select"
                                    data-allow-clear="true"
                                    placeholder=" نوع الاستحقاق"

                                >
                                    <option value="" class="hidden_option" selected disabled>
                                      نوع الاستحقاق
                                    </option>
                                    <option value="date"  {{$nafith->type == 'date' ? 'selected':''}}>تاريخ محدد</option>
                                    <option value="upon request" {{$nafith->type == 'upon request' ? 'selected':''}}>لدي الإطلاع</option>
                                </select>
                            </div>
                            <div class="col-6">
                                <label for="select2Basic" class="form-label">اقصي فتره للموافقة</label>
                                <select
                                    id="select2Basic"
                                    class="select2 form-select"
                                    data-allow-clear="true"
                                    name="max_approve"
                                >
                                    <option value="" class="hidden_option" selected disabled>
                                        اقصي فتره للموافقة
                                    </option>
                                    <option value="5" {{$nafith->max_approve == '5' ? 'selected':''}}>5 دقائق</option>
                                    <option value="30" {{$nafith->max_approve == '30' ? 'selected':''}}>30 دقيقه</option>
                                    <option value="60" {{$nafith->max_approve == '60' ? 'selected':''}}>1 ساعه</option>
                                    <option value="360" {{$nafith->max_approve == '360' ? 'selected':''}}>6 ساعات</option>
                                    <option value="1440" {{$nafith->max_approve == '1440' ? 'selected':''}}>24 ساعه</option>
                                    <option value="10080" {{$nafith->max_approve == '10080' ? 'selected':''}}>7 ايام</option>
                                </select>
                            </div>

                            <div class="col-6">
                                <label class="form-label" for="basic-icon-default-salary">قيمة رسوم نافذ </label>
                                <input  required type="number" min="0" max="100000" value="{{$nafith->nafith_fees}}" class="form-control dt-salary" name="nafith_fees" placeholder="75.00 ر.س" aria-label="75.00 ر.س" />
                            </div>

                            <div class="col-6 mt-1">
                                    <input type="checkbox"  name="is_active" value="1" {{ $nafith->is_active == 1 ? 'checked' : '' }}>
                                <label class="form-label m-1" for="is_active"> مفعل </label>
                            </div>

                            <div class="col-12 mt-2 action-col d-flex justify-content-center">
                                <div class="col-6 col-md-3 ">
                                    <x-inputs.submit type="submit" id="submit" class="btn btn-primary w-100 btn-submit" >
                                        <span class="btn-text secoundery-header centered">حفظ </span>
                                    </x-inputs.submit>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>


        </div>
    </div>

@endsection