@extends('layouts.app')

@section('titulo', 'Configuración')

@section('contenido')
  <form method="post" action="{{ route('configuracion.update') }}" enctype="multipart/form-data">
    @csrf @method('PUT')

    <div class="topbar">
      <div>
        <div class="eyebrow">Administración</div>
        <h2>Configuración</h2>
      </div>
      <button type="submit" class="btn-gold">💾 Guardar cambios</button>
    </div>

    @include('partials.alertas')

    <div class="grid-2" style="align-items:start;">
      <div class="card-block" style="margin-bottom:0;">
        <h3><span class="idx">1</span> Datos de la empresa</h3>
        <div class="field-sm">
          <label for="empresa_nombre">Razón social *</label>
          <input type="text" id="empresa_nombre" name="empresa_nombre" value="{{ old('empresa_nombre', $empresa->nombre) }}" maxlength="150" required>
        </div>
        <div class="grid-2">
          <div class="field-sm">
            <label for="empresa_ruc">RUC</label>
            <input type="text" id="empresa_ruc" name="empresa_ruc" value="{{ old('empresa_ruc', $empresa->ruc) }}" maxlength="11" inputmode="numeric" pattern="\d{11}" title="11 dígitos numéricos">
          </div>
          <div class="field-sm">
            <label for="empresa_telefono">Teléfono</label>
            <input type="text" id="empresa_telefono" name="empresa_telefono" value="{{ old('empresa_telefono', $config['empresa_telefono']) }}" maxlength="20">
          </div>
        </div>
        <div class="field-sm">
          <label for="empresa_correo">Correo electrónico</label>
          <input type="email" id="empresa_correo" name="empresa_correo" value="{{ old('empresa_correo', $config['empresa_correo']) }}" maxlength="120">
        </div>
        <div class="field-sm">
          <label for="empresa_direccion">Dirección</label>
          <input type="text" id="empresa_direccion" name="empresa_direccion" value="{{ old('empresa_direccion', $config['empresa_direccion']) }}" maxlength="200">
        </div>
        <div class="field-sm" style="margin-bottom:0;">
          <label for="logo">Logo</label>
          <div class="caja-logo">
            @if ($config['logo'] !== '')
              <img src="{{ route('archivos.logo') }}?v={{ $config['logo'] }}" alt="Logo de {{ $empresa->nombre }}">
              <label class="check-linea" style="color:var(--red);">
                <input type="checkbox" name="quitar_logo" value="1"> Quitar logo
              </label>
            @else
              <span class="sin-dato">Sin logo: en el documento se muestra la razón social.</span>
            @endif
          </div>
          <input type="file" id="logo" name="logo" accept="image/png,image/jpeg,image/gif,image/webp" style="padding:8px; margin-top:8px;">
          <div class="ayuda">Aparece en la pantalla de inicio de sesión y en el documento impreso. JPG, PNG, GIF o WebP, máximo 2 MB.</div>
        </div>
      </div>

      <div class="card-block" style="margin-bottom:0;">
        <h3><span class="idx">2</span> Parámetros de cotización</h3>
        <div class="grid-2">
          <div class="field-sm">
            <label for="prefijo_folio">Prefijo de folio</label>
            <input type="text" id="prefijo_folio" name="prefijo_folio" value="{{ old('prefijo_folio', $config['prefijo_folio']) }}" maxlength="8" pattern="[A-Za-z0-9]{2,8}" style="text-transform:uppercase;">
          </div>
          <div class="field-sm">
            <label>Folio siguiente</label>
            <input type="text" value="{{ $folioSiguiente }}" disabled>
          </div>
          <div class="field-sm">
            <label for="vigencia_dias">Vigencia por defecto (días)</label>
            <input type="number" id="vigencia_dias" name="vigencia_dias" value="{{ old('vigencia_dias', $config['vigencia_dias']) }}" min="1" step="1" required>
          </div>
          <div class="field-sm">
            <label for="igv_porcentaje">IGV %</label>
            <input type="number" id="igv_porcentaje" name="igv_porcentaje" value="{{ old('igv_porcentaje', $config['igv_porcentaje']) }}" min="0" max="100" step="0.01" required>
          </div>
          <div class="field-sm">
            <label for="moneda_defecto">Moneda por defecto</label>
            <select id="moneda_defecto" name="moneda_defecto">
              @foreach (\App\Support\Moneda::cases() as $moneda)
              <option value="{{ $moneda->value }}" @selected(old('moneda_defecto', $config['moneda_defecto']) === $moneda->value)>{{ $moneda->nombre() }} ({{ $moneda->simbolo() }})</option>
              @endforeach
            </select>
          </div>
          <div class="field-sm">
            <label for="margen_defecto">Margen por defecto %</label>
            <input type="number" id="margen_defecto" name="margen_defecto" value="{{ old('margen_defecto', $config['margen_defecto']) }}" min="0" step="0.01">
          </div>
        </div>
        <div class="field-sm" style="margin-bottom:0;">
          <label for="tipo_cambio">Tipo de cambio referencial (S/ por US$)</label>
          <input type="number" id="tipo_cambio" name="tipo_cambio" value="{{ old('tipo_cambio', $config['tipo_cambio']) }}" min="0" step="0.001" placeholder="Ej. 3.75 (opcional)">
        </div>
      </div>
    </div>

    <div class="card-block" style="margin-top:20px;">
      <h3><span class="idx">3</span> Impresión y condiciones</h3>
      <div class="field-sm">
        <label for="condiciones">Condiciones comerciales (aparecen en el documento impreso)</label>
        <textarea id="condiciones" name="condiciones" rows="4" placeholder="Ej. Precios incluyen IGV. Entrega según disponibilidad de stock.">{{ old('condiciones', $config['condiciones']) }}</textarea>
      </div>
      <div class="field-sm">
        <label for="pie_pagina">Pie de página del documento</label>
        <input type="text" id="pie_pagina" name="pie_pagina" value="{{ old('pie_pagina', $config['pie_pagina']) }}" maxlength="200" placeholder="Si se deja vacío: «{{ $empresa->nombre }} — Documento generado por {{ config('app.name') }}.»">
      </div>
      <div class="field-sm" style="margin-bottom:0;">
        <label for="pie_imagenes">Imágenes del pie del documento</label>
        @if ($imagenesPie)
        <div class="imagenes-pie">
          @foreach ($imagenesPie as $imagen)
          <div class="imagen-pie">
            <img src="{{ route('archivos.pie', $imagen) }}" alt="">
            <label class="check-linea" style="color:var(--red); justify-content:center;">
              <input type="checkbox" name="eliminar_imagen[]" value="{{ $imagen }}"> Eliminar
            </label>
          </div>
          @endforeach
        </div>
        @endif
        <input type="file" id="pie_imagenes" name="pie_imagenes[]" accept="image/png,image/jpeg,image/gif,image/webp" multiple style="padding:8px;">
        <div class="ayuda">Se muestran centradas al pie de cada cotización impresa (certificaciones, marcas, banners). JPG, PNG, GIF o WebP, máximo 2 MB cada una. Las marcadas con «Eliminar» se quitan al guardar.</div>
      </div>
    </div>

    <div class="form-actions">
      <button type="submit" class="btn-gold">Guardar cambios</button>
    </div>
    <div style="height:30px;"></div>
  </form>
@endsection