@extends('layouts.adminpages')

@section('content')
    <div class="content row">
        <div class="col-md-12 mt-2">
            @include('dashboard.user.partials.nav-tabs')
        </div>
        <div class="content-tabs row">
            <div class="col-md-12">
                <br>
                <div class="row">
                    <div class="col-md-12 text-right form-group">
                        @if (!request()->get('role'))
                            <a href="{{ url('dashboard/excel/access') }}" class="btn btn-secondary">
                                <i class="fa fa-download"></i> ACCESOS
                            </a>
                            <a href="{{ url('dashboard/excel/users') }}" class="btn btn-secondary">
                                <i class="fa fa-download"></i> USUARIOS
                            </a>
                            <button data-toggle="modal" data-target="#modal-users-upload" class="btn btn-success">
                                Cargar Usuarios <i class="fa fa-arrow-circle-up"></i>
                            </button>
                            <button data-toggle="modal" data-target="#modal-update-users-upload" class="btn btn-success">
                                Actualización Masiva <i class="fa fa-arrow-circle-up"></i>
                            </button>
                        @endif
                    </div>
                    <div class="col-md-6">
                        <form action="{{ url('dashboard/users') }}" method="get" class="form-inline">
                            <div class="row">
                                <div class="col-md-12">
                                    <input type="text" name="search" placeholder="Nombre o Correo" class="form-control">
                                    <button type="submit" class="btn btn-success"> <i class="fa fa-search"></i> </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="col-md-12">
                <div class="title-page">
                    @foreach (GlobalApp::newInternalMenuUsers() as $element)
                        @if (request()->has('role') && $element['role_base_name'] == request()->role)
                            {{ $element['name'] }}
                        @endif
                    @endforeach
                    @if (!request()->has('role'))
                        USUARIOS
                    @endif
                </div>
            </div>
            <div class="col-md-12 text-center">
                <div class="table-responsive">
                    <table class="table">
                        <thead>
                            <tr>
                                <th>Nombre</th>
                                <th>Correo</th>
                                <th>Identificación</th>
                                <th>Tiendas</th>
                                <th>Role</th>
                                <th>Modificado</th>
                                <th>Estado</th>
                                <th>Acciones</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if (isset($users))
                                @foreach ($users as $item)
                                    <tr>
                                        <td>{{ $item->fullName ?? '-' }}</td>
                                        <td>{{ $item->email ?? '-' }}</td>
                                        <td>{{ $item->identification ?? '-' }}</td>
                                        <td>{{ $item->shops->count() }}</td>
                                        <td>{{ $item->role_name }}</td>
                                        <td>{{ $item->updated_data }}</td>
                                        <td>{{ $item->statusName }}</td>
                                        <td>
                                            <a href="{{ url('dashboard/users/' . $item->id . '/edit') }}"
                                                class="btn btn-sm btn-success"><i class="fa fa-edit"></i></a>
                                            <a href="{{ url('dashboard/change-password/' . $item->id . '/user') }}"
                                                class="btn btn-sm btn-success"><i class="fa fa-key"></i></a>
                                            <a href="{{ route('dashboard.shops.consultant', $item->id) }}"
                                                class="btn btn-sm btn-info"><i class="fa fa-store"></i></a>
                                            <a href="{{ url('dashboard/users/destroy', $item->id) }}"
                                                class="btn btn-sm btn-danger"><i class="fa fa-trash"></i></a>
                                        </td>
                                    </tr>
                                @endforeach
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="col-md-12 d-flex justify-content-center">
                {{ $users->appends(request()->input())->links() }}
            </div>
            <div class="col-md-12">
                <div class="footer-page"></div>
            </div>
        </div>
    </div>

    @include('dashboard.user.partials.modal-users-upload')
    @include('dashboard.user.partials.modal-update-massive-users')
@endsection
@section('scripts')
    <script>
        @if ($errors->has('file_excel'))
            $('#modal-users-upload').modal('show');
        @endif

        @if ($errors->has('shops-excel'))
            $('#modal-assign-shops').modal('show');
        @endif
    </script>
@endsection