@extends('layouts.admin')
@section('title', 'Appels à candidature - ' . getRadioUsers()->name)
@section('content')
    <div class="row g-4 mb-4">
        <div class="p-5 bg-linear-gradient mt-0">
            <div class="container-fluid text-white text-center">
                <div class="row justify-content-center">
                    <div class="col-md-10">
                        <h2 class="fw-bold mb-4" style="font-size: clamp(1.1rem, 2.5vw + 0.7rem, 2.1875rem);">
                            Appel à candidature
                        </h2>
                    </div>
                </div>
            </div>
        </div>

        {{-- Bloc Statistiques --}}
        <div class="mt-3 px-4 rounded-4">
            <div class="card border-0 rounded-4 shadow-sm info-card h-100">
                <div class="card-header rounded-top-4 bg-white">
                    <h5 class="card-title mb-0">
                        <i class="fas fa-chart-line me-2 text-gradient"></i>Statistiques
                    </h5>
                </div>
                <div class="card-body">
                    <div class="row">

                        {{-- Projets avec frais --}}
                        <div class="col-md-3 text-center mb-3">
                            <div class="p-3 bg-light rounded">
                                <h3 class="mb-0">{{ $projects->where('amount', '>', 0)->count() }}</h3>
                                <small class="text-muted">Appels à candidature avec frais de dossier</small>
                            </div>
                        </div>
                
                        {{-- Soumissions payées --}}
                        <div class="col-md-3 text-center mb-3">
                            <div class="p-3 bg-light rounded">
                                <h3 class="mb-0">
                                    {{ $projects->where('amount', '>', 0)
                                               ->sum(fn($p) => $p->submission->where('fees_paid', true)->count()) }}
                                </h3>
                                <small class="text-muted">Soumissions payées</small>
                            </div>
                        </div>

                        {{-- Balance --}}
                        <div class="col-md-3 text-center mb-3">
                            <div class="p-3 bg-light rounded">
                                <h3 class="mb-0">
                                {{ number_format(
                                        getRadioUsers()->balance,
                                    0, '', ' ') }} FCFA
                                </h3>
                                <small class="text-muted">Balance</small>
                            </div>
                        </div>

                        {{-- Total généré --}}
                        <div class="col-md-3 text-center mb-3">
                            <div class="p-3 bg-light rounded">
                                <h3 class="mb-0">
                                    {{ number_format(
                                        $projects->sum(fn($p) =>
                                            $p->submission
                                                ->where('fees_paid', true)
                                                ->sum('radio_amount')
                                        ),
                                    0, '', ' ') }} FCFA
                                </h3>
                                <small class="text-muted">Total généré via les appels à candidature</small>
                            </div>
                        </div>

                        {{-- Progression --}}
                       {{-- Progression --}}
                        <div class="col-12 mt-2">
                            @php
                                // On filtre uniquement les projets avec frais de dossier
                                $projectsWithFees = $projects->filter(fn($p) => $p->amount > 0);

                                // Nombre total de soumissions (uniquement projets avec amount > 0)
                                $totalSoumissions = $projectsWithFees->sum(fn($p) => $p->submission->count());

                                // Nombre de soumissions payées (fees_paid = true, uniquement projets avec amount > 0)
                                $soumissionsPayees = $projectsWithFees->sum(fn($p) =>
                                    $p->submission->where('fees_paid', true)->count()
                                );

                                // Pourcentage
                                $percentage = $totalSoumissions > 0
                                    ? ($soumissionsPayees / $totalSoumissions) * 100
                                    : 0;
                            @endphp

                            <div class="progress" style="height: 10px;">
                                <div class="progress-bar bg-success"
                                    role="progressbar"
                                    style="width: {{ $percentage }}%"
                                    aria-valuenow="{{ $percentage }}"
                                    aria-valuemin="0"
                                    aria-valuemax="100">
                                </div>
                            </div>
                            <small class="text-muted">{{ round($percentage) }}% de soumissions payées</small>
                        </div>


                    </div>
                </div>
            </div>
        </div>

        <div class="card-custom px-4 mt-4">
            <div class="bg-white rounded-4 shadow-sm p-4">
                <div class="header-section">
                    <div
                        class="d-flex flex-column flex-md-row justify-content-between align-items-stretch align-items-md-center mb-4">
                        <a class="btn gradient-btn mb-3 mb-md-0" href="{{ route('projects.create') }}">
                            Créer un appel à candidature
                        </a>
                    </div>
                </div>
                @if (count($projects) > 0)
                    <div class="">
                        <table class="table table-bordered table-striped align-middle w-100" id="datatable-buttons">
                            <thead class="table-white">
                                <tr>
                                    <th>#</th>
                                    <th>Titre</th>
                                    <th>Date début</th>
                                    <th>Date fin</th>
                                    <th>Nombre de soumission</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($projects as $key => $project)
                                    <tr>
                                        <td>{{ $key + 1 }}</td>
                                        <td title="{{ $project->title }}">{{ $project->title }}</td>
                                        <td>{{ \Carbon\Carbon::parse($project->start_date)->locale('fr')->translatedFormat('l d F Y') }}</td>
                                        <td>{{ \Carbon\Carbon::parse($project->end_date)->locale('fr')->translatedFormat('l d F Y') }}</td>
                                        <td>{{ $project->submission->count() }}</td>
                                        <td class="action-col" style="z-index: 9999 !important;">
                                            <div class="dropdown">
                                                <button class="btn p-0 border-0 bg-transparent" type="button"
                                                    id="dropdownMenu{{ $key }}" data-bs-toggle="dropdown"
                                                    aria-expanded="false">
                                                    <i class="bi bi-three-dots-vertical fs-5"></i>
                                                </button>
                                                <ul class="dropdown-menu"
                                                    aria-labelledby="dropdownMenu{{ $key }}">
                                                    <li>
                                                        <a href="{{ route('projects.show', $project->id) }}" class="dropdown-item">
                                                            Voir les soumissions
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="{{ route('projects.edit', $project->id) }}" class="dropdown-item">
                                                            Modifier
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="javascript:void(0);" data-bs-toggle="modal"
                                                            data-bs-target="#delete_modal{{ $project->id }}"
                                                            class="dropdown-item text-danger">
                                                            Supprimer
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </td>
                                    </tr>

                                    {{-- Modal suppression --}}
                                    <div class="modal fade" id="delete_modal{{ $project->id }}" data-bs-backdrop="static"
                                        data-bs-keyboard="false" tabindex="-1"
                                        aria-labelledby="deleteLabel{{ $project->id }}" aria-hidden="true">
                                        <div class="modal-dialog">
                                            <div class="modal-content shadow rounded-4">
                                                <form id="delete-{{ $project->id }}" method="POST"
                                                    action="{{ route('projects.destroy', $project->id) }}">
                                                    @csrf
                                                    @method('DELETE')
                                                    <input type="hidden" name="project_id" value="{{ $project->id }}">
                                                    <div class="modal-header bg-light rounded-top-4 px-4 py-3">
                                                        <h5 class="modal-title mx-auto" id="deleteLabel{{ $project->id }}">
                                                            Suppression de l'appel à candidature
                                                        </h5>
                                                        <button type="button" class="btn-close" data-bs-dismiss="modal"
                                                            aria-label="Fermer"></button>
                                                    </div>
                                                    <div class="modal-body text-center">
                                                        <p class="mb-0 fw-semibold">
                                                            Voulez-vous vraiment supprimer l'appel à candidature suivant ?
                                                        </p>
                                                        <p class="text-danger mt-2">
                                                            <strong>« {{ $project->title }} »</strong>
                                                        </p>
                                                    </div>
                                                    <div class="modal-footer bg-light rounded-bottom-4 d-flex justify-content-between px-4 py-3">
                                                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                                                            Annuler
                                                        </button>
                                                        <button type="button" class="btn btn-danger"
                                                            onclick="submit(this, 'delete-{{ $project->id }}')">
                                                            Supprimer
                                                        </button>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @else
                    <div class="main-content-card">
                        <div>
                            <img src="{{ asset('assets/images/not-content.svg') }}" alt="aucun" />
                        </div>
                        <div>
                            <p class="h5">Pas d'appels à candidature pour le moment.</p>
                        </div>
                    </div>
                @endif
            </div>
        </div>
    </div>
@endsection

@section('script')
@endsection