@extends('ctrl.app')

@section('head-script')
@endsection

@section('head-styles')
@endsection

@section('content')
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-12">
                <div class="card">

                    <div class="card-header">
                        <div class="row justify-content-between">

                            <div class="mt-2 ml-3">Users</div>
                            <div class="row">
                                @can('add',User::class)
                                    <div>
                                        <a class="btn btn-primary mr-3" href="{{route('users.create')}}">Create
                                            new User</a>
                                    </div>
                                @endcan
                            </div>

                        </div>
                    </div>


                    <div class="card-body">
                        @include('ctrl.common.i_success_notification')
                        <div class="table-responsive-md">
                            <table class="table table-striped">
                                <thead>
                                <tr>
                                    <th scope="col" class="text-center">#</th>
                                    <th scope="col" class="text-center">@sortablelink('username', 'Username')</th>
                                    <th scope="col" class="text-center">@sortablelink('full_name', 'Full Name')</th>
                                    <th scope="col" class="text-center">@sortablelink('created_at', 'Creation Time')</th>

                                    @canany(['edit', 'delete', 'de/activate', 'assign-roles'], $modelClass)
                                        <th scope="col" class="text-center">Actions</th>
                                    @endcanany
                                </tr>
                                </thead>
                                <tbody  >
                                @foreach($users as $user)
                                    <tr id="row_{{$user->fake_id}}" @if($user->trashed()) style="opacity: {{config('view.deactivated-opacity')}}" @endif>
                                        <th scope="row" class="text-center align-middle">@listing($users)</th>
                                        <td class="text-center align-middle">{{$user->username}}</td>
                                        <td class="text-center align-middle">{{$user->full_name}}</td>
                                        <td class="text-center align-middle">{{$user->created_at->diffForHumans()}}</td>


                                        @canany(['edit', 'delete', 'de/activate', 'assign-roles'], $modelClass)
                                            <td class="text-center align-middle">
                                                @can('assign-roles',$modelClass)
                                                    <a class="btn btn-outline-success" href="{{route('users.roles.index',[$user])}}">
                                                        {{\App\Models\User::getRoleTitlesFor($user)}}
                                                    </a>
                                                @endcan
                                                @include('ctrl.common.i_button_edit_activate_delete', [
                                                    'item' => $user,
                                                    'route' => route('users.index'),
                                                    'editRoute' => route('users.edit',[$user])
                                                ])
                                            </td>
                                        @endcanany

                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>

                        {{ $users->appends($_GET)->links() }}

                    </div>

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

    @can('delete', $modelClass) @include('ctrl.common.modal_delete') @endcan
    @can('de/activate', $modelClass) @include('ctrl.common.modal_activation') @endcan
@endsection

@section('footer-script')
    @canany(['delete', 'de/activate'], $modelClass)
        <script src="{{asset('js/delete-deactivate.js')}}"></script>
    @endcanany
@endsection