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

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

              @include('Jerarquia.Altas.Form_productor')

              <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 Productor
                </button>
              </div>

            </form>
          </div>

        </div>

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

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