@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/options" 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('options.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">
                <table class="table table-striped table-bordered cstm-table v2">
                    <thead>
                        <tr>
                            <th class="check-th">
                                <div class="custom-control custom-control-warning custom-checkbox">
                                    <input type="checkbox" class="custom-control-input ids" id="checkAll">
                                    <label class="custom-control-label" for="checkAll"></label>
                                </div>
                            </th>
                            <th class="">#</th>

                            <th class="sort">
                                <div class="th-content">
                                    <span>الاسم / عربي</span>
                                    <span class="sort-wr">
                                        <button type="button" onclick="ChangeSort('asc', 'title:ar')"
                                            class="btn btn-icon btn-icon rounded-circle btn-flat-primary waves-effect">
                                            <i data-feather='chevron-up'></i>
                                        </button>

                                        <button type="button" onclick="ChangeSort('desc', 'title:ar')"
                                            class="btn btn-icon btn-icon rounded-circle btn-flat-primary waves-effect">
                                            <i data-feather='chevron-down'></i>
                                        </button>
                                    </span>
                                </div>
                            </th>

                            <th class="sort">
                                <div class="th-content">
                                    <span>الاسم / انجليزى </span>
                                    <span class="sort-wr">
                                        <button type="button" onclick="ChangeSort('asc', 'title:en')"
                                            class="btn btn-icon btn-icon rounded-circle btn-flat-primary waves-effect">
                                            <i data-feather='chevron-up'></i>
                                        </button>

                                        <button type="button" onclick="ChangeSort('desc', 'title:en')"
                                            class="btn btn-icon btn-icon rounded-circle btn-flat-primary waves-effect">
                                            <i data-feather='chevron-down'></i>
                                        </button>
                                    </span>
                                </div>
                            </th>
                            <th>الحالة</th>
                            <th>عمليات</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($rows as $item)
                            <tr class="deleted-row">
                                <td class="td-check">
                                    <div class="custom-control custom-control-warning custom-checkbox">
                                        <input type="checkbox" id="Check2-{{$item->id}}" name="ids[]" value="{{$item->id}}" class="ids with-v ids-{{$item->id}} custom-control-input">
                                        <label class="custom-control-label" for="Check2-{{$item->id}}"></label>
                                    </div>
                                </td>
                                <td>{{$item->id}}</td>


                                <td>
                                    {{$item->getTranslation('title', 'ar')}}
                                </td>
                                <td>
                                    {{$item->getTranslation('title', 'en')}}
                                </td>
                                <td>
                                    @if ($item->active)
                                        نشط
                                    @else
                                        غير نشط
                                    @endif
                                </td>
                                <td>
                                    <div class="d-flex">
                                        <div class="dropdown">
                                            <button type="button"
                                                class="btn btn-sm dropdown-toggle hide-arrow"
                                                data-toggle="dropdown">
                                                <i data-feather="more-vertical"></i>
                                            </button>
                                            <div class="dropdown-menu">
                                                <a class="dropdown-item load-ajax" href="javascript:void(0);"  data-toggle="modal"
                                                data-target="#modals-slide-in" data-route="{{route('options.edit', $item->id)}}">
                                                    <i data-feather="edit-2" class="mr-50"></i>
                                                    <span>تعديل</span>
                                                </a>
                                                <a class="dropdown-item confirmTrigger delete-item" href="{{route('options.destroy', $item->id)}}"
                                                    >
                                                    <i data-feather="trash" class="mr-50"></i>
                                                    <span>حذف</span>
                                                </a>
                                            </div>
                                        </div>

                                    </div>
                                </td>
                            </tr>

                        @endforeach

                    </tbody>
                </table>
                <div class="w-100 text-center">
                    {{ $rows->appends($search)->links() }}
                </div>
            </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' => 'options', 'post_search_route' => route('options.index-post')])
@endsection