@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 form-group text-right">
                        @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">

                                    <select name="points_order" class="form-control mr-1">
                                        <option value="">Seleccione orden de puntos...</option>
                                        <option value="asc"
                                            {{ request()->get('points_order') == 'asc' ? 'selected' : '' }}>
                                            Puntos Menor a Mayor
                                        </option>
                                        <option value="desc"
                                            {{ request()->get('points_order') == 'desc' ? 'selected' : '' }}>
                                            Puntos Mayor a Menor
                                        </option>
                                    </select>

                                    <button type="submit" class="btn btn-success"> <i class="fa fa-search"></i> </button>
                                    @if (count(request()->query()))
                                        <a href="{{ route('dashboard.users.index') }}" class="btn btn-secondary">
                                            <i class="fa fa-times"></i>
                                        </a>
                                    @endif
                                </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 / Correo</th>
                                <th>Identificación</th>
                                <th>Puntos</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->full_name }}<br />
                                            {{ $item->email }}
                                        </td>
                                        <td>{{ $item->identification }}</td>
                                        <td>
                                            <a target="_blank"
                                                href="{{ route('dashboard.points.index', ['search' => $item->email]) }}"
                                                class="btn btn-sm btn-success">
                                                {{ $item->total_points }}
                                            </a>
                                        </td>
                                        <td>{{ $item->first_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="{{ route('dashboard.change-password.user', $item->id) }}"
                                                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> {{ $item->shops_count }}
                                            </a>
                                            <form action="{{ route('dashboard.users.destroy', $item->id) }}"
                                                method="post">
                                                @csrf
                                                @method('DELETE')
                                                <button type="submit" class="btn btn-sm btn-danger">
                                                    <i class="fa fa-trash"></i>
                                                </button>
                                            </form>
                                        </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