@extends('layouts.theme_selector')

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

        <div class="card {{ session('dark_theme_card') }}">

          <div class="card-header lead">ABM Perfiles</div>

          <div class="card-body {{ session('dark_theme_bg_black') }}">
            <div class="container p-1">

              <form class="form" action="{{ route('BuscarUsuario') }}" method="post">
                @csrf

                <div class="row justify-content-center">
                  <div class="col-sm col-md-6 input-group">
                    <div class="input-group-prepend">
                      <span class="input-group-text {{ session('dark_theme_bg_dark') }}" id="label_input_user">Email</span>
                    </div>
                    <input type="text" class="form-control {{ session('dark_theme_bg_black') }}" name="email" value="{{ old('email') ?? '' }}" placeholder="" aria-label="Email" aria-describedby="label_input_user" required>
                    <div class="input-group-append">
                      <button type="submit" class="btn btn-outline-primary">Buscar</button>
                    </div>
                  </div>
                </div>

              </form>

              <br>

              @if (session('perfil_buscado'))
                <div class="row my-3">
                  <div class="overflow-auto">
                    <table class="table table-sm table-borderless {{session('dark_theme_table')}}">
                      <thead class="text-center table-secondary">
                        <tr class="text-center">
                          <th>ID</th>
                          <th>Nombre</th>
                          <th>Email</th>
                          <th>Accesos</th>
                          {{-- <th class="col-6">Acciones</th> --}}
                        </tr>
                      </thead>
                      <tbody>

                        <tr class="text-center">
                          <td>{{ session('perfil_buscado')[0]->id    }}</td>
                          <td>{{ session('perfil_buscado')[0]->name  }}</td>
                          <td>{{ session('perfil_buscado')[0]->email }}</td>
                          <td>{{ session('perfil_buscado')[0]->sector}}</td>
                          <td>
                          </td>
                        </tr>

                        @foreach(session('perfil_buscado') as $index => $perfil)
                          @if($index > 0)
                            <tr class="text-center">
                              <td></td>
                              <td></td>
                              <td></td>
                              <td>{{ $perfil->sector }}</td>
                              {{-- <td></td> --}}
                            </tr>
                          @endif
                        @endforeach

                      </tbody>
                    </table>
                  </div>

                </div>
              @endif

              @if ($errors->any())
                <div class="row justify-content-center">
                  <div class="col-6 alert alert-danger alert-dismissible fade show" role="alert">
                    {{ $errors->first() }}
                    <button type="submit" class="close" data-bs-dismiss="alert" aria-label="Close">
                      <span aria-hidden="true">&times;</span>
                    </button>
                  </div>
                </div>
              @endif

            </div>
          </div>

        </div>

      </div>
    </div>
  </div>
@endsection