@extends('layouts.app')

@section('title', 'Configuración')
@section('hi', 'Configuración')
@section('hi_sub', 'Administración')

@section('content')
    <div class="page-head">
        <div>
            <h1 class="page-title">Configuración de la empresa</h1>
            <p class="page-sub">Datos, branding y preferencias de tu negocio.</p>
        </div>
    </div>

    @if(!$company)
        <div class="card"><div class="empty">Ingresa como usuario de una empresa para editar su configuración.</div></div>
    @else
    <form method="POST" action="{{ route('settings.update') }}" enctype="multipart/form-data">
        @csrf @method('PUT')

        <div class="grid" style="grid-template-columns:320px 1fr;gap:18px;align-items:start">
            {{-- Branding --}}
            <div class="card panel">
                <div class="panel__title" style="margin-bottom:14px">Logo</div>
                <div style="text-align:center">
                    <div style="width:120px;height:120px;border-radius:20px;margin:0 auto 14px;display:grid;place-items:center;
                        background:var(--panel-3);border:1px solid var(--stroke-2);overflow:hidden">
                        @if($company->logoUrl())
                            <img src="{{ $company->logoUrl() }}" alt="logo" style="width:100%;height:100%;object-fit:contain">
                        @else
                            <span style="font-size:40px;font-weight:800;color:var(--accent)">{{ strtoupper(mb_substr($company->name,0,1)) }}</span>
                        @endif
                    </div>
                    <input type="file" name="logo" accept="image/*" class="inp" style="padding:9px">
                    <div class="hint">PNG/JPG, máx 2MB. Se muestra en el panel.</div>
                    @error('logo') <div class="err">{{ $message }}</div> @enderror
                </div>
                @if($company->logo_path)
                    <div style="margin-top:12px;text-align:center">
                        <button type="submit" form="removeLogoForm" class="btn-ghost btn-sm" style="padding:8px 12px">Quitar logo actual</button>
                    </div>
                @endif
            </div>

            {{-- Datos + preferencias --}}
            <div style="display:flex;flex-direction:column;gap:18px">
                <div class="card panel">
                    <div class="panel__title" style="margin-bottom:14px">Datos de la empresa</div>
                    <div class="form-grid">
                        <div class="col-2">
                            <label class="lbl">Nombre comercial *</label>
                            <input class="inp" name="name" value="{{ old('name', $company->name) }}" required>
                            @error('name') <div class="err">{{ $message }}</div> @enderror
                        </div>
                        <div><label class="lbl">Razón social</label><input class="inp" name="legal_name" value="{{ old('legal_name', $company->legal_name) }}"></div>
                        <div><label class="lbl">RUC / ID tributario</label><input class="inp" name="tax_id" value="{{ old('tax_id', $company->tax_id) }}"></div>
                        <div><label class="lbl">Correo</label><input class="inp" type="email" name="email" value="{{ old('email', $company->email) }}"></div>
                        <div><label class="lbl">Teléfono</label><input class="inp" name="phone" value="{{ old('phone', $company->phone) }}"></div>
                        <div class="col-2"><label class="lbl">Dirección</label><input class="inp" name="address" value="{{ old('address', $company->address) }}"></div>
                        <div>
                            <label class="lbl">Moneda *</label>
                            <select name="currency" class="sel" required>
                                @foreach(['PEN'=>'Sol (PEN)','USD'=>'Dólar (USD)','EUR'=>'Euro (EUR)','MXN'=>'Peso MXN','COP'=>'Peso COP','CLP'=>'Peso CLP','ARS'=>'Peso ARS'] as $code=>$label)
                                    <option value="{{ $code }}" @selected(old('currency',$company->currency)==$code)>{{ $label }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div><label class="lbl">Zona horaria *</label><input class="inp" name="timezone" value="{{ old('timezone', $company->timezone) }}" required></div>
                    </div>
                </div>

                <div class="card panel">
                    <div class="panel__title" style="margin-bottom:14px">Preferencias</div>
                    <div class="form-grid">
                        <div class="col-2">
                            <label class="lbl">Pie de comprobante</label>
                            <input class="inp" name="receipt_footer" value="{{ old('receipt_footer', $company->receipt_footer) }}" placeholder="Ej: ¡Gracias por su compra! Cambios en 7 días con boleta.">
                            <div class="hint">Aparece al pie de los comprobantes de venta.</div>
                        </div>
                        <div>
                            <label class="lbl">Puntos por unidad de moneda *</label>
                            <input class="inp" type="number" step="0.01" min="0" name="loyalty_earn_rate" value="{{ old('loyalty_earn_rate', $company->loyalty_earn_rate) }}" required>
                            <div class="hint">Ej: 1 = 1 punto por cada S/ gastado.</div>
                            @error('loyalty_earn_rate') <div class="err">{{ $message }}</div> @enderror
                        </div>
                        <div>
                            <label class="lbl">Alerta de stock bajo *</label>
                            <input class="inp" type="number" min="0" name="low_stock_alert" value="{{ old('low_stock_alert', $company->low_stock_alert) }}" required>
                            <div class="hint">Umbral por defecto para nuevas variantes.</div>
                            @error('low_stock_alert') <div class="err">{{ $message }}</div> @enderror
                        </div>
                    </div>

                    <div class="form-actions">
                        <button class="btn-primary" type="submit">@include('partials.icon', ['name' => 'check', 'class' => 'ic-sm']) Guardar configuración</button>
                    </div>
                </div>
            </div>
        </div>
    </form>

    @if($company->logo_path)
        <form id="removeLogoForm" method="POST" action="{{ route('settings.logo.remove') }}">@csrf @method('DELETE')</form>
    @endif
    @endif
@endsection