@extends('layouts.contentLayoutMaster')
@php
$breadcrumbs = [[['link' => route('withdrawals.index'), 'name' => "الطلبات"],['name'=> 'طلبات تأجيل السداد']],['title' => 'رفع اوراق الاعتماد']];
@endphp

@section('title', 'رفع اوراق الاعتماد')

@section('vendor-style')
<link rel="stylesheet" href="{{asset(mix('vendors/css/forms/select/select2.min.css'))}}">
<link rel="stylesheet" href="{{asset(mix('vendors/css/editors/quill/katex.min.css'))}}">
<link rel="stylesheet" href="{{asset(mix('vendors/css/editors/quill/monokai-sublime.min.css'))}}">
<link rel="stylesheet" href="{{asset(mix('vendors/css/editors/quill/quill.snow.css'))}}">
<link rel="stylesheet" href="{{ asset(mix('vendors/css/pickers/flatpickr/flatpickr.min.css')) }}">
@endsection

@section('page-style')
<!-- Page css files -->
{{-- Page Css files --}}
<link rel="stylesheet" href="{{ asset(mix('css/base/plugins/forms/pickers/form-flat-pickr.css')) }}">
<link rel="stylesheet" href="{{ asset(mix('css/base/plugins/forms/form-validation.css')) }}">
@endsection

@section('content')

@component('components.forms.formCard',['title' => sprintf('رفع اوراق الاعتماد وتأكيد الطلب')])
    {{ Form::model($postponeApplication ,['route' => ['postpone-payment-applications.confirmDocument',$postponeApplication->id],'method'=> 'POST' , 'class' => 'row','id' => 'adminform' , 'onsubmit' => 'showLoader()','enctype' => 'multipart/form-data']) }}


    <x-ui.divider>بيانات الاعتماد</x-ui.divider>


<div class="row mb-1">
    <input type="hidden" name="id" value="{{$postponeApplication->id}}">
    <div class="col-md">
        <x-inputs.text.Input label="تاريخ انشاء الطلب" name="created_at" disabled="disabled" data-msg="' بشكل صحيح" />
    </div>
    <div class="col-md">
        <x-inputs.text.Input label="المبلغ المؤجل" name="postpone_amount" disabled="disabled" data-msg="' بشكل صحيح" />
    </div>
    <div class="col-md">
        <x-inputs.text.Input label="نوع الطلب" name="type_name" disabled="disabled" data-msg="' بشكل صحيح" />
    </div>
    <div class="col-md">
        <x-inputs.text.Input label="اسم الكفيل" name="sponsor_name" disabled="disabled" data-msg="' بشكل صحيح" />
    </div>
</div>

<div class="row mb-1">
    <div class="col-md">
        <x-inputs.text.Input label="ولي الامر" name="guardian_name" disabled="disabled" data-msg="' بشكل صحيح" />
    </div>
    <div class="col-md">
        <x-inputs.text.Input disabled="disabled" icon="calendar" :required="true" label="تاريخ التأجيل :هو التاريج المراد التأجيل للسداد فيه" data-msg="اختار تاريج تأجيل السداد" name="postpone_date_to" placeholder="yyyy-mm-dd" />
    </div>
</div>

    <div class="row mb-1">
        <div class="col-md">
            <x-inputs.text.Input label="كود الوثيقة" name="document_code" required="required" data-msg="ادخل كود الوثيقة بشكل صحيح" />
        </div>
        <div class="col-md">
            <label for="file">صورة الوثيقة</label>
            {{ Form::file('document', ['class' => 'form-control', 'id' => 'file','name'=>'file', 'required' => 'required']) }}
        </div>
    </div>

<div class="col-12 text-center mt-2">
    <x-inputs.submit>تأكيد الطلب</x-inputs.submit>
    <x-inputs.link route="postpone-payment-applications.index">عودة</x-inputs.link>
</div>
</form>
{!! Form::close() !!}

@endcomponent

@endsection

@section('vendor-script')
<script src="{{ asset(mix('vendors/js/pickers/pickadate/picker.js')) }}"></script>
<script src="{{ asset(mix('vendors/js/pickers/pickadate/picker.date.js')) }}"></script>
<script src="{{ asset(mix('vendors/js/pickers/pickadate/picker.time.js')) }}"></script>
<script src="{{ asset(mix('vendors/js/pickers/pickadate/legacy.js')) }}"></script>
<script src="{{ asset(mix('vendors/js/pickers/flatpickr/flatpickr.min.js')) }}"></script>
<script src="{{ asset(mix('vendors/js/forms/validation/jquery.validate.min.js')) }}"></script>
<script src="{{ asset(mix('vendors/js/forms/select/select2.full.min.js')) }}"></script>
@endsection

@section('page-script')
<script src="{{ asset(mix('js/scripts/forms/pickers/form-pickers.js')) }}"></script>
<script src="{{ asset(mix('js/scripts/forms/form-select2.js')) }}"></script>
@endsection