@extends('layouts.admin')

@section('content')

<div class="container">
    <div class="row">

        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin.index') }}">Inicio</a></li>
                <li class="breadcrumb-item"><a href="{{ route('admin.tools.index') }}">Herramientas Administrativas</a></li>
                <li class="breadcrumb-item active" aria-current="page">Usuarios Administradores</li>
            </ol>
        </nav>

        @if (session('status'))
			<div class="col-12 alert alert-success mb-5">
				{{ session('status') }}
			</div>
		@endif


        @if(auth()->user()->root )
            <h2 class="destacado mb-5">Listado de usuarios administradores </h2>

            <div class="row">
                <div class="col-12">
                    <div class="form-error bg-danger" style="display:none">
                        <div class="col-10 ">
                            <p>(*) Los campos de fecha ingreso y fecha de respuesta fueron obtenidos según la hora de Chile continental.</p>
                        </div>
                    </div>

                    <form name="buscarEventosSistema" id="buscarEventosSistema" method="GET" action="{{ route('admin.tools.usuarios-administrador.index') }}" role="form">
                        <div class="row">
                            <div class="col">
                                <label for="fecha_inicio" class="form-label">Fecha Inicio</label>
                                <input type="date" id="fecha_inicio" class="form-control" name="fecha_inicio" value="{{ request('fecha_inicio', $fechaInicio) }}" required/>
                            </div>
                            <div class="col">
                                <label for="fecha_termino" class="form-label">Fecha Término</label>
                                <input type="date" id="fecha_termino" class="form-control" name="fecha_termino" value="{{ request('fecha_termino', $fechaTermino) }}" required/>
                            </div>
                        </div>

                        <div class="row mt-3">
                            <div class="col-12 text-right">
                                <button type="submit" class="btn btn-primary">Buscar</button>
                                <a href="{{ route('admin.tools.usuarios-administrador.index') }}" class="btn btn-light">Limpiar todo</a>
                            </div>
                        </div>

                        @if($pertenencias->isEmpty() && $fechaInicio)
                            <hr>
                            <h5>No hay registros en el período consultado.</h5>
                        @elseif($pertenencias->isNotEmpty())
                            <hr>
                            <div class="row align-items-center">
                                <div class="col-12 col-lg-6">
                                    <div class="input-group mb-2">
                                        <input type="text" name="search" id="input-search" value="{{ request('search') }}" class="form-control" placeholder="Buscar por Nombre o Rut/Pasaporte">
                                        <button type="submit" class="btn btn-outline-primary">Buscar</button>

                                        <button type="button" class="btn btn-outline-secondary" onclick="document.getElementById('input-search').value=''; this.form.submit();">Limpiar</button>
                                    </div>
                                </div>
                                <div class="col-12 col-lg-6 text-right">
                                    <button type="submit" name="action" value="Exportar a Excel" class="btn btn-success">
                                        Exportar a Excel
                                    </button>
                                </div>
                            </div>
                        @endif
                    </form>


                    @if($pertenencias->isNotEmpty())

                    <div class="row donativos-table">
                        <div class="col-12 table_movil">
                            <table class="table table-striped mt-1">
                                <thead class="table-dark">
                                    <tr>
                                        <th scope="col">Pasaporte</th>
                                        <th scope="col">Nombre</th>
                                        <th scope="col">Fecha inicio</th>
                                        <th scope="col">Fecha término</th>
                                        <th scope="col">Institucion</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($pertenencias as $pertenencia)
                                    <tr>
                                        <td>{{ $pertenencia->usuario->pasaporte ?? '--' }}</td>
                                        <td>{{ ($pertenencia->usuario->nombres ?? '') . ' ' . ($pertenencia->usuario->apellidos ?? '') }}</td>
                                        <td>{{ $pertenencia->fecha_inicio }}</td>
                                        <td>{{ $pertenencia->fecha_termino ?? '--' }}</td>
                                        <td>{{ $pertenencia->institucion->nombre ?? '--' }}</td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                            
                            <div class="mt-3">
                                @if(method_exists($pertenencias, 'links'))
                                    {{ $pertenencias->links() }}
                                @endif
                            </div>
                        </div>
                    </div>

                    @endif
                </div>
            </div>
        @endif

    </div>
</div>

@endsection