@php
$layout = 'layouts.admin';
@endphp
@extends($layout)
@section('css')
<style>
    .swal2-modal .swal2-title{
        font-size: 20px!important;
    }
    </style>
@endsection
@section('content')

<div class="page-header text-uppercase">
    <ul class="list-unstyled space-list m-0">
        <li>
            <p>{{ __('devices_login.device')}}</p>

        </li>
        <li>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    @php
                    $routeDashboard = 'admin.dashboard';
                    @endphp
                    <li class="breadcrumb-item"><a href="{!! route($routeDashboard) !!}">{!! __('common.home') !!}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">{!! __('devices_login.device') !!}</li>
                </ol>
            </nav>
        </li>
    </ul>
</div>
<div class="admin-area-col">
    <div class="row employee-list-view">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 employee-list-full">
            <div class="round-white-bg box-shadow">
                <div class="d-block">
                    <ul class="list-inline justified-header bordered-header border-0">
                        <li class="row col-12 top-table-header d-flex" style="padding: 0px !important;margin-left: 0px;">
                            <div class="col-md-9 filters_list d-flex p-0">
                            {!! Form::open(array('route' => 'devices-login.paginate','method' => 'GET','class'=>'filter_form mobile_filter col-md-12 extra_filters','id'=>'ajaxFilter','filterTable'=>"true",'style' => 'padding-left: 0px;')) !!}
                                <div class="col-md-4 filters p-0">
                                    {!! Form::label("devices", __('devices_login.store_name'), ['class' => 'first-column']) !!}
                                    {!! Form::select('store_ids[]',$stores, (isset($_GET['store_ids'])?$_GET['store_ids']:''), ['class'=>'form-control select2 second-column','multiple'=>true]) !!}
                                </div>

                                <div class="col-md-2 filters p-0 ml-2">
                                    {!! Form::label("devices", __('devices_login.device_type'), ['class' => 'first-column']) !!}
                                    {!! Form::select('devices_type[]',loginType(), (isset($_GET['devices_type'])?$_GET['devices_type']:''), ['class'=>'form-control select2 second-column', 'multiple'=>true]) !!}

                                </div>
                                <div class="col-md-2 filters p-0 ml-2">
                                    {!! Form::label("status", __('inventory_item.status'), ['class' => 'first-column']) !!}
                                    {!! Form::select('status',['' => __('common.select-option'), 1 => 'Active',0 => 'In-active', 2 => 'Logged In Device(s)'], (isset($_GET['status'])?$_GET['status']:''), ['class'=>'form-control select2 second-column']) !!}
                                </div>

                                <div class="col-md-3 __filter_actions d-flex ">
                                    <input type="submit" class="btn btn-primary btn_sub mr-1 search-btn" value="{{ __('orders.search') }}">
                                    <a href="{{ route( 'devices-login.index' ) }}" class="btn btn-primary reset-btn ">{!! __('orders.reset') !!}</a>
                                </div>
                            {!! Form::close() !!}
                            </div>
                            <div class="col-md-3 mt-4 pt-2 d-flex other_actions px-0" style="justify-content: end;">
                                @php
                                $routeAdd = 'devices-login.create';
                                @endphp
                                <a href="{{ route($routeAdd) }}" class="btn btn-primary add-new-item">{{ __('common.add-btn')}}</a>
                            </div>
                        </li>
                        {{--<li>--}}
                            {{--<ul class="list-inline">--}}
                                {{--@php--}}
                                {{--$routeAdd = 'devices-login.create';--}}
                                {{--@endphp--}}
                                {{--<li class="list-inline-kiosk_device">--}}
                                    {{--<a href="{{ route($routeAdd) }}" class="btn btn-primary width80">{{ __('common.add-btn')}}</a>--}}
                                {{--</li>--}}
                            {{--</ul>--}}
                        {{--</li>--}}
                    </ul>
                    @include('layouts.partials.messages')
                </div>

                <div class="table-responsive">
                    <div class="table_filters">
                            <div class="limit_filter">
                                {!! Form::select('limit', paginationLimitOptions(), defaultPerPage(), ['id'=>'pagination_limit']) !!}
                            </div>
                            <div class="search_filter">
                                {!! Form::text('search', null, ['id'=>'keyword_search','class'=>'form-control','placeholder'=>__('common.search').'...']) !!}
                            </div>
                    </div>
                    <table id="paginateTable"  data-url="{{route($route)}}" class="striped-table w-100 custom-datatable font13">
                    </table>
                </div>
            </div>
        </div>

    </div>
</div>
@endsection
@section('script')
    <script>
        $('body').on('click', '.__reset_login', function(e) {
            let title = $(this).attr('data-text');
            let url = $(this).attr('data-url');

            swal({
                title: "{!! __('devices_login.reset_confirm') !!}",
                type: "warning",
                showCancelButton: !0,
                confirmButtonText: title,
                cancelButtonText: "No!",
                confirmButtonClass: "btn btn-success",
                cancelButtonClass: "btn btn-danger m-l-10",
                buttonsStyling: !1,
            }).then(function() {
                $.ajax({
                    type: "GET",
                    url: url,
                    data: { _token: token },
                    success: function (data) {
                        let obj = jQuery.parseJSON(data);
                        if (obj.status == 200) {
                            swal({
                                title: obj.title,
                                text: obj.message,
                                type: "success"
                            })
                                    .then(function() {
                                        ajaxPagination();
                                    });
                        } else {
                            swal({
                                title: "Oops",
                                text: obj.message,
                                type: "error"
                            })
                                    .then(function() {
                                        ajaxPagination();
                                    });
                        }
                    }
                });
            }, function() {
                "cancel" === t && swal({
                    title: "Cancelled",
                    text: "You Record is safe!",
                    type: "success"
                })

            });
        });
    </script>
    @endsection