@extends('layouts.theme_selector')

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

        @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">Alta de Agencia</h5>
              <small class="text-white opacity-75">Nuevo registro de agencia</small>
            </div>
          </div>

          <div class="card-body p-3 p-md-4">
            <form method="POST" id="mainForm" enctype="multipart/form-data" action="{{ route('GuardarAgencia') }}">
              @csrf

              @include('Jerarquia.Altas.Form_agencia')

              <hr class="col-md-6 mx-auto opacity-25">

              <div class="form-group col-md-6">
                <label class="form-label fw-semibold" for="idProductor">Productor asociado</label>
                <select id="idProductor" name="idProductor"
                  class="form-select @error('idProductor') is-invalid @enderror">
                  <option value="" @if(old('idProductor') == null || $agencia->idProductor == null) selected @endif disabled>
                    Seleccione...
                  </option>
                  @foreach($productores as $productor)
                    <option value="{{ $productor->id }}" @if((old('idProductor') != null && old('idProductor') == $productor->id) || $agencia->idProductor == $productor->id) selected @endif>
                      {{ $productor->codigoProdEquis . ' - ' . $productor->nombre . ' ' . $productor->apellido }}
                    </option>
                  @endforeach
                </select>
              </div>

              <div class="text-center mt-4">
                <hr class="col-md-6 mx-auto mb-4 opacity-25">
                <button type="submit" class="btn btn-primary btn-lg px-5">
                  <i class="bi bi-save me-2"></i> Guardar Agencia
                </button>
              </div>

            </form>
          </div>

        </div>

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

@push('styles')
  <style>
    .incompleto {
      border-color: red;
    }
  </style>
@endpush