@extends('layouts.theme_selector')

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

        @include('layouts.alerts.error')
        @include('layouts.alerts.success')

        <div class="card glass-card border-0 shadow-lg mb-4">

          <div class="card-header py-3 border-0 d-flex align-items-center"
            style="background: var(--sp-brand-blue) !important;">
            <a href="{{ url()->previous() }}"
              class="btn btn-sm glass-brand-red rounded-circle me-3 shadow-sm border-0 d-flex align-items-center justify-content-center"
              style="width:35px;height:35px;">
              <i class="bi bi-chevron-left text-white"></i>
            </a>
            <div>
              <h5 class="mb-0 fw-bold shadow-text text-white">Perfiles Jerárquicos Masivos</h5>
              <small class="text-white opacity-75">Gestión de permisos y ejecutivos por código</small>
            </div>
          </div>

          <div class="card-body px-4 py-4">

            <div class="alert alert-info small mb-4">
              <i class="bi bi-info-circle me-1"></i>
              Ingrese códigos Equis (PAS, ORG o AG), separados por: <code>.</code> <code>,</code> <code>-</code>
              <code>*</code> &nbsp;·&nbsp;
              Ej: <code>1111.2222,3333</code>
            </div>

            {{-- Revisión de Permisos --}}
            <h6 class="fw-semibold theme-content-title mb-3">
              <i class="bi bi-search me-2 text-primary"></i> Revisión de Permisos
            </h6>
            <form action="{{ route('BuscarPermisosPasPortal') }}" method="post" class="mb-2">
              @csrf
              <div class="row g-2 align-items-center">
                <div class="col-md-8">
                  <input class="form-control" type="text" name="pas_codigos" placeholder="Códigos cortos separados...">
                </div>
                <div class="col-md-4">
                  <button class="btn btn-outline-primary w-100" type="submit">
                    <i class="bi bi-search me-1"></i> Buscar
                  </button>
                </div>
              </div>
            </form>

            @if(session('permisos') != null)
              <div class="table-responsive mt-3 mb-4">
                <table class="table table-sm table-hover align-middle">
                  <thead class="table-dark">
                    <tr>
                      <th>Código</th>
                      <th>Módulos</th>
                      <th>Desde</th>
                      <th></th>
                    </tr>
                  </thead>
                  <tbody>
                    @foreach(session('permisos') as $permiso)
                      <tr>
                        <td><span class="badge bg-primary">{{ $permiso->codigoProdEquis }}</span></td>
                        <td>{{ $permiso->id_modulo == 1 ? 'Búsqueda Póliza' : '—' }}</td>
                        <td class="text-muted small">{{ \Carbon\Carbon::parse($permiso->created_at)->format('d/m/Y') }}</td>
                        <td>
                          <a class="btn btn-sm btn-outline-danger"
                            href="{{ route('QuitarPermisosPasPortal', ['pas_codigo' => $permiso->codigoProdEquis]) }}">
                            <i class="bi bi-trash me-1"></i> Quitar
                          </a>
                        </td>
                      </tr>
                    @endforeach
                  </tbody>
                </table>
              </div>
            @endif

            <hr class="opacity-25 my-4">

            {{-- Edición Masiva --}}
            <h6 class="fw-semibold theme-content-title mb-3">
              <i class="bi bi-pencil-square me-2 text-warning"></i> Edición de Perfiles Masivos
            </h6>
            <form action="{{ route('EditarCodigosMasivo') }}" method="post">
              @csrf
              <div class="row g-3">
                <div class="col-12">
                  <input type="text" value="{{ old('cambio_masivo') }}" class="form-control"
                    placeholder="Códigos cortos separados..." name="cambio_masivo">
                </div>
                <div class="col-md-6">
                  <label class="form-label small fw-semibold">Ejecutivo Comercial</label>
                  <select name="ejecutivo_cuenta" class="form-select">
                    <option value="">Sin cambios</option>
                    @foreach($ejecutivos as $ejecutivo)
                      <option @if(old('ejecutivo_cuenta') == $ejecutivo->id) selected @endif value="{{ $ejecutivo->id }}">
                        {{ $ejecutivo->nombreEjecutivo }}
                      </option>
                    @endforeach
                  </select>
                </div>
                <div class="col-md-6">
                  <label class="form-label small fw-semibold">Búsqueda de Póliza</label>
                  <select name="busqueda_poliza" class="form-select">
                    <option value="">Sin cambios</option>
                    <option value="on">Sí</option>
                    <option value="off">No</option>
                  </select>
                </div>
                <div class="col-12 text-center mt-2">
                  <button class="btn btn-primary px-5" type="submit">
                    <i class="bi bi-save me-1"></i> Guardar Cambios
                  </button>
                </div>
              </div>
            </form>

          </div>
        </div>

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