@extends('dashboard.layouts.app')
@section('content')

<section class="collapse {!! (isset($search) && sizeof($search) > 0  && (sizeof($search) != 1 && isset($search['page_count']))) ? 'show' : '' !!}" id="searchFilters">
    <div class="row">
        <div class="col-12">
            <div class="card small-filters">
                <div class="card-body">
                    <form class="form search-form" id="search-form">
                        @csrf
                        <input type="hidden" name="page_count" value="{{(array_key_exists('page_count', $search))? $search['page_count'] : ''}}">
                        <input type="hidden" name="sort_by" value="{{(array_key_exists('sort_by', $search))? $search['sort_by'] : ''}}">
                        <input type="hidden" name="sort_type" value="{{(array_key_exists('sort_type', $search))? $search['sort_type'] : ''}}">
                        <input type="hidden" name="type"
                            value="{{(array_key_exists('type', $search))? $search['type'] : ''}}"
                            class="form-control">
                        <div class="row ">
                            <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                                <div class="form-group">
                                    <label for="">كلمات البحث</label>
                                    <input type="text" class="form-control" id="vName" name="title"
                                        placeholder="كلمات البحث " value="{{(array_key_exists('title', $search))? $search['title'] : ''}}" />
                                </div>
                            </div>
                            <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                                <div class="form-group">
                                    <label for="">الحاله</label>
                                    <div class="form-group">
                                        <select class="select2 form-control" name="active">
                                            <option value="">الكل</option>
                                            @foreach (GenStatus() as $k => $it)
                                                <option value="{{$k}}" {!! (array_key_exists('active', $search) && $search['active'] == $k )? 'selected' : '' !!}>{{$it}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-auto flex-grow-1 text-end search-btns-wr">
                                <button class="excel-bbt btn btn-secondary mr-1" type="button">
                                    <span>تصدير</span>
                                    <i class="ficon" data-feather="external-link"></i>
                                </button>
                                <button type="submit"
                                    class="search-bbt btn btn-primary mr-1 waves-effect waves-float waves-light btn-page-block-custom">
                                    <i data-feather="search"></i>
                                    بحث
                                </button>
                                <a href="/dashboard/instructions" class="btn  btn-outline-danger waves-effect">
                                    <i data-feather='refresh-cw'></i>
                                    اعادة تهيئة
                                </a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Striped rows start -->
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="table-control-wr">
                <div class="table-op">
                    <div class="num-select">
                        <div class="form-group d-flex">
                            <label for="r-show">عرض</label>
                            <select class="form-control" id="r-show">
                                @foreach (PerPageCount() as $k => $it)
                                    <option value="{{$k}}" {!! (array_key_exists('page_count', $search) && $search['page_count'] == $k )? 'selected' : '' !!}>{{$it}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="btns">
                        <button class="btn btn-primary load-ajax" tabindex="0" type="button" data-toggle="modal"
                            data-target="#modals-slide-in" data-route="{{route('instructions.create')}}">
                            <span>اضافه</span>
                            <i class="ficon" data-feather="plus"></i>
                        </button>
                    </div>
                </div>
                <div class="my-table-control  bg-light-primary">
                    <div class="wr">
                        <span class="lbl"> المحدد : </span>
                        <span class="val" id="sel-count">0</span>
                    </div>
                    <a href="#" type="button" class="btn btn-flat-danger waves-effect confirmTrigger" id="delete-selected">
                        <i data-feather="trash"></i>
                        <span>حذف</span>
                    </a>
                    <a href="#" type="button" class="btn btn-flat-secondary waves-effect load-ajax" tabindex="0" data-toggle="modal"
                    data-target="#modals-slide-in" data-route="{{route(request()->segment(2).'.update-all-form')}}">
                        <i data-feather="edit"></i>
                        <span>تعديل</span>
                    </a>
                </div>
            </div>
            <div class="table-responsive"  id="table-data">
                @include('dashboard.instructions.table')
            </div>
        </div>
    </div>
</div>
<!-- Striped rows end -->
@endsection
@section('modal')
    <!-- modal -->
    <div class="modal modal-slide-in fade" id="modals-slide-in" data-backdrop="static" data-keyboard="false">
        <div class="modal-dialog sidebar-sm" id="ajax-content">
            {{-- ajax content --}}
        </div>
    </div>
@endsection

@section('js')

@include('dashboard.layouts.tableActions', ['gn_name' => 'instructions', 'post_search_route' => route('instructions.index-post')])
@endsection