@extends('layouts.theme_selector')

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

          <div class="card-header lead">
            <a href="{{ url()->previous() }}" class="text-decoration-none text-primary mr-2">
              <i class="bi bi-caret-left"></i>
            </a>
            ABM Perfiles
          </div>

          <div class="card-body {{ session('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">
                      <select name="criterio" class="form-select {{session('theme_select_dark')}} " id="inputGroupSelect01">
                        <option value="email" selected autofocus>Email</option>
                        <option value="name">Nombre</option>
                      </select>
                    </div>
                    <input type="text" class="form-control {{ session('theme_bg_black') }} text-center" name="input" value="{{ old('input') ?? '' }}" placeholder="Escriba aqui..." aria-label="input" aria-describedby="label_input_user" required autofocus>
                    <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">

                    @php($esAdmin = session('perfil_buscado')['admin'] == 1 ? true : false )

                    <table class="table table-sm table-borderless {{session('theme_table')}}">
                      <thead class="text-center table-secondary">
                        <tr class="text-center">
                          <th class="col-1">ID</th>
                          <th class="col-2">Nombre</th>
                          <th class="col-3">Email</th>
                          <th class="col-2">Admin</th>
                          <th class="col-4" colspan="2">Accesos</th>
                        </tr>
                      </thead>

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

                      <tbody>
                        <tr class="text-center">
                          <td>{{ session('perfil_buscado')['id']     }}</td>
                          <td>{{ session('perfil_buscado')['nombre'] }}</td>
                          <td>{{ session('perfil_buscado')['email']  }}</td>
                          <td>@if($esAdmin) {{ 'Si' }} @else {{ 'No' }} @endif</td>
                          <td class="col-2">{{ session('perfil_buscado')['sectores'][0] ?? '' }}</td>
                          <td>
                            <input type="hidden" name="user_id" value="{{ session('perfil_buscado')['id'] }}">
                            @if (session('perfil_buscado')['sectores'] != null)
                              <button class="btn btn-sm btn-outline-danger" type="submit" name="sector" value="{{ session('perfil_buscado')['sectores'][0] }}">Quitar</button>
                            @endif
                          </td>
                        </tr>

                        @if (session('perfil_buscado')['sectores'] != null)
                          @foreach (session('perfil_buscado')['sectores'] as $index => $perfil)
                            @if ($index > 0 and $perfil != null)
                              <tr class="text-center">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td>{{ $perfil }}</td>
                                <td>
                                  <button class="btn btn-sm btn-outline-danger" type="submit" name="sector" value="{{ $perfil }}">Quitar</button>
                                </td>
                              </tr>
                            @endif
                          @endforeach
                        @endif

                        </form>

                        @if (!$esAdmin)
                        <tr class="text-center">
                          <td></td>
                          <td></td>
                          <td></td>
                          <td></td>
                          <td class="col-4">
                            <form class="form" action="{{route('DarAccesoUsuario')}}" method="post">
                              @csrf
                              <div class="selectSectorWrapper">
                                <select multiple size="{{count(session('sectores'))}}" name="sectores[]" class="selectSector form-select {{session('theme_select_dark')}} col-sm-6 mx-auto my-2" aria-label=".form-select-lg example" hidden>
                                  @foreach(session('sectores') as $sector)
                                    <option value="{{$sector->id}}"
                                      @if (session('perfil_buscado')['sectores'] != null)
                                        @if (in_array($sector->nombre, session('perfil_buscado')['sectores'])) disabled @endif
                                      @endif
                                       >{{$sector->nombre}}</option>
                                  @endforeach
                                </select>
                              </div>
                              <input type="hidden" name="user_id" value="{{session('perfil_buscado')['id']}}">
                              <div class="btn btn-sm btn-outline-success btnAgregar">
                                Agregar
                              </div>
                              <button type="submit" class="btn btn-sm btn-outline-success btnConfirmar" hidden>
                                Confirmar
                              </button>
                            </form>
                          </td>
                          <td></td>
                        </tr>
                        @endif

                      </tbody>
                    </table>

                  </div>
                </div>
              @endif

              @include('layouts.alerts.error')

              @include('layouts.alerts.success')

            </div>
          </div>

        </div>

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

@push('scripts')
  <script type="text/javascript">
    $(".btnAgregar").click(function() {
      $(".selectSector").removeAttr('hidden');
      $(".btnConfirmar").removeAttr('hidden');
      $(".btnAgregar").hide();
    });
  </script>
@endpush