@section('css')
    <!-- BEGIN PAGE CSS -->
    <link href="/assets/plugins/kamadatepicker/kamadatepicker.min.css" rel="stylesheet">
    <link href="/assets/plugins/select2/dist/css/select2.min.css" rel="stylesheet">
    <!-- END PAGE CSS -->
    <style>
        .select2-container {
            width: 100% !important
        }
    </style>
@endsection
<div class="row">
    <div class="col-12">
        <div class="portlet box border shadow">
            <div class="portlet-heading">
                <div class="portlet-title">
                    <h3 class="title">
                        <i class="fas fa-magnifying-glass fa-2x text-info"></i>
                        جستجوی پیشرفته
                    </h3>
                </div><!-- /.portlet-title -->
                <div class="buttons-box">
                    <a class="btn btn-sm btn-default btn-round btn-fullscreen" rel="tooltip" title="تمام صفحه"
                        href="#">
                        <i class="icon-size-fullscreen"></i>
                    </a>
                    <a class="btn btn-sm btn-default btn-round btn-collapse" rel="tooltip" title="کوچک کردن"
                        href="#">
                        <i class="icon-arrow-down"></i>
                    </a>
                </div><!-- /.buttons-box -->
            </div><!-- /.portlet-heading -->
            <div class="portlet-body" @if (!$search)
            style="display: none"
            @endif>
                <form action="">
                    <div class="row">
                        <div class="col-12 col-lg-2">
                            <div class="form-group">
                                <label>تاریخ ثبت</label>
                                <div class="input-group">
                                    <span class="input-group-addon">
                                        <i class="icon-calendar fa-2x text-info"></i>
                                    </span>
                                    <input type="text" id="kama-datepicker" name="date_at" 
                                        value="{{ old('date_at', request()->date_at) }}"
                                        class="form-control ltr">
                                </div><!-- /.input-group -->
                            </div>
                        </div>

                        <div class="col-12 col-lg-2">
                            <div class="form-group">
                                <label>نام مشتری</label>
                                <div class="input-group">
                                    <select class="form-select select2" name="account_id">
                                        <option value="">انتخاب مشتری </option>
                                        @foreach ($accounts as $item)
                                            <option value="{{ $item->id }}" @selected($item->id == request()->account_id)>
                                                {{ $item->name }} </option>
                                        @endforeach
                                    </select>
                                </div><!-- /.input-group -->
                            </div>
                        </div>
                        <div class="col-12 col-lg-2">
                            <div class="form-group">
                                <label>نام تحویل‌گیرنده</label>
                                <div class="input-group">

                                    <select class="form-select select2" name="tahvili_id">
                                        <option value="">انتخاب تحویل گیرنده </option>
                                        @foreach ($accounts as $item)
                                            <option value="{{ $item->id }}" @selected($item->id == request()->tahvili_id)>
                                                {{ $item->name }} </option>
                                        @endforeach
                                    </select>
                                </div><!-- /.input-group -->
                            </div>
                        </div>
                        <div class="col-12 col-lg-2">
                            <div class="form-group">
                                <label>محصول</label>
                                <div class="input-group">
                                    <select class="form-select select2" name="product_id">
                                        <option value="">انتخاب محصول </option>
                                        @foreach ($products as $item)
                                            <option value="{{ $item->id }}" @selected($item->id == request()->product_id)>
                                                {{ $item->name }} </option>
                                        @endforeach
                                    </select>
                                </div><!-- /.input-group -->
                            </div>
                        </div>
                        <div class="col-12 col-lg-2">
                            <div class="form-group">
                                <label>شناسه-شماره سند-وزن-تعداد</label>
                                <div class="input-group">
                                    <input type="text" class="form-control" name="keyword" value="{{old('keyword',request()->keyword)}}">
                                </div><!-- /.input-group -->
                            </div>
                        </div>
                    </div>
                    <button type="submit" class="btn btn-success btn-curve">
                        <i class="icon-check"></i>
                        جستجو
                       
                    </button>
                </form>
            </div><!-- /.portlet-body -->
            <div class="portlet-footer">
               
            </div>
        </form>
        </div><!-- /.portlet -->
    </div><!-- /.col-12 -->
</div><!-- /.row -->
@section('js-page')
    <script src="/assets/plugins/select2/dist/js/select2.full.min.js"></script>
    <script src="/assets/plugins/select2/dist/js/i18n/fa.js"></script>
    <script src="/assets/js/pages/select2.js"></script>
    <!-- BEGIN PAGE JAVASCRIPT -->
    <script src="/assets/plugins/kamadatepicker/kamadatepicker.min.js"></script>
    <script src="/assets/js/pages/calendar-kama.js"></script>
    <!-- END PAGE JAVASCRIPT -->

@endsection