@extends('backend/include/layout')
<!-- title -->
@section('title')
    Liste des inscrits || {{ env('APP_NAME') }}
@endsection

@section('fil-arial')
    <link href="https://cdn.datatables.net/1.10.21/css/jquery.dataTables.min.css" rel="stylesheet">
    <div class="pagetitle">
        <h1 style="margin-bottom: 3rem;">Détails paiement</h1>
        <nav>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('inscription') }}">Accueil</a></li>
                <li class="breadcrumb-item active">Details</li>
            </ol>
        </nav>
    </div>
@endsection
@section('contenu')
    <!-- Recent Sales -->
    @php
        $paiement = App\Models\Paiements::where('id', $id_decrypt)->first();
        $paiement_id = Illuminate\Support\Facades\Crypt::encrypt($paiement->id);
        $paiement_email = Illuminate\Support\Facades\Crypt::encrypt($paiement->email);
    @endphp
    <div class="col-12">
        <div class="card recent-sales overflow-auto">

            <div class="card-body">
                <div class="row" style="margin-bottom: 2rem;">
                    <div class="col-md-12">
                        <button class="btn btn-primary" onclick="history.back()"><i
                                class="fas fa-backward"></i>&nbsp;Retour</button>
                    </div>
                </div>
                <table class="table table-borderless datatablex table-bordered" style="margin-top: 2rem;">
                    <thead>
                        <tr>
                            <th scope="col">#</th>
                            <th scope="col">Catégorie</th>
                            <th scope="col">Nom et Prénom(s)</th>
                            <th scope="col">Rubrique</th>
                            <th scope="col">Montant</th>
                            <th scope="col">Date inscription</th>
                            <th scope="col">Statut</th>
                        </tr>
                    </thead>
                    <tbody>
                        @php
                            $i = 1;
                        @endphp
                        @foreach ($details as $detail)
                            <tr>
                                @php
                                    $incription = App\Models\Inscriptions::find($detail->paiement_de);
                                @endphp
                                <th scope="row"><a href="#">{{ $i++ }}</a></th>
                                <td>{{ $detail->getRubriquetarif->getCategorie->libelle }}</td>
                                <td>{{ $incription->nom }} {{ $incription->prenoms }}</td>
                                <td>{{ $detail->getRubriquetarif->getTyperubrique->libelle }}</td>
                                <td>{{ number_format($detail->montant, 0, ',', '.') }} F CFA</td>
                                <td>{{ $detail->created_at }}</td>
                                <td><span class="badge bg-warning">{{ $detail->getStatutpaiement->libelle }}</span></td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>

                <div class="row ex-center text-left">
                    <div class="col-md-7">
                        <p style="line-height : 1.9">
                            <u>Paiement effectué par</u> : <span
                                style="font-weight:bold; font-size: 120%;">{{ $paiement->nom }}
                                {{ $paiement->prenoms }}</span><br>
                            <u>Email</u> : <span style="font-weight:bold; font-size: 110%;">{{ $paiement->email }}</span>
                        </p>
                    </div>
                    <div class="col-md-5 text-right">
                        <p style="font-size: 130%;"><span class="badge bg-success">Total = {{ $total }} F CFA</span>
                        </p>
                        <form action="{{ route('traitement.paiement_en_attente', $paiement_id) }}" method="post">
                            @csrf
                            @method('put')
                            <!-- Modal -->
                            <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel"
                                aria-hidden="true" data-bs-backdrop="static" data-bs-keyboard="false">
                                <div class="modal-dialog modal-dialog-scrollable modal-dialog-centered">
                                    <div class="modal-content">
                                        <div class="modal-header" style="background-color: #01529b;">
                                            <span class="modal-title text-white" id="exampleModalLabel"
                                                style="text-align: center; font-weight: bold;">D403A4 - 7ème
                                                Congrès</span>
                                            <button type="button" class="btn-close" data-bs-dismiss="modal"
                                                aria-label="Close"></button>
                                        </div>
                                        <div class="modal-body text-left">
                                            Êtes-vous sûr(e) de votre choix ?
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-danger"
                                                data-bs-dismiss="modal">Non</button>
                                            <button type="submit" class="btn btn-success">Oui</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- end modal -->

                            <p style="font-size: 130%;">
                                <span class="badge bg-danger">
                                    Mode de paiement &nbsp;
                                    <select class="form-select-lg" aria-label="Default select example"
                                        name="modepaiement_id">
                                        @if (!empty($paiement->modepaiement_id))
                                            <optgroup label="Valeur par défaut">
                                                <option value="{{ $paiement->getModepaiement->id }}" selected>
                                                    {{ $paiement->getModepaiement->libelle }}</option>
                                            </optgroup>
                                            <optgroup value="Veuillez choisir">
                                                <option>Choisir ...</option>
                                                @foreach ($modepaiements as $item)
                                                    <option value="{{ $item->id }}">{{ $item->libelle }}</option>
                                                @endforeach
                                            </optgroup>
                                        @else
                                            <option selected>Choisir ...</option>
                                            @foreach ($modepaiements as $item)
                                                <option value="{{ $item->id }}">{{ $item->libelle }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </span>
                            </p>
                            @if (!empty($paiement->num_transaction))
                                <p style="font-size: 120%;"><span class="badge bg-danger">Numero de transaction <input
                                            type="text" name="num_transaction" value="{{ $paiement->num_transaction }}"
                                            class="form-control-lg" readonly required></span></p>
                            @else
                                <p style="font-size: 120%;"><span class="badge bg-danger">Numero de transaction <input
                                            type="text" name="num_transaction" placeholder="Entrez numero transaction"
                                            class="form-control-lg"> </span></p>
                            @endif
                            <input type="hidden" name="paiement_email" value="{{ $paiement_email }}">
                            <input type="hidden" name="name" value="{{ $paiement->nom }} {{ $paiement->prenoms }}">
                            <input type="hidden" name="reference" value="{{ $paiement->reference }}">
                            <input class="form-check-input" type="radio" name="statutpaiement_id" value="2"
                                id="rejet">
                            <label class="form-check-label" for="gridRadios1">
                                <span class="text-danger">Rejeter</span>
                            </label>
                            &nbsp; &nbsp; &nbsp; &nbsp;
                            <input class="form-check-input" type="radio" name="statutpaiement_id" value="3"
                                id="accept">
                            <label class="form-check-label" for="gridRadios2">
                                <span class="text-success">Valider</span>
                            </label><br><br>
                            <div id="motif">

                            </div>
                    
                            <button type="button" class="btn btn-primary mt-3" data-bs-toggle="modal"
                                data-bs-target="#exampleModal">
                                Enregistrer
                            </button>

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

        </div>

    </div>
    </div><!-- End Recent Sales -->

@endsection

<!-- jsScript -->
@section('script-js')
    <script>
        $(document).ready(function() {
            $('#rejet').change(function() {
                var choix = $(this).val();
                if (choix != "") {
                    console.log(choix);
                    if (choix == "2") {
                        $('#motif').empty();
                        $('#motif').append(
                            '<textarea class="form-control"  name="motif" id="motif" placeholder="Motif du rejet" required></textarea><div class="invalid-feedback">Please provide a valid city.</div>'
                            );
                    }
                }
            });

            $('#accept').change(function() {
                var choix = $(this).val();
                if (choix != "") {
                    console.log(choix);
                    if (choix == "3") {
                        $('#motif').empty();
                    }
                }
            });
        });
    </script>
@endsection