@extends('adminlte::page')

@section('title', 'Usuarios')

@section('content_header')
    <h1>Dashboard</h1>
@endsection


@section('css')
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/dataTables.bootstrap4.min.css">
@endsection

@section('content')
    <ul class="nav nav-tabs" id="tabUsers" role="tablist">
        <li class="nav-item" role="presentation">
            <button class="nav-link active" id="tabla2-tab" data-bs-toggle="tab" data-bs-target="#usersTab" type="button"
                role="tab">Clientes</button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link " id="tabla1-tab" data-bs-toggle="tab" data-bs-target="#teamTab" type="button"
                role="tab">Administradores</button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" id="tabla3-tab" data-bs-toggle="tab" data-bs-target="#servicesTab" type="button"
                role="tab">Clientes con servicio</button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" id="tabla3-tab" data-bs-toggle="tab" data-bs-target="#vendorsTab" type="button"
                role="tab">Vendedores y peticiones</button>
        </li>
    </ul>

    <div class="tab-content">
        {{-- Clients of the page --}}
        <div class="tab-pane fade show active" id="usersTab" role="tabpanel">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Lista de clientes</h3>
                    </div>
                    <div class="card-body ">
                        <table class="table table-bordered table-hover">
                            <thead>
                                <tr>
                                    <th>Nombre</th>
                                    <th>Correo</th>
                                    <th>Verificado</th>
                                    <th>Tipo de cliente</th>
                                    <th>Fecha de creación</th>
                                </tr>
                            </thead>
                            <tbody id="user-table-container">
                                @foreach ($users as $user)
                                    <tr data-widget="expandable-table" aria-expanded="false" class="row-loading">
                                        <td>{{ $user->display_name }}</td>
                                        <td>{{ $user->email }}</td>
                                        @if ($user->email_verified_at == '')
                                            <td>Sin verificar</td>
                                        @else
                                            <td>{{ $user->email_verified_at }}</td>
                                        @endif
                                        @if ($user->profile)
                                            <td>{{ $user->profile->profile_name }}</td>
                                        @endif
                                        <td>{{ $user->created_at }}</td>
                                    </tr>
                                    <tr class="expandable-body row-loading">
                                        <td colspan="5">
                                            <div class="d-flex mx-auto">
                                                <a href="" class="btn btn-warning credit-user"
                                                    data-user-id="{{ $user->id }}"
                                                    data-user-name="{{ $user->display_name }}"
                                                    data-user-credit="{{ $user->profile->id }}">
                                                    @if ($user->profile->id === 2)
                                                        Quitar cliente con credito
                                                    @else
                                                        Agregar cliente con credito
                                                    @endif
                                                </a>
                                                <form id="creditUser_{{ $user->id }}"
                                                    action="{{ route('creditUser', ['id' => $user->id, 'credit' => $user->profile->id]) }}"
                                                    method="POST">
                                                    @csrf
                                                </form>
                                                <a href="" class="btn btn-danger dropClient"
                                                    data-user-id="{{ $user->id }}"
                                                    data-user-name="{{ $user->display_name }}">Borrar
                                                    cliente
                                                </a>
                                                <form id="dropUser_{{ $user->id }}"
                                                    action="{{ route('dropUser', $user->id) }}" method="POST">
                                                    @csrf
                                                    @method('DELETE')
                                                </form>
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                                @forelse($users as $user)
                                @empty
                                    <tr>
                                        <td class="bg-secondary" colspan="5" align="center">Sin clientes</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                    <div class="container d-flex justify-content-center">
                        {{ $users->links() }}
                    </div>
                </div>
            </div>
        </div>
        {{-- Team --}}
        <div class="tab-pane fade" id="teamTab" role="tabpanel">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Lista de Administradores</h3>
                    </div>
                    <div class="col-sm mt-3 px-4"><a href="{{ Route('addAdmin') }}" class="btn btn-success px-4">Agregar
                            nuevo
                            administrador</a></div>
                    <div class="card-body ">
                        <table class="table table-bordered table-hover">
                            <thead>
                                <tr>
                                    <th style="width: 15%; align-items:center;">Imagen</th>
                                    <th>Nombre de usuario</th>
                                    <th>Correo</th>
                                    <th>Estado</th>
                                    <th>Verificado</th>
                                    <th>Rol</th>
                                    <th>Fecha de creación</th>
                                </tr>
                            </thead>
                            <tbody>
                                {{-- First the logged user --}}
                                <tr class="bg-secondary row-loading">
                                    <td class="text-center">
                                        @if (file_exists('uploads/profile/' . Auth::guard('admin')->user()->profile_image) &&
                                                Auth::guard('admin')->user()->profile_image)
                                            <img src="{{ Asset('uploads/profile/' . Auth::guard('admin')->user()->profile_image) }}"
                                                class="img-fluid rounded align-middle p-1 border" alt="Sin imagen"
                                                width="50%" height="50%">
                                        @else
                                            <img src="{{ Asset('assets/carrito.png') }}" alt="Image"
                                                class="img-fluid rounded align-middle p-1 border" alt="Sin imagen"
                                                width="50%" height="50%">
                                        @endif
                                    </td>
                                    <td>{{ Auth::guard('admin')->user()->display_name }}</td>
                                    <td>{{ Auth::guard('admin')->user()->email }}</td>
                                    @if (Auth::guard('admin')->user()->status = 1)
                                        <td>Activo</td>
                                    @else
                                        <td>Desactivado</td>
                                    @endif
                                    @if (Auth::guard('admin')->user()->email_verified_at == '')
                                        <td>Sin verificar</td>
                                    @else
                                        <td>{{ Auth::guard('admin')->user()->email_verified_at }}</td>
                                    @endif
                                    <td>{{ Auth::guard('admin')->user()->role->role_name }}</td>
                                    <td> {{ Auth::guard('admin')->user()->created_at }}</td>
                                </tr>

                                {{-- Rest of the users --}}
                                @forelse($teams as $team)
                                    <tr {{-- Validate to put off the actions to the same role --}}
                                        @if (Auth::guard('admin')->user()->iam_roles_id == $team->iam_roles_id) @else data-widget="expandable-table" aria-expanded="false" @endif
                                        class="row-loading">
                                        <td class="text-center">
                                            @if (file_exists('uploads/profile/' . $team->profile_image) && $team->profile_image != null)
                                                <img src="{{ Asset('uploads/profile/' . $team->profile_image) }}"
                                                    class="img-fluid rounded align-middle p-1 border" alt="Sin imagen"
                                                    width="50%" height="50%">
                                            @else
                                                <img src="{{ Asset('assets/carrito.png') }}"
                                                    class="img-fluid rounded align-middle p-1 border" alt="Sin imagen"
                                                    width="50%" height="50%">
                                            @endif
                                        </td>
                                        <td>{{ $team->display_name }}</td>
                                        <td>{{ $team->email }}</td>
                                        @if ($team->status == 1)
                                            <td>Activo</td>
                                        @else
                                            <td>Desactivado</td>
                                        @endif
                                        @if ($team->email_verified_at == '')
                                            <td>Sin verificar</td>
                                        @else
                                            <td>{{ $team->email_verified_at }}</td>
                                        @endif
                                        <td>{{ $team->role->role_name }}</td>
                                        <td>{{ $team->created_at }}</td>
                                    </tr>
                                    {{-- Validate to put off the actions to the same role --}}
                                    @if (Auth::guard('admin')->user()->iam_roles_id == $team->iam_roles_id)
                                    @else
                                        <tr class="expandable-body row-loading">
                                            <td colspan="7" disabled>
                                                <div class="d-flex mx-auto justify-content-between">
                                                    <p class="mt-1">Acciones para: {{ $team->first_name }}
                                                        {{ $team->last_name }} </p>
                                                    <div class="row p-1">
                                                        <a href="{{ Route('modAdmin', $team->id) }}"
                                                            class="btn btn-warning m-1">Modificar</a>
                                                        <a href="" class="btn btn-danger dropTeam m-1"
                                                            data-team-id="{{ $team->id }}"
                                                            data-team-name="{{ $team->display_name }}">Borrar</a>
                                                        <form id="dropAdmin_{{ $team->id }}"
                                                            action="{{ route('dropTeam', $team->id) }}" method="POST">
                                                            @csrf
                                                            @method('DELETE')
                                                        </form>

                                                        {{-- Set the status user --}}
                                                        {{-- Exclusive options for admin or manager --}}
                                                        @if (Auth::guard('admin')->user()->iam_roles_id === 4 || Auth::guard('admin')->user()->iam_roles_id === 1)
                                                            <a href="" class="btn btn-primary statusTeam m-1"
                                                                data-team-id="{{ $team->id }}"
                                                                data-team-name="{{ $team->display_name }}"
                                                                @if ($team->status == 1) data-team-status="1">
                                                                Desabilitar usuario
                                                            @else
                                                            data-team-status="0">
                                                                Habilitar usuario @endif
                                                                </a>
                                                                <form id="disableAdmin_{{ $team->id }}"
                                                                    action="{{ Route('statusTeam', ['id' => $team->id, 'status' => $team->status]) }}"
                                                                    method="POST">
                                                                    @csrf
                                                                </form>
                                                                <a href="" class="btn btn-primary recoveryTeam m-1"
                                                                    data-team-id="{{ $team->id }}"
                                                                    data-team-name="{{ $team->display_name }}">
                                                                    Recuperar usuario
                                                                </a>
                                                                <form id="recoveryAdmin_{{ $team->id }}"
                                                                    action="{{ Route('sendRecoveryAccess') }}"
                                                                    method="POST">
                                                                    @csrf
                                                                    <input type="hidden" name="teamId"
                                                                        value="{{ $team->id }}">
                                                                </form>
                                                        @endif
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                    @endif
                                @empty
                                    <tr>
                                        <td class="bg-secondary" colspan="7" align="center">Sin usuarios</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        {{-- Clients with service but just information fast --}}
        <div class="tab-pane fade" id="servicesTab" role="tabpanel">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title mt-2">Lista de clientes con servicio</h3>
                        <a href=" {{ Route('listServices') }}" class="btn"> <i
                                class="bi bi-arrow-90deg-left border"></i>Ir a apartado de servicios</a>
                    </div>
                    <div class="card-body ">
                        <table class="table table-bordered table-hover">
                            <thead>
                                <tr>
                                    <th>Nombre</th>
                                    <th>Correo</th>
                                    <th>Empresa</th>
                                    <th>Reclamó mes de prueba</th>
                                    <th>Fecha de creación</th>
                                </tr>
                            </thead>
                            <tbody id="user-table-container">
                                @forelse ($services as $service)
                                    <tr data-widget="expandable-table" aria-expanded="false" class="row-loading">
                                        <td>{{ $service->user->display_name }}</td>
                                        <td>{{ $service->user->email }}</td>
                                        <td>{{ $service->service_name }}</td>
                                        <td>{{ $service->user->claimed_month == true ? 'Reclamado' : 'No reclamado' }}</td>
                                        <td>{{ $user->created_at }}</td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td class="bg-secondary" colspan="5" align="center">Sin clientes</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                    <div class="container d-flex justify-content-center">
                        {{ $users->links() }}
                    </div>
                </div>
            </div>
        </div>
        {{-- Vendors and request to convert in vendor --}}
        <div class="tab-pane fade" id="vendorsTab" role="tabpanel">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Lista de vendedores</h3>
                    </div>
                    <div class="card-body ">
                        <table class="table table-bordered table-hover">
                            <thead>
                                <tr>
                                    <th>Nombre</th>
                                    <th>Correo</th>
                                    <th>Nombre de vendedor</th>
                                    <th>Usuario activado</th>
                                    <th>Pendiente de revisión</th>
                                </tr>
                            </thead>
                            <tbody id="user-table-container">
                                @forelse ($vendors as $vendor)
                                    <tr data-widget="expandable-table" aria-expanded="false" class="row-loading">
                                        <td>{{ $vendor->user->display_name }}</td>
                                        <td>{{ $vendor->user->email }}</td>
                                        <td>{{ $vendor->display_name }}</td>
                                        <td>
                                            @if ($vendor->active_user)
                                                <i class="bi bi-check"></i>
                                            @endif
                                        </td>
                                        <td>
                                            @if (!$vendor->publish_products_directly)
                                                <i class="bi bi-check"></i>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr class="expandable-body row-loading">
                                        <td colspan="5">
                                            <div class="d-flex mx-auto gap-3">
                                                <a href="{{ Route('checkVendor', $vendor->id) }}" class="btn" target="_BLANK">
                                                    Ver detalles del vendedor
                                                </a>
                                                @if (!$vendor->publish_products_directly || !$vendor->active_user)
                                                    <a href="{{ Route('changeClientStatus', $vendor->id) }}"
                                                        class="btn btn-info">
                                                        Publicar vendedor
                                                    </a>
                                                @endif
                                            </div>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td class="bg-secondary" colspan="5" align="center">Sin clientes</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                    <div class="container d-flex justify-content-center">
                        {{ $users->links() }}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('js')
    @vite('resources/js/users/listUsers.js')
@endsection