@extends('layouts.admin')
@section('title', 'Détails d\'un appel à candidature - ' . getRadioUsers()->name)

@section('content')
    <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);">Détails d'un appel
                        à candidature
                        <strong class="text-white">"{{ $project->title }}"</strong>
                    </h2>
                </div>
            </div>
        </div>
    </div>
    <div class="container py-4">
        <div class="card border-0">

            <div class="card-body">
                <div class="row mb-4">
                    <div class="col-md-12">
                        <div class="border p-4 rounded">

                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <h5 class="fw-bold">Nombre de soumissions :</h5>
                                    <span class="badge bg-success">{{ $submissions->count() }}
                                        soumissions(s)</span>
                                </div>

                                <div class="col-md-6 mb-3">
                                    <h5 class="fw-bold">Durée :</h5>
                                    <span class="text-muted">
                                        Du
                                        {{ \Carbon\Carbon::parse($project->start_date)->locale('fr')->translatedFormat('l d F Y') }}
                                        au
                                        {{ \Carbon\Carbon::parse($project->end_date)->locale('fr')->translatedFormat('l d F Y') }}
                                    </span>
                                </div>
                            </div>

                            <button class="btn gradient-outline d-block mx-auto" type="button" data-bs-toggle="collapse"
                                data-bs-target="#concoursInfo">
                                Plus de détails <i class="bi bi-chevron-down"></i>
                            </button>
                        </div>
                    </div>
                </div>

                <div class="collapse" id="concoursInfo">
                    <div class="card mb-4">
                        <div class="card-header">
                            <h3 class="h5 mb-0">Description</h3>
                        </div>
                        <div class="card-body">
                            <div class="mb-4">
                                <p class="ps-4">{!! $project->description ?: 'Aucune description renseignée' !!}</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card mt-4">
                    <div class="card-header">
                        <h3 class="h5 mb-0">Tableau des soumissions</h3>
                    </div>
                    @if (count($submissions) > 0)
                        <div class="card-body">
                            <div class="">
                                <table class="table table-bordered table-striped align-middle w-100" id="datatable-buttons">
                                    <thead class="table-white">
                                        <tr>
                                            <th>#</th>
                                            <th>Nom</th>
                                            <th>Prénom</th>
                                            <th>Contact</th>
                                            <th>Email</th>
                                            <th>Statut</th>
                                            @if($project->amount > 0)
                                                <th>Frais d’étude de dossiers</th>
                                            @endif
                                            <th>Actions</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($submissions as $submission)
                                            <tr>
                                                <td>{{ $loop->iteration }}</td>
                                                <td>{{ $submission->lastname }}</td>
                                                <td>{{ $submission->firstname }}</td>
                                                <td>{{ $submission->contact }}</td>
                                                <td>{{ $submission->email }}</td>

                                                {{-- Statut avec badge --}}
                                                <td>
                                                    @php
                                                        $status = $submission->status;
                                                        $labelMap = [
                                                            'approved' => 'Approuvé',
                                                            'rejected' => 'Rejeté',
                                                            'pre-selected' => 'Pré-sélectionné',
                                                            'dismissed' => 'Écarté',
                                                            'pending' => 'En attente'
                                                        ];
                                                        $badgeClass = match (true) {
                                                            in_array($status, ['approved']) && $submission->fees_paid => 'bg-success',
                                                            in_array($status, ['rejected', 'dismissed']) || ($submission->fees_paid === false) => 'bg-danger',
                                                            default => 'bg-warning'
                                                        };
                                                    @endphp
                                                    <span class="badge {{ $badgeClass }}">
                                                        {{ $labelMap[$status] ?? ucfirst($status) }}
                                                    </span>
                                                </td>

                                                {{-- Frais d’étude si applicable --}}
                                                @if($project->amount > 0)
                                                    <td>
                                                        @if($submission->fees_paid)
                                                            <span class="badge bg-success">Payé</span>
                                                        @else
                                                            <span class="badge bg-danger">Non payé</span>
                                                        @endif
                                                    </td>
                                                @endif

                                                {{-- Actions --}}
                                                <td>
                                                    <div class="dropdown">
                                                        <button class="btn btn-sm btn-outline-primary dropdown-toggle" type="button"
                                                            data-bs-toggle="dropdown">
                                                            Actions
                                                        </button>
                                                        <ul class="dropdown-menu">
                                                            <li>
                                                                <a class="dropdown-item"
                                                                    href="{{ route('user.submission.show', ['id' => $submission->id]) }}">
                                                                    <i class="bi bi-eye me-2"></i>Voir la soumission
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a class="dropdown-item decision-btn" href="#"
                                                                    data-id="{{ $submission->id }}">
                                                                    <i class="bi bi-check2-circle me-2"></i>Prendre une décision
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a class="dropdown-item message-btn" href="#"
                                                                    data-id="{{ $submission->id }}"
                                                                    data-name="{{ $submission->firstname }} {{ $submission->lastname }}">
                                                                    <i class="bi bi-whatsapp me-2"></i>Envoyer un message
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a class="dropdown-item text-danger delete-submission-btn" href="#"
                                                                    data-id="{{ $submission->id }}">
                                                                    <i class="bi bi-trash me-2"></i>Supprimer
                                                                </a>
                                                                <form id="delete-submission-form-{{ $submission->id }}"
                                                                    action="{{ route('submissions.destroy', $submission) }}"
                                                                    method="POST" class="d-none">
                                                                    @csrf
                                                                </form>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>

                                </table>
                            </div>
                        </div>
                    @else
                        <div class="text-center p-5 fw-bold">Aucune soumission pour le moment</div>
                    @endif
                </div>
            </div>
        </div>
    </div>

@endsection

@section('script')

    <script>
        function submit(btn, formId) {
            btn.disabled = true;
            $('#' + formId).submit();
        }
    </script>
    <script>
        $(document).on('click', '.decision-btn', function (e) {
            e.preventDefault();
            let id = $(this).data('id');

            Swal.fire({
                title: 'Prendre une décision',
                input: 'select',
                inputOptions: {
                    'approved': 'Approuvé',
                    'rejected': 'Rejeté',
                    'pre-selected': 'Pré-sélectionné',
                    'dismissed': 'Écarté'
                },
                inputPlaceholder: 'Choisissez une option',
                showCancelButton: true,
                confirmButtonText: 'Valider',
                cancelButtonText: 'Annuler'
            }).then((result) => {
                if (result.isConfirmed && result.value) {
                    $.ajax({
                        url: `/user/submissions/${id}/decision`,
                        method: 'POST',
                        data: {
                            _token: '{{ csrf_token() }}',
                            decision: result.value
                        },
                        success: function () {
                            Swal.fire('Succès', 'Décision enregistrée', 'success');
                        },
                        error: function () {
                            Swal.fire('Erreur', 'Impossible d\'enregistrer la décision', 'error');
                        }
                    });
                }
            });
        });

    </script>

    <script>
        $(document).on('click', '.message-btn', function (e) {
            e.preventDefault();
            let id = $(this).data('id');
            let name = $(this).data('name');

            Swal.fire({
                title: `Envoyer un message à ${name}`,
                input: 'textarea',
                inputPlaceholder: 'Saisissez votre message ici...',
                showCancelButton: true,
                confirmButtonText: 'Envoyer',
                cancelButtonText: 'Annuler'
            }).then((result) => {
                if (result.isConfirmed && result.value) {
                    $.ajax({
                        url: `/user/submissions/${id}/send-message`,
                        method: 'POST',
                        data: {
                            _token: '{{ csrf_token() }}',
                            message: result.value
                        },
                        success: function () {
                            Swal.fire('Succès', 'Message envoyé', 'success');
                        },
                        error: function () {
                            Swal.fire('Erreur', 'Impossible d\'envoyer le message', 'error');
                        }
                    });
                }
            });
        });

    </script>

    <script>
        $(document).on('click', '.delete-submission-btn', function (e) {
            e.preventDefault();
            let id = $(this).data('id');

            Swal.fire({
                title: 'Confirmer la suppression',
                text: "Voulez-vous vraiment supprimer cette soumission ?",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: 'Oui, supprimer',
                cancelButtonText: 'Annuler',
                confirmButtonColor: '#d33',
                cancelButtonColor: '#6c757d'
            }).then((result) => {
                if (result.isConfirmed) {
                    document.getElementById(`delete-submission-form-${id}`).submit();
                }
            });
        });
    </script>

@endsection