@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">
                <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-lg-3 col-md-6 col-12">
                                <div class="form-group">
                                    <label for="">الاسم </label>
                                    <input type="text" id="" class="form-control" placeholder="الاسم "
                                        name="name"  value="{{(array_key_exists('name', $search))? $search['name'] : ''}}">
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-6 col-12">
                                <div class="form-group">
                                    <label for="">رقم الجوال</label>
                                    <input type="text" id="" class="form-control"
                                        placeholder="9665xxxxxxxx" name="phone"  value="{{(array_key_exists('phone', $search))? $search['phone'] : ''}}">
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-6 col-12">
                                <div class="form-group">
                                    <label for="">البريد الإلكترونى</label>
                                    <input type="text" id="" class="form-control"
                                        placeholder="example@example.com" name="email"  value="{{(array_key_exists('email', $search))? $search['email'] : ''}}">
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-6 col-12">
                                <div class="form-group">
                                    <label for="">الحالة </label>
                                    <div class="form-group">
                                        <select class="select2 hide-search 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-12 text-end mt-1 search-btns-wr">
                                <button class="btn btn-secondary mr-1" id="export-excel" type="button">
                                    <span>تصدير</span>
                                    <i class="ficon" data-feather="external-link"></i>
                                </button>
                                <button type="submit"
                                    class="btn btn-primary mr-1 waves-effect waves-float waves-light btn-page-block-custom">
                                    <i data-feather="search"></i>
                                    بحث
                                </button>
                                <button type="reset" class="btn  btn-outline-danger waves-effect">
                                    <i data-feather='refresh-cw'></i>
                                    اعادة تهيئة
                                </button>
                            </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('importers.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>
                    {{-- <a href="#" id="clear-selected" type="button" class="btn btn-flat-secondary waves-effect">
                        <i data-feather="arrow-left-circle"></i>
                        <span>تصفية</span>
                    </a> --}}
                    {{-- <a href="#" type="button" class="btn btn-flat-secondary waves-effect">
                        <i data-feather="mail"></i>
                        <span>ايميل</span>
                    </a> --}}
                    {{-- <a href="#" type="button" id="export-excel2" class="btn btn-flat-secondary waves-effect">
                        <i data-feather="arrow-up-left"></i>
                        <span>Excel</span>
                    </a> --}}
                </div>
            </div>
            <div class="table-responsive"  id="table-data">

                @include('dashboard.importers.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' => request()->segment(2), 'post_search_route' => route(request()->segment(2).'.index-post')])
<script>
    $('body').on('change', '.customSwitch111', function(){
        var v = $(this).val();
        var id = $(this).attr('data-id');
        $.get("/dashboard/importers-toggle/"+id+"?active="+v);
    })
</script>
@endsection