@extends('layouts.admin')
@section('title', 'Détails d\'une requête - ' . 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 sur la requête du client</h2>
                </div>
            </div>
        </div>
    </div>
    <div class="container py-4">
        <hr class="border-primary border-3 mb-4" style="max-width: 80rem; margin-left: auto; margin-right: auto;">

        <div class="card border-0 rounded p-4">
            <div class="row gx-4">

                <div class="col-lg-9">

                    <section class="mb-5">
                        <h4 class="mb-3">Informations de paiement</h4>
                        <div class="table-responsive">
                            <table class="table table-striped table-hover table-sm align-middle">
                                <tbody class="fs-6">
                                    <tr>
                                        <th scope="row" class="py-2">N° Transaction :</th>
                                        <td class="py-2">{{ $requete->transaction_id }}</td>
                                    </tr>
                                    <tr>
                                        <th scope="row" class="py-2">N° du reçu de paiement :</th>
                                        <td class="py-2">
                                            <a href="{{ config('app.aws_url') . 'pdf/receipts/' . $requete->receipt_name . '.pdf' }}"
                                                target="_blank" class="text-decoration-none">
                                                {{ $requete->receipt_name }}
                                            </a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th scope="row" class="py-2">Statut :</th>
                                        <td class="py-2">
                                            <span
                                                class="badge {{ $requete->status ? 'text-bg-success' : 'text-bg-danger' }}">
                                                {{ $requete->status ? 'Remboursé' : 'Non remboursé' }}
                                            </span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th scope="row" class="py-2">Montant :</th>
                                        <td class="py-2">{{ (int) $requete->amount }} {{ $requete->currency }}</td>
                                    </tr>
                                    <tr>
                                        <th scope="row" class="py-2">Numéro de transaction :</th>
                                        <td class="py-2">{{ $requete->transaction_phone }}</td>
                                    </tr>
                                    <tr>
                                        <th scope="row" class="py-2">Type de paiement :</th>
                                        <td class="py-2">{{ $requete->payment_type }}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </section>

                    <section class="mb-5">
                        <h4 class="mb-3">Informations sur la requête</h4>
                        <div class="table-responsive">
                            <table class="table table-striped table-hover table-sm align-middle">
                                <tbody class="fs-6">
                                    <tr>
                                        <th scope="row" class="py-2">Objet :</th>
                                        <td class="py-2">{{ $requete->title }}</td>
                                    </tr>
                                    <tr>
                                        <th scope="row" class="py-2">Type :</th>
                                        <td class="py-2">
                                            @if ($requete->typerequete)
                                                {{ $requete->typerequete->name }}
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <th scope="row" class="py-2">Description :</th>
                                        <td class="py-2">{{ $requete->content }}</td>
                                    </tr>
                                    <tr>
                                        <th scope="row" class="py-2">Nombre de diffusions :</th>
                                        <td class="py-2">{{ $requete->broadcast_number }}</td>
                                    </tr>
                                    <tr>
                                        <th scope="row" class="py-2">Fichier descriptif :</th>
                                        <td class="py-2">
                                            @if ($requete->file_uploaded)
                                                <a href="{{ config('app.aws_url') . 'pdf/supports/' . $requete->file_uploaded }}"
                                                    target="_blank" class="text-decoration-none">
                                                    {{ $requete->file_uploaded }}
                                                </a>
                                            @else
                                                <span class="text-muted">Aucun support</span>
                                            @endif
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </section>

                    <section>
                        <h4 class="mb-3">Informations sur le client</h4>
                        <div class="table-responsive">
                            <table class="table table-striped table-hover table-sm align-middle">
                                <tbody class="fs-6">
                                    <tr>
                                        <th scope="row" class="py-2">Nom :</th>
                                        <td class="py-2">{{ $requete->nom_auditeur }}</td>
                                    </tr>
                                    <tr>
                                        <th scope="row" class="py-2">N° Mobile :</th>
                                        <td class="py-2">{{ $requete->contact_auditeur }}</td>
                                    </tr>
                                    <tr>
                                        <th scope="row" class="py-2">Email :</th>
                                        <td class="py-2">{{ $requete->email_auditeur }}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </section>

                </div>

                <div class="col-lg-3 d-flex justify-content-center align-items-start">
                    <a href="{{ config('app.aws_url') . 'pdf/receipts/' . $requete->receipt_name . '.pdf' }}"
                        target="_blank" class="btn gradient-btn rounded-3 py-3 px-4" data-bs-toggle="tooltip"
                        title="Télécharger le reçu">
                        <i class="bi bi-download fs-5"></i>
                    </a>
                </div>

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