@extends('panel.layouts.main')
@section('content')
    <div class="post d-flex flex-column-fluid" id="kt_post">
        <div id="kt_content_container" class="container">
            <div class="card">
                <div class="card-header border-0 pt-6">
                    <div class="card-toolbar">
                        <div class="d-flex justify-content-end align-items-center d-none"
                             data-kt-customer-table-toolbar="selected">
                            <div class="fw-bolder me-5">
                                <span class="me-2" data-kt-customer-table-select="selected_count"></span>انتخاب شده
                            </div>
                            <button type="button" class="btn btn-outline-danger"
                                    data-kt-customer-table-select="delete_selected">حذف انتخاب شده
                            </button>
                        </div>
                    </div>
                </div>

                <div class="card-body pt-0">
                    <form   action="" method="post">
                        @csrf
                        <div>
                            <div class="row mb-7">
                                <div class="col col-md-6">
                                    <label class="required fs-6 fw-bold mb-2"> شماره چک</label>
                                    <div class="input-group ">
                                        <input type="text"  name="code"  class="form-control" style="width: 40%">
                                    </div>
                                </div>



                            </div>

                            <div style="float: left">
                                <a href="/panel/" class="btn btn-white me-3">لغو
                                </a>
                                <button type="submit" id="kt_modal_add_customer_submit" class="btn btn-primary">
                                    <span class="indicator-label">گزارش</span>
                                    <span class="indicator-progress">لطفا صبر کنید...
                                    <span class="spinner-border spinner-border-sm align-middle ms-2"></span>
                                    </span>
                                </button>
                            </div>
                        </div>
                    </form>
                </div>

            </div>

        </div>
    </div>
@endsection
@section("head")
    <link rel="stylesheet" href="/assets/css/persian-datepicker.min.css"/>
@endsection
@section("script")
    <script src="/assets/js/persian-date.min.js" type="text/javascript"></script>
    <script src="/assets/js/persian-datepicker.min.js" type="text/javascript"></script>
    <script>
        $('.datePicker').persianDatepicker({
            autoClose: true,
            format: 'YYYY/MM/DD',
        });
    </script>

@endsection