@extends('layouts.app')
@section('title', 'Comptabilité')
@section('page-title', 'Admin — Comptabilité')

@section('content')
<style>
.c-card{background:#fff;border-radius:12px;border:1px solid var(--border);padding:20px 24px;margin-bottom:16px;}
.s-title{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:1px;color:var(--navy);border-bottom:2px solid var(--yellow);padding-bottom:6px;margin-bottom:16px;}
.fg{display:flex;flex-direction:column;gap:4px;}
.fg label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;}
.fc{height:36px;padding:0 10px;border:1px solid var(--border);border-radius:6px;font-size:13px;font-family:inherit;color:var(--text);background:#f8f9fb;transition:border-color .2s,background .2s;width:100%;}
.fc:focus{outline:none;border-color:var(--navy);background:#fff;}
select.fc{cursor:pointer;}
textarea.fc{height:90px;padding:8px 10px;resize:vertical;}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.span2{grid-column:span 2;}
.span3{grid-column:1/-1;}
.btn-save{height:38px;padding:0 24px;border-radius:7px;border:none;background:var(--yellow);color:var(--navy);font-size:13px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .2s;}
.btn-save:hover{background:#e0b000;}
.btn-ghost{height:36px;padding:0 18px;border-radius:7px;border:1.5px solid var(--border);background:#fff;color:var(--text-muted);font-size:13px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;}
.btn-ghost:hover{background:#F4F6FB;}
.btn-danger{height:36px;padding:0 16px;border-radius:7px;border:1.5px solid #E53E3E;background:#fff;color:#E53E3E;font-size:13px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;}
.btn-danger:hover{background:#FFF5F5;}
.alert-success{background:#F0FFF4;border:1px solid #9AE6B4;color:#276749;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:8px;}
.cgv-badge{display:inline-flex;align-items:center;gap:8px;background:#EBF8FF;border:1px solid #90CDF4;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;color:#2B6CB0;}

/* Export section */
.export-card{background:#F8F9FF;border:2px dashed var(--navy);border-radius:10px;padding:20px 24px;opacity:.7;}
.export-title{font-size:13px;font-weight:800;color:var(--navy);margin-bottom:12px;display:flex;align-items:center;gap:8px;}
.coming-soon{display:inline-block;font-size:10px;font-weight:800;background:var(--yellow);color:var(--navy);padding:2px 7px;border-radius:4px;letter-spacing:.5px;}
</style>

@if(session('success'))
<div class="alert-success">
    <svg viewBox="0 0 24 24" width="14" height="14" style="stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round;flex-shrink:0;"><polyline points="20 6 9 17 4 12"/></svg>
    {{ session('success') }}
</div>
@endif

<form method="POST" action="{{ route('admin.comptabilite.update') }}" enctype="multipart/form-data">
@csrf @method('PUT')

{{-- Identité --}}
<div class="c-card">
    <div class="s-title">Identité de l'entreprise</div>
    <div class="grid3" style="margin-bottom:12px;">
        <div class="fg span2">
            <label>Raison sociale</label>
            <input type="text" name="raison_sociale" class="fc" value="{{ old('raison_sociale', $params->raison_sociale) }}">
        </div>
        <div class="fg">
            <label>Forme juridique</label>
            <select name="forme_juridique" class="fc">
                <option value=""></option>
                @foreach(['SAS','SARL','EURL','SA','SNC','EI','EIRL','Auto-entrepreneur','Autre'] as $f)
                <option {{ old('forme_juridique', $params->forme_juridique) === $f ? 'selected' : '' }}>{{ $f }}</option>
                @endforeach
            </select>
        </div>
    </div>
    <div class="grid4" style="margin-bottom:12px;">
        <div class="fg">
            <label>SIRET</label>
            <input type="text" name="siret" class="fc" maxlength="14" value="{{ old('siret', $params->siret) }}" placeholder="14 chiffres">
        </div>
        <div class="fg">
            <label>N° TVA intracommunautaire</label>
            <input type="text" name="tva_intra" class="fc" value="{{ old('tva_intra', $params->tva_intra) }}" placeholder="FR00000000000">
        </div>
        <div class="fg">
            <label>Capital social</label>
            <input type="text" name="capital_social" class="fc" value="{{ old('capital_social', $params->capital_social) }}" placeholder="ex. 1 000 €">
        </div>
        <div class="fg">
            <label>Code APE / NAF</label>
            <input type="text" name="code_ape" class="fc" value="{{ old('code_ape', $params->code_ape) }}" placeholder="ex. 4932Z">
        </div>
    </div>
    <div class="grid3">
        <div class="fg">
            <label>RCS — Ville d'immatriculation</label>
            <input type="text" name="rcs_ville" class="fc" value="{{ old('rcs_ville', $params->rcs_ville) }}">
        </div>
        <div class="fg">
            <label>RCS — Numéro</label>
            <input type="text" name="rcs_numero" class="fc" value="{{ old('rcs_numero', $params->rcs_numero) }}">
        </div>
    </div>
</div>

{{-- Coordonnées --}}
<div class="c-card">
    <div class="s-title">Coordonnées</div>
    <div class="grid3" style="margin-bottom:12px;">
        <div class="fg span2">
            <label>Adresse ligne 1</label>
            <input type="text" name="adresse1" class="fc" value="{{ old('adresse1', $params->adresse1) }}">
        </div>
        <div class="fg">
            <label>Adresse ligne 2</label>
            <input type="text" name="adresse2" class="fc" value="{{ old('adresse2', $params->adresse2) }}">
        </div>
        <div class="fg">
            <label>Code postal</label>
            <input type="text" name="code_postal" class="fc" value="{{ old('code_postal', $params->code_postal) }}" maxlength="10">
        </div>
        <div class="fg span2">
            <label>Ville</label>
            <input type="text" name="ville" class="fc" value="{{ old('ville', $params->ville) }}">
        </div>
    </div>
    <div class="grid3">
        <div class="fg">
            <label>Téléphone</label>
            <input type="tel" name="telephone" class="fc" value="{{ old('telephone', $params->telephone) }}">
        </div>
        <div class="fg">
            <label>Email</label>
            <input type="email" name="email" class="fc" value="{{ old('email', $params->email) }}">
        </div>
        <div class="fg">
            <label>Site web</label>
            <input type="text" name="site_web" class="fc" value="{{ old('site_web', $params->site_web) }}" placeholder="https://...">
        </div>
    </div>
</div>

{{-- Facturation --}}
<div class="c-card">
    <div class="s-title">Paramètres de facturation</div>
    <div class="grid3" style="margin-bottom:12px;">
        <div class="fg span2">
            <label>IBAN</label>
            <input type="text" name="iban" class="fc" value="{{ old('iban', $params->iban) }}" placeholder="FR76 0000 0000 0000 0000 0000 000" style="font-family:monospace;">
        </div>
        <div class="fg">
            <label>BIC / SWIFT</label>
            <input type="text" name="bic" class="fc" value="{{ old('bic', $params->bic) }}" style="font-family:monospace;">
        </div>
        <div class="fg">
            <label>Banque</label>
            <input type="text" name="banque" class="fc" value="{{ old('banque', $params->banque) }}">
        </div>
        <div class="fg">
            <label>Délai de paiement (jours)</label>
            <input type="number" name="delai_paiement" class="fc" min="0" max="365" value="{{ old('delai_paiement', $params->delai_paiement ?? 30) }}">
        </div>
        <div class="fg">
            <label>Pénalités de retard</label>
            <input type="text" name="penalites_retard" class="fc" value="{{ old('penalites_retard', $params->penalites_retard) }}" placeholder="ex. 3× taux légal">
        </div>
        <div class="fg">
            <label>Escompte</label>
            <input type="text" name="escompte" class="fc" value="{{ old('escompte', $params->escompte) }}" placeholder="ex. Aucun escompte">
        </div>
    </div>
    <div class="fg">
        <label>Pied de facture — mentions légales</label>
        <textarea name="pied_facture" class="fc" placeholder="Mentions légales à faire apparaître en bas de chaque facture…">{{ old('pied_facture', $params->pied_facture) }}</textarea>
    </div>
</div>

{{-- CGV --}}
<div class="c-card">
    <div class="s-title">Conditions Générales de Vente (CGV)</div>
    @if($params->cgv_path)
    <div style="display:flex;align-items:center;gap:12px;margin-bottom:14px;">
        <span class="cgv-badge">
            <svg viewBox="0 0 24 24" width="14" height="14" style="stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>
            cgv.pdf
        </span>
        <a href="{{ asset('storage/'.$params->cgv_path) }}" target="_blank" class="btn-ghost" style="height:30px;font-size:12px;">
            <svg viewBox="0 0 24 24" width="12" height="12" style="stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;"><path d="M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg>
            Voir le PDF
        </a>
        <form method="POST" action="{{ route('admin.comptabilite.cgv.delete') }}" onsubmit="return confirm('Supprimer les CGV ?')" style="display:inline;">
            @csrf @method('DELETE')
            <button type="submit" class="btn-danger" style="height:30px;font-size:12px;">Supprimer</button>
        </form>
    </div>
    @else
    <p style="font-size:13px;color:var(--text-muted);margin-bottom:12px;">Aucun fichier CGV chargé.</p>
    @endif
    <div class="fg" style="max-width:400px;">
        <label>{{ $params->cgv_path ? 'Remplacer le fichier PDF' : 'Charger le fichier PDF' }}</label>
        <input type="file" name="cgv_path" accept=".pdf" class="fc" style="height:auto;padding:6px 10px;cursor:pointer;">
        <span style="font-size:11px;color:var(--text-muted);">PDF uniquement — 5 Mo max.</span>
    </div>
</div>

{{-- Bouton enregistrer --}}
<div style="display:flex;gap:10px;margin-bottom:24px;">
    <button type="submit" class="btn-save">
        <svg viewBox="0 0 24 24" width="14" height="14" style="stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round;"><polyline points="20 6 9 17 4 12"/></svg>
        Enregistrer
    </button>
</div>

</form>

{{-- Export comptable --}}
<div class="export-card">
    <div class="export-title">
        <svg viewBox="0 0 24 24" width="16" height="16" style="stroke:var(--navy);fill:none;stroke-width:2;stroke-linecap:round;"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
        Export comptable
        <span class="coming-soon">À VENIR</span>
    </div>
    <div style="display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;">
        <div class="fg">
            <label style="font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;">Du</label>
            <input type="date" class="fc" style="width:160px;opacity:.6;" disabled>
        </div>
        <div class="fg">
            <label style="font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;">Au</label>
            <input type="date" class="fc" style="width:160px;opacity:.6;" disabled>
        </div>
        <div style="display:flex;gap:8px;">
            <button type="button" class="btn-ghost" disabled style="opacity:.5;cursor:not-allowed;">
                <svg viewBox="0 0 24 24" width="13" height="13" style="stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
                Export CSV
            </button>
            <button type="button" class="btn-ghost" disabled style="opacity:.5;cursor:not-allowed;">
                <svg viewBox="0 0 24 24" width="13" height="13" style="stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>
                Export PDF
            </button>
        </div>
    </div>
    <p style="font-size:12px;color:var(--text-muted);margin-top:10px;margin-bottom:0;">Cette fonctionnalité sera disponible dans une prochaine version.</p>
</div>

@endsection