@extends('layouts.master')

@section('title', 'Express54')

@section('content')

    <div class="banner">
        @if ($selectedCountry)
            <img src="{{ asset("/storage/banner/$selectedCountry->banner_image") }}" class="test"
                alt="{{ $selectedCountry->title }}" style="width: 100%;">
        @else
            <img src="{{ asset('/assets/image/bluebanner.png') }}" class="test" alt="bluebanner.png"
                style="width: 100%; height:350px;">
        @endif

        {{-- <div class="custom_section {{ Auth::user()->role }}">
            <div class="homesec">
                @if (Auth::user()->country == 17)
                    <div class="userhomesec text-center">
                    <img src="{{ asset('/assets/image/homelogo.png') }}" class="homelogo" alt="Icon">
                </div> 
                @elseif (Auth::user()->country == 19)
                    <div class="userhomesec text-center">
                        <img src="{{ asset('/assets/image/burkina_faso.png') }}" class="homelogo" alt="Icon">
                    </div>
                @elseif (Auth::user()->country == 16)
                    <div class="userhomesec text-center">
                        <img src="{{ asset('/assets/image/cameroon.png') }}" class="homelogo" alt="Icon">
                    </div>
                @elseif (Auth::user()->country == 20)
                    <div class="userhomesec text-center">
                        <img src="{{ asset('/assets/image/mali.png') }}" class="homelogo" alt="Icon">
                        <h3>@lang('messages.mali_ambassade')</h3>
                    </div>
                @elseif (Auth::user()->country == 27)
                    <div class="userhomesec text-center">
                        <img src="{{ asset('/assets/image/guinea.png') }}" class="homelogo" alt="Icon">
                    </div>
                @else
                    <div class="userhomesec text-center">
                        <img src="{{ asset('/assets/image/faviconlogo.png') }}" class="homelogo" alt="Icon">
                        <h3>@lang('messages.bannertext')</h3>
                    </div>
                @endif
            </div>
        </div> --}}

    </div>

    <div class="admin_bg" style="min-height: calc(100vh - 110px)"><br><br>
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div id="alert-container">
                        @if (Session('error'))
                            <div class="alert alert-warning" role="alert">
                                {{ Session('error') }}
                            </div>
                        @endif

                        @if (Session('success'))
                            <div class="alert alert-success" role="alert">
                                {{ Session('success') }}
                            </div>
                        @endif
                    </div>
                    <!-- alert time out  -->
                    <script>
                        document.addEventListener("DOMContentLoaded", function() {
                            var alertContainer = document.getElementById("alert-container");
                            if (alertContainer) {
                                setTimeout(function() {
                                    alertContainer.remove();
                                }, 5000);
                            }
                        });
                    </script>

                    <a href="{{ route('selectPaiement', ['id' => $id]) }}" class="btn btn-lg btn-danger_ rounded-pill px-3" style="background: #ff7700;color:#fff">
                        <i class="fa-solid fa-arrow-left"></i>@lang('messages.back')
                    </a>

                    <h3 class="custom-heading text-center text-danger">Etat de virement - 1er paiement</h5>
                    <div class="card shadow-sm p-3 mb-5 bg-white rounded">
                        <div class="card-body hometabel">

                            <!-- <div class="d-flex justify-content-between mb-5">
                                <div>
                                    <button type="button" id="submitBtn" class="btn btn-primary">Créer un Etat</button>
                                </div>
                            </div> -->

                            <table class="table" id="expeditedtable">
                                <thead class="table_color">
                                    <tr>
                                        <th>Ministère</th>
                                        <th>N° Etat</th>
                                        <th>NE</th>
                                        <th>Montant total (FCFA)</th>
                                        <th>Montant total (€)</th>
                                        <th>EDV</th>
                                        <th>OP</th>
                                        <th>Etudiants</th>
                                        <th>Status</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @if(isset($etatVirements) && $etatVirements->isNotEmpty())
                                        @foreach ($etatVirements as $etat)

                                            @php
                                                $filePath = "public/pdf/etat_virement_{$etat->numero_ordre}.pdf";
                                                $fileUrl = asset("storage/pdf/etat_virement_{$etat->numero_ordre}.pdf");
                                                $fileExists = Storage::exists($filePath);

                                                $filePathOp = "public/pdf/ordre_paiement_{$etat->numero_ordre}.pdf";
                                                $fileUrlOp = asset("storage/pdf/ordre_paiement_{$etat->numero_ordre}.pdf");
                                                $fileExistsOp = Storage::exists($filePathOp);
                                            @endphp

                                            <tr>
                                                <td>{{ $etat->service->name ?? 'Aucun service' }}</td>
                                                <td>{{ $etat->numero_ordre }}</td>
                                                <th>{{$etat->payment_infos_count}}</th>
                                                <td>{{ number_format($etat->montanttotal, 0, ',', ' ') }}</td>
                                                <td>{{ number_format($etat->montanttotal / 655.957, 2, ',', ' ') }}</td>
                                                <td>
                                                    @if ($fileExists)
                                                        <a href="{{ $fileUrl }}" class="btn btn-md btn" target="_blank">
                                                            <i class="fa-regular fa-file-pdf shipcolor"></i>
                                                        </a>
                                                    @else
                                                        <span class="text-muted">N/A</span>
                                                    @endif
                                                </td>
                                                <td>
                                                    @if ($fileExistsOp)
                                                        <a href="{{ $fileUrlOp }}" class="btn btn-md btn" target="_blank">
                                                            <i class="fa-regular fa-file-pdf shipcolor"></i>
                                                        </a>
                                                    @else
                                                        <span class="text-muted">N/A</span>
                                                    @endif
                                                </td>
                                                <td>
                                                    <a href="{{ route('FirstPaiementEtudiant', ['id' => $etat->service_selected, 'numero_ordre' => $etat->numero_ordre]) }}" class="btn btn-md btn">
                                                        <i class="fa-regular fa-eye iconcolor"></i>
                                                    </a>
                                                </td>
                                                <td>
                                                    @if ($etat->status_etat === 'Signed')
                                                        <span class="fw-bold text-success">Signé</span>
                                                    @elseif ($etat->status_etat === 'Approved')
                                                        <span class="fw-bold text-primary">Approuvé</span>
                                                    @else
                                                        <span class="fw-bold text-warning">En attente</span>
                                                    @endif
                                                </td>

                                            </tr>
                                        @endforeach
                                    @else
                                        <tr>
                                            <td colspan="4">Aucun état de virement trouvé.</td>
                                        </tr>
                                    @endif
                                </tbody>
                            </table>

                            <script>
                                $(document).ready(function() {
                                    // Initialiser DataTable
                                    var table = $('#expeditedtable').DataTable({
                                        language: {
                                            url: "https://cdn.datatables.net/plug-ins/1.13.6/i18n/fr-FR.json"
                                        }
                                    });
                                });
                            </script>

                            <script>
                                document.getElementById('submitBtn').addEventListener('click', function () {
                                    // Afficher la boîte de confirmation
                                    if (!confirm("Voulez-vous vraiment créer cet état de virement ?")) {
                                        return; // Annuler l'exécution si l'utilisateur clique sur Annuler
                                    }

                                    fetch('{{ route("submitSelections") }}', {
                                        method: 'POST',
                                        headers: {
                                            'Content-Type': 'application/json',
                                            'X-CSRF-TOKEN': '{{ csrf_token() }}'
                                        },
                                        body: JSON.stringify({
                                            id: {{ $id }}
                                        })
                                    })
                                    .then(response => response.json())
                                    .then(data => {
                                        if (data.success) {
                                            // Réinitialiser les cases cochées
                                            document.querySelectorAll('.selectRow').forEach(checkbox => {
                                                checkbox.checked = false;
                                            });

                                            // Réinitialiser les champs de saisie des montants
                                            document.querySelectorAll('.amount-input').forEach(input => {
                                                input.value = '';
                                            });

                                            // Réinitialiser la variable de sélection
                                            selectedApplications = [];

                                            // Recharger la page pour afficher le message de session
                                            window.location.reload();
                                        } else {
                                            alert(data.message || "Une erreur est survenue.");
                                        }
                                    })
                                    .catch(error => {
                                        console.error('Erreur:', error);
                                    });
                                });
                            </script>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <br><br>
        
    </div>
@endsection