@extends('layouts.app')

@section('title', 'Transactions & rapprochement · ' . $organization->name)
@section('eyebrow', 'Piloter')
@section('heading', 'Transactions & rapprochement')

@section('content')
@php
    $previousMonth = $month->copy()->subMonth()->format('Y-m');
    $nextMonth = $month->copy()->addMonth()->format('Y-m');

    $statusLabels = [
        'automatic' => 'Automatique',
        'suggestion' => 'À confirmer',
        'multi_suggestion' => 'Vérifier la remise',
        'confirmed' => 'Confirmé',
        'manual' => 'À traiter',
    ];

    $remiseTransaction = $transactions->firstWhere(
        'match_level',
        'multi_suggestion'
    );
@endphp

<div class="tx-module">
    <div class="tx-toolbar">
        <div class="tx-month-nav">
            <a href="{{ route('tenant.transactions.index', ['month' => $previousMonth, 'account' => $selectedAccountId]) }}">←</a>
            <b>{{ ucfirst($month->translatedFormat('F Y')) }}</b>
            <a href="{{ route('tenant.transactions.index', ['month' => $nextMonth, 'account' => $selectedAccountId]) }}">→</a>
        </div>

        <form method="get" class="tx-account-filter">
            <input type="hidden" name="month" value="{{ $month->format('Y-m') }}">

            <label>
                <span>Compte bancaire</span>
                <select name="account" onchange="this.form.submit()">
                    @foreach($accounts as $account)
                        <option
                            value="{{ $account->id }}"
                            @selected($selectedAccountId === $account->id)
                        >
                            {{ $account->account_name }}
                        </option>
                    @endforeach
                </select>
            </label>
        </form>

        <span class="tx-format-chip">
            Format Crédit Agricole mémorisé · dédoublonnage actif
        </span>

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

        <button class="btn secondary" type="button" disabled>
            Importer factures parents
        </button>

        <button class="btn primary" type="button" disabled>
            Importer un relevé
        </button>
    </div>

    <div class="tx-kpis">
        <article>
            <b>{{ $stats['total'] }}</b>
            <span>transactions importées</span>
        </article>

        <article>
            <b class="tx-positive">
                {{ $stats['automatic'] }} · {{ $stats['automatic_rate'] }} %
            </b>
            <span>traitées automatiquement</span>
            <div><i style="width:{{ $stats['automatic_rate'] }}%"></i></div>
        </article>

        <article>
            <b class="tx-warning">{{ $stats['confirm'] }}</b>
            <span>suggestions à confirmer</span>
        </article>

        <article>
            <b>{{ $stats['manual'] }}</b>
            <span>à traiter manuellement</span>
        </article>
    </div>

    <section class="tx-card">
        <header class="tx-card-head">
            <div>
                <h2>Relevé de {{ $month->translatedFormat('F') }}</h2>
                <p>
                    Libellés bruts de la banque, conservés sans modification.
                </p>
            </div>

            <nav class="tx-filters">
                <a class="{{ $filter === 'all' ? 'active' : '' }}"
                   href="{{ route('tenant.transactions.index', ['month' => $month->format('Y-m'), 'account' => $selectedAccountId]) }}">
                    Tout <span>{{ $stats['total'] }}</span>
                </a>
                <a class="{{ $filter === 'confirm' ? 'active' : '' }}"
                   href="{{ route('tenant.transactions.index', ['month' => $month->format('Y-m'), 'account' => $selectedAccountId, 'filter' => 'confirm']) }}">
                    À confirmer <span>{{ $stats['confirm'] }}</span>
                </a>
                <a class="{{ $filter === 'manual' ? 'active' : '' }}"
                   href="{{ route('tenant.transactions.index', ['month' => $month->format('Y-m'), 'account' => $selectedAccountId, 'filter' => 'manual']) }}">
                    À traiter <span>{{ $stats['manual'] }}</span>
                </a>
                <a class="{{ $filter === 'families' ? 'active' : '' }}"
                   href="{{ route('tenant.transactions.index', ['month' => $month->format('Y-m'), 'account' => $selectedAccountId, 'filter' => 'families']) }}">
                    Familles <span>{{ $stats['families'] }}</span>
                </a>
            </nav>
        </header>

        <div class="tx-column-head">
                <span>Date</span>
                <span>Libellé</span>
                <span>Catégorie</span>
                <span>Statut</span>
                <span>Actions</span>
                <span>Montant</span>
            </div>
            <div class="tx-list">
            @forelse($transactions as $transaction)
                <article class="tx-line">
                    <time>{{ $transaction->transaction_date->format('d/m') }}</time>

                    <div class="tx-line-label">
                        <b>{{ $transaction->raw_label }}</b>
                        <span>{{ $transaction->bankAccount?->account_name }}</span>
                    </div>

                    @if($transaction->category)
                        <span class="tx-category-badge">
                            {{ $transaction->category->name }}
                        </span>
                    @else
                        <button
                            type="button"
                            class="tx-categorize-button"
                            data-open-category
                            data-dialog-id="tx-category-{{ $transaction->id }}"
                        >
                            Catégoriser
                        </button>
                    @endif

                    @if($transaction->match_level === 'suggestion' && !$transaction->suggestion_rejected)
                        <span class="tx-match warning">
                            @if($transaction->suggestion_type === 'partial_invoice')
                                Acompte à confirmer
                            @elseif($transaction->suggestion_type === 'internal_entry')
                                Pointage à confirmer
                            @else
                                Rapprochement à confirmer
                            @endif
                        </span>

                        <div class="tx-actions">
                            <form method="post" action="{{ route('tenant.transactions.confirm', $transaction->id) }}">
                                @csrf
                                @method('PATCH')
                                <button class="tx-yes" title="Confirmer">✓</button>
                            </form>

                            <form method="post" action="{{ route('tenant.transactions.reject', $transaction->id) }}">
                                @csrf
                                @method('PATCH')
                                <button class="tx-no" title="Refuser">×</button>
                            </form>
                        </div>
                    @elseif($transaction->match_level === 'multi_suggestion')
                        <button
                            type="button"
                            class="tx-match multi"
                            data-open-remise
                        >
                            Vérifier la remise
                        </button>
                    @else
                        <span class="tx-match {{ in_array($transaction->match_level, ['automatic', 'confirmed'], true) ? 'success' : 'neutral' }}">
                            {{ $statusLabels[$transaction->match_level] ?? $transaction->match_level }}
                        </span>
                    @endif

                    <strong class="tx-line-amount {{ $transaction->amount > 0 ? 'positive' : '' }}">
                        {{ $transaction->amount > 0 ? '+' : '−' }}{{ number_format(abs((float) $transaction->amount), 2, ',', ' ') }} €
                    </strong>
                </article>
            @empty
                <div class="tx-empty">
                    Aucune transaction pour ce filtre.
                </div>
            @endforelse
        </div>
    </section>

    @if($closure)
        <section class="tx-card">
            <header class="tx-card-head">
                <div>
                    <h2>Rapprochement bancaire — {{ $month->translatedFormat('F') }}</h2>
                    <p>Clôture possible uniquement lorsque l’écart net est nul.</p>
                </div>

                <form method="post" action="{{ route('tenant.transactions.close') }}">
                    @csrf
                    @method('PATCH')
                    <input type="hidden" name="month" value="{{ $month->format('Y-m') }}">

                    <button
                        class="btn positive"
                        @disabled($closure->closure_status === 'closed')
                    >
                        {{ $closure->closure_status === 'closed'
                            ? 'Mois clôturé'
                            : 'Clôturer ' . $month->translatedFormat('F') }}
                    </button>
                </form>
            </header>

            <div class="tx-reconciliation">
                <div>
                    <span>Solde banque au 31/{{ $month->format('m') }}</span>
                    <b>{{ number_format((float) $closure->bank_balance, 2, ',', ' ') }} €</b>
                    <small>relevé Crédit Agricole importé</small>
                </div>

                <div>
                    <span>Solde comptable</span>
                    <b>{{ number_format((float) $closure->accounting_balance, 2, ',', ' ') }} €</b>
                    <small>écritures de l’application</small>
                </div>

                <div class="success">
                    <span>Écart expliqué</span>
                    <b>{{ number_format((float) $closure->explained_difference, 2, ',', ' ') }} €</b>
                    <small>
                        {{ $closure->explanation_text }}
                        · écart net :
                        {{ number_format((float) $closure->net_difference, 2, ',', ' ') }} €
                    </small>
                </div>
            </div>
        </section>
    @endif
</div>

@if($remiseTransaction)
    <dialog class="tx-remise-dialog" data-remise-dialog>
        <form
            method="post"
            action="{{ route('tenant.transactions.batch', $remiseTransaction->id) }}"
            data-remise-form
            data-target="{{ abs((float) $remiseTransaction->amount) }}"
        >
            @csrf
            @method('PATCH')

            <header>
                <div>
                    <span>RAPPROCHEMENT GROUPÉ</span>
                    <h2>Remise de chèques n°0847</h2>
                    <p>
                        La somme doit correspondre exactement à
                        {{ number_format(abs((float) $remiseTransaction->amount), 2, ',', ' ') }} €.
                    </p>
                </div>
                <button type="button" data-close-remise>×</button>
            </header>

            <div class="tx-invoice-list">
                @foreach($batchInvoices as $invoice)
                    <label>
                        <input
                            type="checkbox"
                            name="invoice_ids[]"
                            value="{{ $invoice->id }}"
                            data-invoice-amount="{{ (float) $invoice->remaining_balance }}"
                            checked
                        >
                        <span>
                            <b>Famille {{ $invoice->family_name }}</b>
                            <small>{{ $invoice->invoice_reference }} · juillet</small>
                        </span>
                        <strong>
                            {{ number_format((float) $invoice->remaining_balance, 2, ',', ' ') }} €
                        </strong>
                    </label>
                @endforeach
            </div>

            <footer>
                <div>
                    <span>Sélection</span>
                    <b data-remise-total></b>
                    <small data-remise-status></small>
                </div>

                <button class="btn primary" data-remise-submit>
                    Rapprocher les factures
                </button>
            </footer>
        </form>
    </dialog>
@endif

@foreach($transactions->whereNull('category_id') as $transaction)
    <dialog
        class="tx-category-modal"
        id="tx-category-{{ $transaction->id }}"
    >
        <form
            method="post"
            action="{{ route('tenant.transactions.categorize', $transaction->id) }}"
            class="tx-category-modal-form"
        >
            @csrf
            @method('PATCH')

            <header>
                <div>
                    <span>CATÉGORISER LA TRANSACTION</span>
                    <h2>{{ $transaction->raw_label }}</h2>
                    <p>
                        {{ $transaction->transaction_date->format('d/m/Y') }}
                        · {{ $transaction->bankAccount?->account_name }}
                        · {{ number_format(abs((float) $transaction->amount), 2, ',', ' ') }} €
                    </p>
                </div>

                <button
                    type="button"
                    class="tx-modal-close"
                    data-close-category
                    aria-label="Fermer"
                >
                    ×
                </button>
            </header>

            <main>
                <div class="tx-modal-field">
                    <label for="category-{{ $transaction->id }}">
                        Catégorie
                    </label>

                    <select
                        id="category-{{ $transaction->id }}"
                        name="category_id"
                        required
                        data-category-select
                    >
                        <option value="">Choisir une catégorie…</option>
                        @foreach($categories as $category)
                            <option
                                value="{{ $category->id }}"
                                data-budget-group="{{ $category->budgetGroup?->group_name ?? 'Non rattaché' }}"
                                data-budget-behavior="{{ $category->budget_behavior }}"
                            >
                                {{ $category->name }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="tx-budget-result" data-budget-result hidden>
                    <span>Rattachement budget</span>
                    <b data-budget-group></b>
                    <small data-budget-note></small>
                </div>

                <label class="tx-auto-rule">
                    <input
                        type="checkbox"
                        name="create_rule"
                        value="1"
                        data-rule-toggle
                    >
                    <span>
                        <b>Créer une règle automatique</b>
                        <small>
                            Cette catégorie sera proposée automatiquement aux prochains libellés similaires.
                        </small>
                    </span>
                </label>

                <div class="tx-modal-field" data-rule-fields hidden>
                    <label for="rule-{{ $transaction->id }}">
                        Motif reconnu
                    </label>

                    <input
                        id="rule-{{ $transaction->id }}"
                        type="text"
                        name="rule_pattern"
                        value="{{ str_contains($transaction->normalized_label, 'LEROY MERLIN') ? 'LEROY MERLIN' : '' }}"
                        placeholder="Ex. LEROY MERLIN"
                    >
                </div>
            </main>

            <footer>
                <button
                    type="button"
                    class="btn secondary"
                    data-close-category
                >
                    Annuler
                </button>

                <button class="btn primary">
                    Enregistrer
                </button>
            </footer>
        </form>
    </dialog>
@endforeach

@endsection