@extends('layouts.app')

@section('title', 'Budget & prévisionnel · ' . $organization->name)
@section('eyebrow', 'Piloter')
@section('heading', 'Budget & prévisionnel')

@section('content')
@php
    $periodicityLabels = [
        'monthly' => 'Mensuelle',
        'quarterly' => 'Trimestrielle',
        'dated_once' => 'Ponctuelle',
    ];

    $allocationLabels = [
        'constant_open_months' => 'Constante sur mois ouverts',
        'previous_year_profile' => 'Profil de l’an dernier',
        'manual' => 'Manuelle',
    ];

    $months = [
        'Janv.', 'Févr.', 'Mars', 'Avril', 'Mai', 'Juin',
        'Juil.', 'Août', 'Sept.', 'Oct.', 'Nov.', 'Déc.',
    ];
@endphp

<div class="budget-module">
    <div class="budget-toolbar">
        <div class="budget-view-switch">
            <a
                class="{{ $viewMode === 'treasury' ? 'active' : '' }}"
                href="{{ route('tenant.budget.index', ['view' => 'treasury', 'year' => $year]) }}"
            >
                Prévisionnel de trésorerie
            </a>
            <a
                class="{{ $viewMode === 'budget' ? 'active' : '' }}"
                href="{{ route('tenant.budget.index', ['view' => 'budget', 'year' => $year]) }}"
            >
                Budget
            </a>
        </div>

        <select class="budget-version-select">
            <option>Budget courant — adaptation continue</option>
            @foreach($snapshots as $snapshot)
                <option>
                    Photo — {{ $snapshot->snapshot_label }}
                </option>
            @endforeach
        </select>

        <span class="budget-progress-chip">
            Exercice {{ $year }} · réalisé au 31 juillet
        </span>

        <span class="tx-spacer"></span>

        <button class="btn secondary" type="button" onclick="window.print()">
            Imprimer pour l’AG
        </button>

        <button
            class="btn primary"
            type="button"
            data-open-budget-snapshot
        >
            Prendre une photo
        </button>
    </div>

    @if($viewMode === 'budget')
        <section class="budget-kpis">
            <article>
                <span>Produits</span>
                <b>{{ number_format($kpis['products_landing'], 0, ',', ' ') }} €</b>
                <small>
                    projetés / {{ number_format($kpis['products_current'], 0, ',', ' ') }} € courants
                </small>
            </article>

            <article>
                <span>Charges</span>
                <b>{{ number_format($kpis['charges_landing'], 0, ',', ' ') }} €</b>
                <small>
                    projetées / {{ number_format($kpis['charges_current'], 0, ',', ' ') }} € courantes
                </small>
            </article>

            <article>
                <span>Résultat</span>
                <b class="{{ $kpis['result_landing'] >= 0 ? 'positive' : 'danger' }}">
                    {{ $kpis['result_landing'] >= 0 ? '+' : '−' }}{{ number_format(abs($kpis['result_landing']), 0, ',', ' ') }} €
                </b>
                <small>
                    atterrissage / {{ number_format($kpis['result_current'], 0, ',', ' ') }} € courant
                </small>
            </article>
        </section>

        <section class="budget-card">
            <header>
                <div>
                    <h2>Budget {{ $year }}</h2>
                    <p>
                        Le réalisé provient exclusivement des transactions catégorisées.
                    </p>
                </div>
            </header>

            <div class="budget-table-wrap">
                <table class="budget-table">
                    <thead>
                        <tr>
                            <th>Catégorie</th>
                            <th>Périodicité</th>
                            <th>Par échéance</th>
                            <th>Annuel</th>
                            <th>Réalisé</th>
                            <th>Atterrissage</th>
                            <th>Écart</th>
                        </tr>
                    </thead>

                    <tbody>
                        <tr class="budget-group">
                            <td colspan="7">Produits</td>
                        </tr>

                        @foreach($products as $item)
                            @include('tenant.budget.partials.line', ['item' => $item])
                        @endforeach

                        <tr class="budget-group">
                            <td colspan="7">Charges</td>
                        </tr>

                        @foreach($charges as $item)
                            @include('tenant.budget.partials.line', ['item' => $item])
                        @endforeach
                    </tbody>
                </table>
            </div>
        </section>
    @else
        <section class="forecast-head">
            <div>
                <span>TRÉSORERIE CONSOLIDÉE</span>
                <h2>Prévisionnel de trésorerie</h2>
                <p>
                    Encaissements, décaissements et trajectoire de solde sur 12 mois.
                </p>
            </div>

            <div class="forecast-filters">
                <label>
                    <span>Période</span>
                    <select>
                        <option>Année civile 2026</option>
                        <option>12 mois glissants</option>
                    </select>
                </label>

                <label>
                    <span>Compte</span>
                    <select>
                        <option>Tous les comptes</option>
                        <option>Compte courant principal</option>
                        <option>Livret de réserve</option>
                    </select>
                </label>

                <div class="forecast-mode">
                    <button class="active" type="button">Consolidé</button>
                    <button type="button">Par compte</button>
                </div>
            </div>
        </section>

        <section class="forecast-kpis">
            <article>
                <span>Solde actuel</span>
                <b>{{ number_format($treasury['current_balance'], 0, ',', ' ') }} €</b>
                <small>au 31 juillet</small>
            </article>

            <article>
                <span>Fin de période</span>
                <b>{{ number_format($treasury['year_end'], 0, ',', ' ') }} €</b>
                <small>projection au 31 décembre</small>
            </article>

            <article>
                <span>Point bas</span>
                <b class="danger">
                    {{ number_format($treasury['low_point'], 0, ',', ' ') }} €
                </b>
                <small>{{ $treasury['low_point_date']->translatedFormat('d F Y') }}</small>
            </article>

            <article>
                <span>Seuil de sécurité</span>
                <b>{{ number_format($treasury['threshold'], 0, ',', ' ') }} €</b>
                <small class="danger">1 passage sous le seuil</small>
            </article>
        </section>

        <section class="forecast-card forecast-chart-card">
            <header>
                <div>
                    <h2>Trajectoire de trésorerie</h2>
                    <p>
                        Barres pleines : réalisé · barres allégées : prévisionnel · courbe : solde cumulé
                    </p>
                </div>

                <div class="forecast-legend">
                    <span><i class="income"></i>Entrées</span>
                    <span><i class="expense"></i>Sorties</span>
                    <span><i class="balance"></i>Solde</span>
                </div>
            </header>

            <div class="forecast-chart-wrap">
                <div
                    class="forecast-apex-chart"
                    data-apex-treasury-chart
                    aria-label="Prévisionnel de trésorerie 2026"
                ></div>
            </div>
        </section>

        <section class="forecast-grid">
            <article class="forecast-card forecast-table-card">
                <header>
                    <div>
                        <h2>Lecture mensuelle</h2>
                        <p>Cliquez sur un mois pour afficher son détail.</p>
                    </div>
                </header>

                <div class="forecast-table-wrap">
                    <table class="forecast-table">
                        <thead>
                            <tr>
                                <th>Mois</th>
                                <th>Entrées</th>
                                <th>Sorties</th>
                                <th>Solde du mois</th>
                                <th>Solde cumulé</th>
                                <th>Statut</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($treasury['months'] as $month)
                                @php($net = $month['income'] - $month['expense'])
                                <tr
                                    data-forecast-month="{{ $month['key'] }}"
                                    class="{{ $month['key'] === '2026-10' ? 'selected' : '' }}"
                                >
                                    <td>
                                        <b>{{ $month['label'] }}</b>
                                        <span>
                                            {{ $month['state'] === 'actual' ? 'Réalisé' : 'Prévisionnel' }}
                                        </span>
                                    </td>
                                    <td class="positive">
                                        +{{ number_format($month['income'], 0, ',', ' ') }} €
                                    </td>
                                    <td>
                                        −{{ number_format($month['expense'], 0, ',', ' ') }} €
                                    </td>
                                    <td class="{{ $net >= 0 ? 'positive' : 'danger' }}">
                                        {{ $net >= 0 ? '+' : '−' }}{{ number_format(abs($net), 0, ',', ' ') }} €
                                    </td>
                                    <td>
                                        {{ number_format($month['balance'], 0, ',', ' ') }} €
                                    </td>
                                    <td>
                                        @if($month['status'] === 'critical')
                                            <span class="forecast-status critical">Critique</span>
                                        @elseif($month['status'] === 'watch')
                                            <span class="forecast-status watch">Sous surveillance</span>
                                        @else
                                            <span class="forecast-status healthy">Sain</span>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </article>

            <aside class="forecast-card forecast-detail-card">
                <header>
                    <div>
                        <span>DÉTAIL DU MOIS</span>
                        <h2 data-forecast-detail-title>Octobre 2026</h2>
                    </div>
                </header>

                <div class="forecast-detail-summary">
                    <div>
                        <span>Solde d’ouverture</span>
                        <b data-forecast-opening>26 000 €</b>
                    </div>
                    <div>
                        <span>Solde de clôture</span>
                        <b data-forecast-closing>44 000 €</b>
                    </div>
                </div>

                <div class="forecast-detail-list" data-forecast-detail-list>
                    @foreach($treasury['details']['2026-10']['items'] as $item)
                        <div>
                            <span>{{ $item['label'] }}</span>
                            <b class="{{ $item['amount'] > 0 ? 'positive' : '' }}">
                                {{ $item['amount'] > 0 ? '+' : '−' }}{{ number_format(abs($item['amount']), 0, ',', ' ') }} €
                            </b>
                        </div>
                    @endforeach
                </div>

                <div class="forecast-low-point">
                    <span>Point bas intra-mois</span>
                    <b>11 200 € · 12 octobre</b>
                    <small>
                        Entre les salaires du 10 et le versement PSU du 25.
                    </small>
                </div>
            </aside>
        </section>

        <script type="application/json" data-forecast-months-json>
            @json($treasury['months'])
        </script>

        <script type="application/json" data-forecast-details-json>
            @json($treasury['details'])
        </script>
    @endif
</div>

@foreach($lineData as $item)
    @php($line = $item['line'])
    <dialog
        class="budget-line-modal"
        id="budget-line-{{ $line->id }}"
    >
        <form
            method="post"
            action="{{ route('tenant.budget.update', $line->id) }}"
            data-budget-line-form
        >
            @csrf
            @method('PATCH')

            <header>
                <div>
                    <span>ÉDITER LA LIGNE BUDGÉTAIRE</span>
                    <h2>{{ $line->category->name }}</h2>
                    <p>
                        L’annuel est toujours calculé depuis les douze mois.
                    </p>
                </div>

                <button
                    type="button"
                    data-close-budget-line
                    aria-label="Fermer"
                >
                    ×
                </button>
            </header>

            <main>
                <div class="budget-editor-grid">
                    <label>
                        <span>Périodicité</span>
                        <select name="periodicity">
                            @foreach($periodicityLabels as $key => $label)
                                <option
                                    value="{{ $key }}"
                                    @selected($line->periodicity === $key)
                                >
                                    {{ $label }}
                                </option>
                            @endforeach
                        </select>
                    </label>

                    <label>
                        <span>Montant par échéance</span>
                        <input
                            type="number"
                            step="0.01"
                            name="amount_per_due"
                            value="{{ (float) $line->amount_per_due }}"
                        >
                    </label>

                    <label>
                        <span>Jour d’échéance</span>
                        <input
                            type="number"
                            min="1"
                            max="31"
                            name="due_day"
                            value="{{ $line->due_day }}"
                        >
                    </label>
                </div>

                <div class="budget-allocation-switch">
                    @foreach($allocationLabels as $key => $label)
                        <label>
                            <input
                                type="radio"
                                name="allocation_mode"
                                value="{{ $key }}"
                                @checked($line->allocation_mode === $key)
                            >
                            <span>{{ $label }}</span>
                        </label>
                    @endforeach
                </div>

                <div class="budget-month-grid">
                    @foreach($months as $monthIndex => $monthLabel)
                        <label class="{{ $monthIndex === 7 ? 'closed' : '' }}">
                            <span>{{ $monthLabel }}</span>
                            <input
                                type="number"
                                step="0.01"
                                name="monthly_profile[]"
                                value="{{ (float) ($item['profile'][$monthIndex] ?? 0) }}"
                                @disabled($monthIndex === 7)
                                data-budget-month
                            >
                            @if($monthIndex === 7)
                                <input
                                    type="hidden"
                                    name="monthly_profile[]"
                                    value="0"
                                >
                                <small>fermé</small>
                            @elseif($monthIndex === 8 && $line->category->code === 'FAMILY')
                                <small>effet fermeture août</small>
                            @endif
                        </label>
                    @endforeach
                </div>

                <div class="budget-editor-total">
                    <span>Annuel calculé</span>
                    <b data-budget-annual-total>
                        {{ number_format((float) $line->annual_amount, 0, ',', ' ') }} €
                    </b>
                </div>
            </main>

            <footer>
                <button
                    type="button"
                    class="btn secondary"
                    data-close-budget-line
                >
                    Annuler
                </button>
                <button class="btn primary">
                    Enregistrer — tracé
                </button>
            </footer>
        </form>
    </dialog>
@endforeach

<dialog class="budget-snapshot-modal" data-budget-snapshot-modal>
    <form method="post" action="{{ route('tenant.budget.snapshot') }}">
        @csrf
        <input type="hidden" name="fiscal_year" value="{{ $year }}">

        <header>
            <div>
                <span>PHOTO IMMUTABLE</span>
                <h2>Prendre une photo du budget</h2>
            </div>
            <button type="button" data-close-budget-snapshot>×</button>
        </header>

        <main>
            <label>
                <span>Libellé</span>
                <input
                    type="text"
                    name="snapshot_label"
                    placeholder="Ex. AG du 23 mars"
                    required
                >
            </label>
        </main>

        <footer>
            <button
                type="button"
                class="btn secondary"
                data-close-budget-snapshot
            >
                Annuler
            </button>
            <button class="btn primary">
                Créer la photo
            </button>
        </footer>
    </form>
</dialog>
@endsection