@extends('master.index')

@php


    use Illuminate\Support\Facades\Route;

    $params = Request::all();
    $permission_class_name = "User";
    $current_route = Route::currentRouteName();

    $age_start = Request::get('filter_age_start') ;
    if(!$age_start)
        $age_start = 0 ;
    $age_end = Request::get('filter_age_end') ;
    if(!$age_end)
        $age_end = 150 ;

@endphp

@section('header')
    <link rel="stylesheet" type="text/css" href={{url('app-assets/css'.__('messages.css_js_direction').'/pages/page-users.min.css')}}>

@endsection


@section('title')
    {{__('messages.users_list')}}
@endsection


@section('content')
    <section class="users-list-wrapper section">
        <div class="users-list-filter">
            <div class="card-panel">
                <form  id="list_form" action="{{route($current_route)}}" method="get" >

                    @foreach ($params as $key=>$value)
                        @if($key=="sort_mode" || $key=="sort_column")
                            <input  type="hidden"  name="{{$key}}" value="{{$value}}"/>
                        @endif
                    @endforeach


                    <div class="row">

                        <div class="col s12 m6 l2">

                            <div class="input-field">
                                <input placeholder="{{__("messages.search_user")}}" id="filter_email_name_mobile" type="text" name="filter_email_name_mobile" value="{{ Request::get('filter_email_name_mobile')}}" class="validate">
                                <label for="filter_email_name_mobile">{{__("messages.email_username")}}</label>
                            </div>
                        </div>
                        <div class="col s12 m6 l2">

                            <div class="input-field">
                                <input class="datepicker" type="text" placeholder="Registered Date" id="filter_start_date" name="filter_start_date" value="{{ Request::get('filter_start_date')}}">
                                <label for="filter_start_datepicker">{{__('messages.start_date')}}</label>
                            </div>

                        </div>
                        <div class="col s12 m6 l2">

                            <div class="input-field">
                                <input class="datepicker" type="text" placeholder="{{__('messages.register_date')}}" id="filter_end_date" name="filter_end_date" value="{{ Request::get('filter_end_date')}}">
                                <label for="filter_end_date">{{__('messages.end_date')}}</label>
                            </div>

                        </div>
                        <div class="col s12 m6 l2">
                            <div class="input-field">
                                <select class="form-control" id="filter_role" name="filter_role">
                                    <option value="">{{__("messages.all")}}</option>
                                    @foreach($roles as $role)
                                        <option @if(Request::get('filter_role')==$role->id) selected @endif value="{{$role->id}}">{{$role->display_name}}</option>
                                    @endforeach
                                </select>
                                <label for="users-list-status">{{__("messages.role")}}</label>
                            </div>
                        </div>
                        <div class="col s12 m6 l2">

                            <div class="input-field">
                                <select class="form-control" id="filter_state" name="filter_state">
                                    <option value="">{{__('messages.all')}}</option>
                                    <option @if(Request::get('filter_state')==\App\UserState::active) selected @endif value="{{\App\UserState::active}}">{{\App\UserState::get_name(\App\UserState::active)}}</option>
                                    <option @if(Request::get('filter_state')==\App\UserState::deactive) selected @endif value="{{\App\UserState::deactive}}">{{\App\UserState::get_name(\App\UserState::deactive)}}</option>
                                    <option @if(Request::get('filter_state')==\App\UserState::deactive_expire) selected @endif value="{{\App\UserState::deactive_expire}}">{{\App\UserState::get_name(\App\UserState::deactive_expire)}}</option>
                                    <option @if(Request::get('filter_state')==\App\UserState::deleted) selected @endif value="{{\App\UserState::deleted}}">{{\App\UserState::get_name(\App\UserState::deleted)}}</option>
                                </select>
                                <label for="users-list-status">{{__('messages.state')}}</label>
                            </div>
                        </div>
                        <div class="col s12 m6 l2">

                        </div>

                    </div>

                    <div class="row">





                        <div class="col s12 m6 l2">

                            <div class="input-field">
                                <select class="form-control" id="filter_device" name="filter_device">
                                    <option value="">{{__('messages.all')}}</option>
                                    <option @if(Request::get('filter_device')==\App\DeviceTypes::android) selected @endif value="{{\App\DeviceTypes::android}}">{{\App\DeviceTypes::get_name(\App\DeviceTypes::android)}}</option>
                                    <option @if(Request::get('filter_device')==\App\DeviceTypes::ios) selected @endif value="{{\App\DeviceTypes::ios}}">{{\App\DeviceTypes::get_name(\App\DeviceTypes::ios)}}</option>
                                    <option @if(Request::get('filter_device')==\App\DeviceTypes::other) selected @endif value="{{\App\DeviceTypes::other}}">{{\App\DeviceTypes::get_name(\App\DeviceTypes::other)}}</option>
                                </select>
                                <label for="users-list-status">{{__('messages.device')}}</label>
                            </div>

                        </div>









                        <div class="col s12 m6 l2 display-flex align-items-center show-btn">
                            <button style="margin-top: -30px !important;" type="submit" class="btn btn-block indigo waves-effect waves-light">Show</button>
                        </div>

                    </div>




                </form>
            </div>
        </div>

        <div class="users-list-table">
            <div class="card">
                <div class="card-content">
                    <!-- datatable start -->
                    <form  id="list_form" action="{{route('user.action')}}" method="POST" >
                        @csrf

                    <div class="row">

                        <div class="col s12 m6 l8">
                        </div>
                        <div class="col s12 m6 l2">
                            <a style="margin-top: 20px !important;" href="#action_modal" class="btn btn-block indigo waves-effect waves-light  modal-trigger">{{__('messages.apply')}}</a>
                        </div>
                        <div class="col s12 m6 l2">
                            <div class="input-field">
                                <select class="form-control" id="list_action_name" name="list_action_name">
                                    <option value="">{{__('messages.bulk_actions')}}</option>
                                    <option value="active">{{\App\UserState::get_name(\App\UserState::active)}}</option>
                                    <option value="deactive">{{\App\UserState::get_name(\App\UserState::deactive)}}</option>

                                </select>
                            </div>
                        </div>



                        <div id="action_modal" class="modal">
                            <div class="modal-content">
                                <h4 style="color: #dd4a68">{{__('messages.warning')}}</h4>
                                <p><b>{{__('messages.list_action_warning')}}</b></p>
                            </div>
                            <div class="modal-footer">
                                <a href="#" class="modal-action modal-close waves-effect waves-red btn-flat ">{{__('messages.cancel')}}</a>
                                <button  type="submit" style="color: #dd4a68" href="" class="modal-action modal-close waves-effect waves-green btn-flat "><b>{{__('messages.confirm')}}</b></button>
                            </div>
                        </div>

                    </div>


                    <table class="responsive-table">
                        <form></form>
                        <thead>
                        <tr>
                            <th>{{__('messages.row')}}</th>
                            <th class="">
                                @include('master.table_sortable_header', ['current_column' => "id",
                                                                   'current_title' => __('messages.id'),
                                                                   'current_route' => route($current_route)])
                            </th>
                            <th class="">
                                @include('master.table_sortable_header', ['current_column' => "email",
                                                                   'current_title' => __('messages.email'),
                                                                   'current_route' => route($current_route)])
                            </th>
                            <th>
                                @include('master.table_sortable_header', ['current_column' => "username",
                                                                   'current_title' => __('messages.username'),
                                                                   'current_route' => route($current_route)])
                            </th>

                            <th>
                                @include('master.table_sortable_header', ['current_column' => "device",
                                                                   'current_title' => __('messages.device'),
                                                                   'current_route' => route($current_route)])
                            </th>



                            <th>
                                @include('master.table_sortable_header', ['current_column' => "register_date",
                                                                   'current_title' => __('messages.register_date'),
                                                                   'current_route' => route($current_route)])
                            </th>

                            <th>
                                @include('master.table_sortable_header', ['current_column' => "role_id",
                                                                   'current_title' => __('messages.role'),
                                                                   'current_route' => route($current_route)])
                            </th>

                            <th>
                                @include('master.table_sortable_header', ['current_column' => "state",
                                                                   'current_title' => __('messages.state'),
                                                                   'current_route' => route($current_route)])
                            </th>



                            <th>{{__('messages.delete')}}</th>
                            <th>
                                &nbsp;&nbsp;
                                <label >
                                    <input id="action_checkbox-all" name="action_checkbox[]"  value="-1"  type="checkbox" />
                                    <span style="margin-top: 7px;"></span>
                                </label>
                                &nbsp;&nbsp;
                            </th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach ($users as $key=>$user)
                            <tr>
                                <td>{{ $users->firstItem() + $key }}</td>
                                <td>{{$user->id}}</td>
                                <td><a href="{{route('user.edit',$user)}}">{{$user->email}}</a></td>
                                <td>{{$user->username}}</td>

                                <td>{{\App\DeviceTypes::get_name($user->device)}}</td>


                                <td>
                                    @if($user->created_at)
                                        {{$user->created_at->format('Y-m-d')}}
                                    @endif
                                </td>
                                <td>
                                    @if($user->roles && count($user->roles)>0)
                                        {{$user->roles->first()->display_name}}
                                    @else
                                        {{__('messages.application')}}
                                    @endif
                                </td>
                                <td>
                                    @if($user->state ==\App\UserState::active)
                                        <span class="chip green lighten-5"><span class="green-text">{{\App\UserState::get_name($user->state)}}</span>
                                        @elseif($user->state ==\App\UserState::deactive)
                                                <span class="chip orange lighten-5"><span class="orange-text">{{\App\UserState::get_name($user->state)}}</span>
                                        @elseif($user->state ==\App\UserState::deactive_expire)
                                                        <span class="chip orange lighten-5"><span class="orange-text">{{\App\UserState::get_name($user->state)}}</span>
                                        @elseif($user->state ==\App\UserState::deleted)
                                                                <span class="chip red lighten-5"><span class="red-text">{{\App\UserState::get_name($user->state)}}</span>
                                        @elseif($user->state ==\App\UserState::not_registered)
                                                                        <span class="chip orange lighten-5"><span class="orange-text">{{\App\UserState::get_name($user->state)}}</span>
                                    @endif
                                </td>




                                <td>
                                    <a class="modal-trigger" href="#delete_modal{{$user->id}}"><i class="material-icons">delete</i></a>


                                    <div id="delete_modal{{$user->id}}" class="modal">
                                        <div class="modal-content">
                                            <h4 style="color: #dd4a68">{{__('messages.delete_user')}}</h4>
                                            <p><b>{{__('messages.delete_user_desc')}}&nbsp;{{$user->username}}&nbsp;?</b></p>
                                        </div>
                                        <div class="modal-footer">
                                            <a href="#" class="modal-action modal-close waves-effect waves-red btn-flat ">{{__('messages.cancel')}}</a>
                                            <a style="color: #dd4a68" href="{{route('user.destroy',$user->id)}}" class="modal-action modal-close waves-effect waves-green btn-flat "><b>{{__('messages.confirm')}}</b></a>
                                        </div>
                                    </div>
                                </td>

                                <td>
                                    <label >
                                        <input id="action_checkbox-{{$user->id}}" name="action_checkbox[]" value="{{$user->id}}"  type="checkbox" />
                                        <span style="margin-top: 7px;"></span>
                                    </label>
                                </td>
                            </tr>
                        @endforeach

                        </tbody>
                    </table>
                    <!-- datatable ends -->
                    </form>
                    @php
                        try {
                            echo $users->links('master.pagination');
                        } catch (\Throwable $t) {}
                    @endphp

                </div>
            </div>
        </div>
    </section>
@endsection






@section('scripts')


    <script type="text/javascript">
        var slider = document.getElementById('material_slider');
        noUiSlider.create(slider, {
            start: [$('#filter_age_start').val(), $('#filter_age_end').val()],
            connect: true,
            step: 1,
            orientation: 'horizontal', // 'horizontal' or 'vertical'
            range: {
                'min': 0,
                'max': 150
            },
            format: wNumb({
                decimals: 0
            })
        });

        $('#material_slider')[0].noUiSlider.on('change',function(v,handle){
            $('#filter_age_temp').val(v[0]+' - '+v[1]);
            $('#filter_age_start').val(v[0]);

            $('#filter_age_end').val(v[1]);
        })
    </script>
@endsection