@extends('layouts.app')
@section('title', $empresa->exists ? 'Editar empresa' : 'Nueva empresa')

@section('content')
    <div class="page-head"><h1>{{ $empresa->exists ? 'Editar empresa' : 'Nueva empresa' }}</h1></div>

    <div class="card">
        <div class="card-body">
            <form method="POST" action="{{ $empresa->exists ? route('empresas.update', $empresa) : route('empresas.store') }}" enctype="multipart/form-data">
                @csrf
                @if($empresa->exists) @method('PUT') @endif

                <h3 style="margin-top:0">Datos de la empresa</h3>
                <div class="form-grid">
                    <div class="field">
                        <label>RUC *</label>
                        <input name="ruc" value="{{ old('ruc', $empresa->ruc) }}" maxlength="11" required>
                        <span class="hint">11 dígitos. RUC 10 = persona natural, RUC 20 = persona jurídica.</span>
                    </div>
                    <div class="field">
                        <label>Razón social *</label>
                        <input name="razon_social" value="{{ old('razon_social', $empresa->razon_social) }}" required>
                    </div>
                    <div class="field">
                        <label>Nombre comercial</label>
                        <input name="nombre_comercial" value="{{ old('nombre_comercial', $empresa->nombre_comercial) }}">
                    </div>
                </div>

                <h3>Domicilio fiscal</h3>
                <div class="form-grid">
                    <div class="field">
                        <label>Dirección</label>
                        <input name="domicilio_fiscal" value="{{ old('domicilio_fiscal', $empresa->domicilio_fiscal) }}">
                    </div>
                    <div class="field">
                        <label>Ubigeo (INEI)</label>
                        <input name="ubigeo" value="{{ old('ubigeo', $empresa->ubigeo) }}" maxlength="6">
                        <span class="hint">6 dígitos, ej. 150101 (Lima).</span>
                    </div>
                    <div class="field">
                        <label>Urbanización</label>
                        <input name="urbanizacion" value="{{ old('urbanizacion', $empresa->urbanizacion) }}">
                    </div>
                    <div class="field">
                        <label>Departamento</label>
                        <input name="departamento" value="{{ old('departamento', $empresa->departamento) }}">
                    </div>
                    <div class="field">
                        <label>Provincia</label>
                        <input name="provincia" value="{{ old('provincia', $empresa->provincia) }}">
                    </div>
                    <div class="field">
                        <label>Distrito</label>
                        <input name="distrito" value="{{ old('distrito', $empresa->distrito) }}">
                    </div>
                </div>

                <h3>Credenciales SUNAT (SEE – Del Contribuyente)</h3>
                <div class="form-grid">
                    <div class="field">
                        <label>Usuario SOL</label>
                        <input name="sol_user" value="{{ old('sol_user', $empresa->sol_user) }}">
                        <span class="hint">En pruebas (BETA) suele ser MODDATOS.</span>
                    </div>
                    <div class="field">
                        <label>Clave SOL</label>
                        <input type="password" name="sol_pass" autocomplete="new-password"
                               placeholder="{{ $empresa->exists ? '•••••• (dejar en blanco para no cambiar)' : '' }}">
                        <span class="hint">Se guarda cifrada en la base de datos.</span>
                    </div>
                </div>

                <h3>Certificado digital</h3>
                <div class="form-grid">
                    <div class="field">
                        <label>Archivo del certificado</label>
                        <input type="file" name="certificado" accept=".pem,.pfx,.p12,.key">
                        <span class="hint">
                            Formatos: <strong>.pfx/.p12</strong> (con su contraseña) o <strong>.pem</strong> (llave + certificado).
                            @if($empresa->certificado_path)
                                <br>✅ Actual: <span class="mono">{{ $empresa->certificado_path }}</span> (deja vacío para conservarlo)
                            @endif
                        </span>
                    </div>
                    <div class="field">
                        <label>Contraseña del certificado (.pfx/.p12)</label>
                        <input type="password" name="certificado_password" autocomplete="new-password" placeholder="Solo si subes un .pfx/.p12">
                        <span class="hint">Se usa para leer el .pfx y se guarda cifrada.</span>
                    </div>
                </div>

                <h3>Configuración</h3>
                <div class="form-grid">
                    <div class="field">
                        <label>Ambiente</label>
                        <label style="display:flex;gap:8px;align-items:center;font-weight:400">
                            <input type="checkbox" name="produccion" value="1" style="width:auto" @checked(old('produccion', $empresa->produccion)) >
                            Producción (desmarcado = BETA/pruebas)
                        </label>
                    </div>
                    <div class="field">
                        <label>Estado</label>
                        <label style="display:flex;gap:8px;align-items:center;font-weight:400">
                            <input type="checkbox" name="activo" value="1" style="width:auto" @checked(old('activo', $empresa->activo ?? true)) >
                            Activa
                        </label>
                    </div>
                </div>

                <div class="form-actions">
                    <button class="btn btn-primary">Guardar</button>
                    <a href="{{ route('empresas.index') }}" class="btn btn-ghost">Cancelar</a>
                </div>
            </form>
        </div>
    </div>
@endsection