@extends('layouts.app')
@section('title') @if( ! empty($title)) {{ $title }} | @endif @parent @endsection

@section('content')

<div class="">
    <div style="position:relative">
        <h3 class="page-header" style="padding:10px">
            {{ $title }}
            <span id="toggleSidebar" class="mobile-show" style="cursor:pointer; position:absolute; right:30px; margin-top:-30px; color:#000; padding:5px">
                <i id="menuIcon" class="fa fa-bars fa-fw"></i>
            </span>
        </h3>
    </div>
</div>


    <div class="container">

        <div class="row">

            @include('admin.sidebar_menu')

                @include('admin.flash_msg')
                    <div class="col-xs-12 col-lg-9" style="margin-bottom:20px">
                        <a href="{{ route('add_administrator') }}" class="btn btn-info pull-right"><i class="fa fa-user-plus"></i> {{ trans('app.add_administrator') }}</a>
                    </div>

                    <div class="col-xs-12 col-lg-9">
                        
                        <div class="table-responsive">
                            <table class="table table-bordered table-striped">
                                <tr>
                                    <th>{{ trans('app.name') }}</th>
                                    <th>{{ trans('app.email') }}</th>
                                    <th>{{ trans('app.last_login') }}</th>
                                    <th>{{ trans('app.action') }}</th>
                                </tr>
                                @foreach($users as $u)
                                <tr>
                                    <td>{{ $u->name }}</td>
                                    <td>{{ $u->email }}</td>
                                    <td>{{ $u->last_login }}</td>
                                    <td>
    
                                        @if($u->id >2)
    
                                        <a href="javascript:;" class="btn btn-danger blockAdministrator" data-id="{{ $u->id }}" style="display: {{ $u->active_status ==1? '': 'none' }}"><i class="fa fa-ban"></i> </a>
                                        <a href="javascript:;" class="btn btn-success unblockAdministrator" data-id="{{ $u->id }}" style="display: {{ $u->active_status ==1? 'none': '' }}"><i class="fa fa-ban"></i> </a>
                                        @endif
    
                                    </td>
                                </tr>
                                @endforeach
                            </table>
                        </div>

                    </div>

        </div>   <!-- /#wrapper -->


    </div> <!-- /#container -->
@endsection

@section('page-js')

    <script type="text/javascript">

        $(document).ready(function() {
            /**
             * Blck User
             */
            $('body').on('click','.blockAdministrator',function (e) {
                e.preventDefault();
                var this_btn = $(this);
                var user_id = this_btn.data('id');
                $.ajax({
                    url: '{{ route('administratorBlockUnblock') }}',
                    type: "POST",
                    data: { user_id : user_id, status : 'block', _token : '{{csrf_token()}}' },
                    success: function (data) {
                        if (data.success == 1) {
                            this_btn.hide();
                            this_btn.closest('tr').find('.unblockAdministrator').show();
                            toastr.success(data.msg, '@lang('app.success')', toastr_options);
                        }
                    }
                });
            });
            $('body').on('click','.unblockAdministrator',function (e) {
                e.preventDefault();
                var this_btn = $(this);
                var user_id = this_btn.data('id');
                $.ajax({
                    url: '{{ route('administratorBlockUnblock') }}',
                    type: "POST",
                    data: { user_id : user_id, status : 'unblock', _token : '{{csrf_token()}}' },
                    success: function (data) {
                        if (data.success == 1) {
                            this_btn.hide();
                            this_btn.closest('tr').find('.blockAdministrator').show();
                            toastr.success(data.msg, '@lang('app.success')', toastr_options);
                        }
                    }
                });
            });
        });

    </script>

@endsection