@extends('layouts.admin')

@section('title', __('pages.list_pages.xml_title'))

@section('content')
<div class="container">
    @if(session('status'))
        <div class="alert alert-success alert-dismissible fade show mt-3">
            {{ session('status') }}<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif

    @if(session('error'))
        <div class="alert alert-danger alert-dismissible fade show mt-3">
            {{ session('error') }}<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif

    <h1>{{ __('pages.list_pages.xml_title') }}</h1>

    <div class="card mb-3">
        <div class="card-body">
            <form method="GET" action="{{ route('xml.index') }}" class="row g-2 align-items-end">
                <div class="col-md-4">
                    <label for="company_id" class="form-label">{{ __('pages.common.filter_company') }}</label>
                    <select name="company_id" id="company_id" class="form-select form-select-sm">
                        <option value="">{{ __('pages.common.all_companies') }}</option>
                        @foreach($companies as $company)
                            <option value="{{ $company->id }}" {{ (string)$selectedCompanyId === (string)$company->id ? 'selected' : '' }}>
                                {{ $company->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-4">
                    <label for="fiscal_year_id" class="form-label">{{ __('pages.common.filter_fiscal_year') }}</label>
                    <select name="fiscal_year_id" id="fiscal_year_id" class="form-select form-select-sm">
                        <option value="">{{ __('pages.common.all_fiscal_years') }}</option>
                        @foreach($fiscalYearsForFilter as $year)
                            <option value="{{ $year->id }}" {{ (string)$selectedFiscalYearId === (string)$year->id ? 'selected' : '' }}>
                                {{ $year->company?->name }} - {{ $year->year }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-4 d-flex gap-2">
                    <button type="submit" class="btn btn-primary btn-sm">{{ __('pages.common.filter') }}</button>
                    <a href="{{ route('xml.index') }}" class="btn btn-outline-secondary btn-sm">{{ __('pages.common.clear_filter') }}</a>
                </div>
            </form>
        </div>
    </div>

    <table class="table table-striped">
        <thead>
            <tr>
                <th>{{ __('pages.common.company') }}</th>
                <th>{{ __('pages.common.year') }}</th>
                <th>{{ __('pages.list_pages.prerequisites') }}</th>
                <th>{{ __('pages.list_pages.last_xml_status') }}</th>
                <th>{{ __('pages.common.actions') }}</th>
            </tr>
        </thead>
        <tbody>
            @foreach($fiscalYears as $year)
            @php
                $latestDocument = $documentsByYear->get($year->id);
                $readyForXml = $year->financialStatement
                    && $year->annexes_count === 6
                    && $year->fiscalDeclaration
                    && $year->validation_checks_count > 0
                    && $year->validation_errors_count === 0;
            @endphp
            <tr>
                <td>{{ $year->company->name }}</td>
                <td>{{ $year->year }}</td>
                <td>
                    <div class="small">
                        <div class="{{ $year->financialStatement ? 'text-success' : 'text-danger' }}">{{ __('pages.list_pages.financial_statements') }} {{ $year->financialStatement ? __('pages.list_pages.ok') : __('pages.list_pages.missing') }}</div>
                        <div class="{{ $year->annexes_count === 6 ? 'text-success' : 'text-danger' }}">{{ __('pages.kpi_global.annexes') }} {{ $year->annexes_count }}/6</div>
                        <div class="{{ $year->fiscalDeclaration ? 'text-success' : 'text-danger' }}">IS/CSS {{ $year->fiscalDeclaration ? __('pages.list_pages.ok') : __('pages.list_pages.missing') }}</div>
                        <div class="{{ $year->validation_checks_count > 0 ? 'text-success' : 'text-danger' }}">{{ __('pages.kpi_global.validation') }} {{ $year->validation_checks_count > 0 ? __('pages.list_pages.launched') : __('pages.list_pages.absent') }}</div>
                        <div class="{{ $year->validation_errors_count === 0 ? 'text-success' : 'text-danger' }} d-flex align-items-center gap-2 flex-wrap">
                            <span>{{ __('pages.kpi_global.errors') }} {{ $year->validation_errors_count }}</span>
                            @if($year->validation_errors_count > 0)
                                <button
                                    type="button"
                                    class="btn btn-sm btn-outline-danger py-0 px-2"
                                    data-bs-toggle="popover"
                                    data-bs-trigger="focus"
                                    data-bs-placement="left"
                                    data-bs-html="true"
                                    data-bs-title="Corriger le flux"
                                    data-bs-content="
                                        <div class='small'>
                                            <strong>Étapes à suivre :</strong><br>
                                            1. Ouvrir l'écran de validation de cet exercice.<br>
                                            2. Lire la ou les règles en erreur.<br>
                                            3. Corriger les données source concernées : écritures, immobilisations ou déclaration mensuelle.<br>
                                            4. Recalculer les états financiers.<br>
                                            5. Régénérer les annexes fiscales.<br>
                                            6. Recalculer l'IS/CSS si nécessaire.<br>
                                            7. Relancer la validation jusqu'à obtenir 0 erreur.<br>
                                            8. Revenir ici pour générer le XML.<br><br>
                                            <a href='{{ route('validation.show', $year) }}' class='btn btn-sm btn-primary'>Ouvrir la validation</a>
                                        </div>
                                    ">
                                    <i class="bi bi-info-circle"></i>
                                </button>
                            @endif
                        </div>
                    </div>
                </td>
                <td>
                    @if($latestDocument)
                        <span class="badge bg-{{ $latestDocument->validation_status === 'valid' ? 'success' : 'danger' }}">
                            {{ strtoupper($latestDocument->validation_status) }}
                        </span>
                    @else
                        <span class="badge bg-secondary">{{ __('pages.list_pages.no_xml') }}</span>
                    @endif
                </td>
                <td>
                    @if($readyForXml)
                        <form method="POST" action="{{ route('xml.is.process', $year) }}" style="display:inline-block;">
                            @csrf
                            <button type="submit" class="btn btn-sm btn-success">{{ __('pages.list_pages.generate_validate_download') }}</button>
                        </form>
                    @else
                        <button type="button" class="btn btn-sm btn-secondary" disabled>{{ __('pages.list_pages.process_blocked') }}</button>
                    @endif
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>

<script>
document.addEventListener('DOMContentLoaded', function () {
    const popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'));
    popoverTriggerList.forEach(function (popoverTriggerEl) {
        new bootstrap.Popover(popoverTriggerEl);
    });
});
</script>
@endsection