@extends('layouts.theme_selector')

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

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

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

          <div class="card-header py-3 border-0 d-flex align-items-center"
            style="background: var(--sp-brand-blue) !important;">
            <a href="{{ Route('JerarquiaMenu') }}"
              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">Auditar Productor</h5>
              <small class="text-white opacity-75">
                {{ $productor->nombre }} {{ $productor->apellido }}
                @if($productor->cuenta) &mdash; {{ $productor->cuenta }} @endif
              </small>
            </div>
          </div>

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

              {{-- Tabs --}}
              <ul class="nav nav-tabs mb-0 px-1" id="productorTabs" role="tablist">
                <li class="nav-item" role="presentation">
                  <button class="nav-link active fw-semibold" id="datos-tab" data-bs-toggle="tab" data-bs-target="#datos"
                    type="button" role="tab">
                    <i class="bi bi-person me-1"></i> Datos Generales
                  </button>
                </li>
                <li class="nav-item" role="presentation">
                  <button class="nav-link fw-semibold" id="domicilio-tab" data-bs-toggle="tab" data-bs-target="#domicilio"
                    type="button" role="tab">
                    <i class="bi bi-geo-alt me-1"></i> Domicilio
                  </button>
                </li>
                <li class="nav-item" role="presentation">
                  <button class="nav-link fw-semibold" id="perfil-tab" data-bs-toggle="tab" data-bs-target="#perfil"
                    type="button" role="tab">
                    <i class="bi bi-briefcase me-1"></i> Perfil
                  </button>
                </li>
                <li class="nav-item" role="presentation">
                  <button class="nav-link fw-semibold" id="comercial-tab" data-bs-toggle="tab" data-bs-target="#comercial"
                    type="button" role="tab">
                    <i class="bi bi-graph-up me-1"></i> Comercial
                  </button>
                </li>
                <li class="nav-item" role="presentation">
                  <button class="nav-link fw-semibold" id="documentos-tab" data-bs-toggle="tab"
                    data-bs-target="#documentos" type="button" role="tab">
                    <i class="bi bi-file-earmark-text me-1"></i> Documentación
                  </button>
                </li>
              </ul>

              <div class="tab-content border-start border-end border-bottom p-3 p-md-4 rounded-bottom mb-4"
                id="productorTabsContent">
                <div class="tab-pane fade show active" id="datos" role="tabpanel" aria-labelledby="datos-tab">
                  @include('Jerarquia.Auditar.Form.Form_productor_datos')
                </div>
                <div class="tab-pane fade" id="domicilio" role="tabpanel" aria-labelledby="domicilio-tab">
                  @include('Jerarquia.Auditar.Form.Form_productor_domicilio')
                </div>
                <div class="tab-pane fade" id="perfil" role="tabpanel" aria-labelledby="perfil-tab">
                  @include('Jerarquia.Auditar.Form.Form_productor_perfil')
                </div>
                <div class="tab-pane fade" id="comercial" role="tabpanel" aria-labelledby="comercial-tab">
                  @include('Jerarquia.Auditar.Form.Form_productor_comercial')
                </div>
                <div class="tab-pane fade" id="documentos" role="tabpanel" aria-labelledby="documentos-tab">
                  @include('Jerarquia.Auditar.Form.Form_productor_documentos')
                </div>
              </div>

              {{-- Panel de estado y acciones --}}
              <div class="card border-0 bg-transparent">
                <div class="card-body">
                  <div class="row justify-content-center g-4">
                    <div class="col-12 col-md-8 col-lg-6">

                      <div class="text-center mb-3">
                        <span class="badge bg-secondary fs-6 px-3 py-2">
                          <i class="bi bi-qr-code me-1"></i>
                          Código Equis:
                          @if($productor->codigoProdEquis > 0)
                            <strong>{{ $productor->codigoProdEquis }}</strong>
                          @else
                            <em class="opacity-75">no asignado</em>
                          @endif
                        </span>
                      </div>

                      <div class="btn-group btn-group-lg w-100 shadow-sm mb-4" role="group">
                        <input type="radio" class="btn-check" name="activo" id="estado_off" value="off"
                          @if(old('activo') == 'off' or $productor->activo == null or $productor->activo <= '1' or $productor->activo == 'off') checked @endif autocomplete="off">
                        <label class="btn btn-outline-secondary py-3" for="estado_off">
                          <i class="bi bi-x-circle me-2"></i> DESACTIVADO
                        </label>

                        <input type="radio" class="btn-check" name="activo" id="estado_on" value="on"
                          @if(old('activo') == 'on' or $productor->activo == '2' or $productor->activo == 'on') checked @endif
                          autocomplete="off">
                        <label class="btn btn-outline-success py-3" for="estado_on">
                          <i class="bi bi-check-circle me-2"></i> ACTIVADO
                        </label>
                      </div>

                      <div class="row g-2">
                        <div
                          class="col-12 @if(isset($productor->codigoProdEquis) and $productor->codigoProdEquis != null and $email != null) col-sm-6 @endif">
                          <button type="submit" class="btn btn-primary btn-lg w-100 py-2">
                            <i class="bi bi-save me-2"></i> Guardar
                          </button>
                        </div>

                        @if(isset($productor->codigoProdEquis) and $productor->codigoProdEquis != null)
                          @if($email != null)
                            <div class="col-12 col-sm-6">
                              @php
                                $codigo = $productor->codigoProdEquis > 0
                                  ? $productor->codigoProdEquis
                                  : $productor->codigoOrganizador;
                              @endphp
                              <a class="btn btn-outline-warning btn-lg w-100 py-2"
                                href="{{ Route('ReenviarEmailAltaCodigo', ['codigo' => $codigo]) }}">
                                <i class="bi bi-envelope me-2"></i> Reenviar Email
                              </a>
                            </div>
                          @endif
                        @endif
                      </div>

                    </div>
                  </div>
                </div>
              </div>

              <input class="form-control" type="hidden" name="id" value="{{ $productor->id }}">
              <input class="form-control" type="hidden" name="idUser" value="{{ $idUser }}">
              <input class="form-control" type="hidden" name="codigoProdEquis" value="{{ $productor->codigoProdEquis }}">

            </form>

            @if(isset($productor->oculto) && $productor->oculto == 1)
              <div class="border-top pt-4 mt-4">
                <div class="row justify-content-center">
                  <div class="col-12 col-md-8 col-lg-6">
                    <form action="{{ route('RestaurarRegistro') }}" method="POST">
                      @csrf
                      <input type="hidden" name="database" value="productor">
                      <input type="hidden" name="productor_id" value="{{ $productor->id }}">
                      <button class="btn btn-outline-success btn-lg w-100 py-2" type="submit"
                        onclick="return confirm('¿Confirma que desea restaurar este registro?')">
                        <i class="bi bi-arrow-counterclockwise me-2"></i> Restaurar Registro Oculto
                      </button>
                    </form>
                  </div>
                </div>
              </div>
            @endif

          </div>
        </div>

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

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

    .nav-tabs .nav-link {
      transition: all .2s;
    }

    .nav-tabs .nav-link.active {
      font-weight: 600;
    }
  </style>
@endpush