@extends('layouts.admin')

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

@section('content')
<div class="d-flex flex-wrap justify-content-between align-items-start gap-3 mb-4">
    <div>
        <h1 class="h3 mb-1">Configuración general</h1>
        <p class="text-secondary mb-0">Parámetros del negocio</p>
    </div>
</div>

<form class="card p-4" method="POST" action="{{ route('settings.update') }}" enctype="multipart/form-data">
    @csrf
    @method('PUT')

    <label class="form-label">Nombre comercial</label>
    <input class="form-control mb-3 @error('business_name') is-invalid @enderror" name="business_name" value="{{ old('business_name', $settings['business_name'] ?? 'Depósito Elías') }}" required>
    @error('business_name')<div class="invalid-feedback">{{ $message }}</div>@enderror

    <label class="form-label">Logo (JPG, PNG o WebP, máx. 2 MB)</label>
    @if($logoUrl ?? null)
        <div class="mb-2">
            <img src="{{ $logoUrl }}" alt="Logo actual" style="max-height:72px;max-width:220px;object-fit:contain;">
        </div>
        <div class="form-check mb-2">
            <input class="form-check-input" type="checkbox" name="remove_logo" value="1" id="remove_logo">
            <label class="form-check-label" for="remove_logo">Quitar logo actual</label>
        </div>
    @endif
    <input class="form-control mb-3 @error('logo') is-invalid @enderror" type="file" name="logo" accept="image/jpeg,image/png,image/webp">
    @error('logo')<div class="invalid-feedback">{{ $message }}</div>@enderror
    <div class="form-text mb-3">Se muestra en el panel, login y correos al cliente.</div>

    <label class="form-label">Zona horaria</label>
    <select class="form-select mb-3" name="timezone">
        <option value="America/Guayaquil" @selected(($settings['timezone'] ?? '') === 'America/Guayaquil')>America/Guayaquil</option>
    </select>

    <label class="form-label">Moneda</label>
    <select class="form-select mb-3" name="currency">
        <option value="USD" @selected(($settings['currency'] ?? '') === 'USD')>USD</option>
    </select>

    <label class="form-label">Margen mínimo de advertencia (%)</label>
    <input class="form-control mb-3" type="number" step="0.01" min="0" max="100" name="minimum_margin" value="{{ old('minimum_margin', $settings['minimum_margin'] ?? 0) }}">

    <hr class="my-4">
    <h2 class="h5 mb-3">IVA en ventas</h2>
    <label class="form-label">IVA por defecto (%)</label>
    <input class="form-control mb-3" type="number" step="0.01" min="0" max="100" name="tax_default_rate" value="{{ old('tax_default_rate', $settings['tax_default_rate'] ?? 15) }}">

    <label class="form-label">Modo IVA por defecto</label>
    <select class="form-select mb-3" name="tax_default_mode">
        <option value="added" @selected(($settings['tax_default_mode'] ?? 'added') === 'added')>+ IVA (se suma al precio)</option>
        <option value="included" @selected(($settings['tax_default_mode'] ?? '') === 'included')>IVA incluido en el precio</option>
    </select>

    <hr class="my-4">
    <h2 class="h5 mb-1">Correos al cliente</h2>
    <p class="text-secondary small mb-3">Logo y nombre comercial se usan también en tickets POS y portal de seguimiento.</p>

    <label class="form-label">Texto del botón de contacto</label>
    <input class="form-control mb-3 @error('mail_contact_label') is-invalid @enderror" name="mail_contact_label"
        value="{{ old('mail_contact_label', $settings['mail_contact_label'] ?? 'Contáctenos') }}"
        placeholder="Contáctenos">
    @error('mail_contact_label')<div class="invalid-feedback">{{ $message }}</div>@enderror

    <label class="form-label">Enlace del botón de contacto</label>
    <input class="form-control mb-1 @error('mail_contact_url') is-invalid @enderror" name="mail_contact_url"
        value="{{ old('mail_contact_url', $settings['mail_contact_url'] ?? '') }}"
        placeholder="https://wa.me/593999999999 o tel:+593999999999 o mailto:ventas@orofact.com">
    @error('mail_contact_url')<div class="invalid-feedback">{{ $message }}</div>@enderror
    <div class="form-text mb-3">WhatsApp, teléfono, correo o página web. Si lo deja vacío, no se muestra el botón.</div>

    <label class="form-label">Mensaje al pie del correo</label>
    <textarea class="form-control mb-3 @error('mail_footer_text') is-invalid @enderror" name="mail_footer_text" rows="3"
        placeholder="Horario de atención, teléfono de soporte, etc.">{{ old('mail_footer_text', $settings['mail_footer_text'] ?? '') }}</textarea>
    @error('mail_footer_text')<div class="invalid-feedback">{{ $message }}</div>@enderror

    <button class="btn btn-primary align-self-start" type="submit">Guardar configuración</button>
</form>
@endsection