@extends('layouts.base')

@section('title')
    Réclamation/list
@endsection

@section('style')

@endsection

@section('content')
    <!-- Breadcrumb start -->
    <div class="row m-1">
        <div class="col-12 ">
            <h4 class="main-title">Réclamation de gain</h4>
            <ul class="app-line-breadcrumbs mb-3">
                <li class="">
                    <a class="f-s-14 f-w-500" href="{{ route('reclamation.index') }}">
                        <span>
                            <i class="ph-duotone  ph-stack f-s-16 "></i> Tableau de bord
                        </span>
                    </a>
                </li>
                <li class="active">
                    <a class="f-s-14 f-w-500" href="#">Toutes les Réclamations</a>
                </li>
                {{-- <li class="active">
                    <a class="f-s-14 f-w-500" href="#">Listes</a>
                </li> --}}
            </ul>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            {{-- <div class="alert alert-light-success " role="alert"> Light success color alert with an example link check
                it </div> --}}
            <div class="card">
                {{-- <div class="card-header">
                    <div class="row">
                        <div class="col-md-4">
                            <input type="text" placeholder="Rechercher une réclamation..." class="form-control rounded">
                        </div>
                        <div class="col-md-8 text-end">
                            <a href="#" class="btn btn-outline-danger mx-1">
                                <i class="ph-light ph-prohibit"></i> Exporter
                            </a>
                        </div>
                    </div>
                </div> --}}
                <div class="card-body">
                    <div class="app-datatable-default overflow-auto">
                        <table id="allClaimsTable" class="display app-data-table default-data-table">
                            <thead>
                                <tr>
                                    <th>Date du jeu</th>
                                    <th>Réference</th>
                                    <th>Ticket</th>
                                    <th>Réclamant</th>
                                    <th>Téléphone</th>
                                    <th>Statut</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($claims as $claim)
                                    <tr>
                                        <td>{{ optional($claim->play_date)->format('d/m/Y H:i') ?? '--/--/---- --:--' }}</td>
                                        <td>{{ $claim->claim_reference }}</td>
                                        <td>{{ $claim->ticket_number }}</td>
                                        <td>{{ $claim->claimant_first_name . " " . $claim->claimant_last_name }}</td>
                                        <td>{{ $claim->claimant_phone }}</td>
                                        <td>
                                            @php
                                                $statusId = $claim->claim_statuse_id;
                                                $statusName = optional($claim->claimStatus)->name;
                                                $badgeClass = match ($statusId) {
                                                    1 => 'bg-info',       // Soumise
                                                    2 => 'bg-primary',    // Enregistrée
                                                    3 => 'bg-warning',    // En attente
                                                    4 => 'bg-primary',    // A transmettre
                                                    5 => 'bg-primary',    // Transmise
                                                    6 => 'bg-success',    // Clôturée / Payée
                                                    7 => 'bg-danger',     // Rejetée
                                                    default => 'bg-secondary',
                                                };
                                            @endphp
                                            <span class="badge {{ $badgeClass }}">{{ $statusName }}</span>
                                        </td>
                                        <td class="text-nowrap">
                                            <a href="#" class="btn btn-sm btn-outline-secondary mx-1" data-bs-toggle="modal"
                                                data-bs-target="#voirReclamation{{ $claim->id }}">
                                                <i class="ph-light ph-eye"></i>
                                            </a>
                                            {{-- @if($statusId == 1)
                                                <a href="{{ route('reclamation.initiate.edit', ['id' => encryptId($claim->id)]) }}"
                                                    class="btn btn-sm btn-outline-warning">
                                                    <i class="ph-light ph-pencil"></i>
                                                </a>
                                            @endif --}}
                                        </td>
                                    </tr>
                                @empty
                                    
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            {{-- Dynamic modals per claim --}}
            @foreach($claims as $claim)
                <div class="modal fade" id="voirReclamation{{ $claim->id }}" tabindex="-1"
                    aria-labelledby="voirReclamation{{ $claim->id }}Label" aria-hidden="true">
                    <div class="modal-dialog modal-lg app_modal_lg">
                        <div class="modal-content">
                            <div class="modal-header bg-primary-800">
                                <h5 class="modal-title fs-5 text-white" id="voirReclamation{{ $claim->id }}Label">Détails de la
                                    réclamation - {{ $claim->claim_reference }}</h5>
                                <button type="button" class="fs-5 border-0 bg-none text-white" data-bs-dismiss="modal"
                                    aria-label="Close">
                                    <i class="ph ph-x-circle fs-3"></i>
                                </button>
                            </div>
                            <div class="modal-body">
                                <div class="row g-3">
                                    <div class="col-md-6">
                                        <div class="f-w-600">Référence</div>
                                        <div>{{ $claim->claim_reference }}</div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="f-w-600">Ticket</div>
                                        <div>{{ $claim->ticket_number ?? $claim->ticket_referenceId }}</div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="f-w-600">Parieur</div>
                                        <div>{{ $claim->claimant_first_name }} {{ $claim->claimant_last_name }}</div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="f-w-600">Téléphone</div>
                                        <div>{{ $claim->claimant_phone }}</div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="f-w-600">Type de jeu</div>
                                        <div>{{ optional($claim->gameType)->name ?? '-' }}</div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="f-w-600">Montant du ticket</div>
                                        <div>{{ number_format($claim->amount ?? 0, 0, ',', ' ') }}</div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="f-w-600">Montant du gain</div>
                                        <div>{{ number_format($claim->gain_amount ?? 0, 0, ',', ' ') }}</div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="f-w-600">Date du jeu</div>
                                        <div>{{ optional($claim->play_date)->format('d/m/Y H:i') }}</div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="f-w-600">Expiration du ticket</div>
                                        <div>{{ optional($claim->ticket_expire_date)->format('d/m/Y H:i') }}</div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="f-w-600">Statut</div>
                                        @php
                                            $statusId = $claim->claim_statuse_id;
                                            $statusName = optional($claim->claimStatus)->name;
                                            $badgeClass = match ($statusId) {
                                                1 => 'bg-info',
                                                2 => 'bg-primary',
                                                3 => 'bg-warning',
                                                4 => 'bg-primary',
                                                5 => 'bg-primary',
                                                6 => 'bg-success',
                                                7 => 'bg-danger',
                                                default => 'bg-secondary',
                                            };
                                        @endphp
                                        <div><span class="badge {{ $badgeClass }}">{{ $statusName }}</span></div>
                                    </div>

                                    @if(in_array((int) $claim->claim_statuse_id, [2, 3, 4, 5, 6]))
                                        <div class="col-12">
                                            <hr class="my-2" />
                                            <div class="f-w-600 mb-2">Première description</div>
                                            <div class="row g-2">
                                                <div class="col-md-6">
                                                    <div class="f-w-600">Capture description 1</div>
                                                    @if(!empty($claim->first_description_file))
                                                        <div><a href="{{ asset('storage/' . $claim->first_description_file) }}"
                                                                target="_blank">Voir le fichier</a></div>
                                                    @else
                                                        <div>-</div>
                                                    @endif
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="f-w-600">Ticket scanné</div>
                                                    @if(!empty($claim->ticket_file_path))
                                                        <div><a href="{{ asset('storage/' . $claim->ticket_file_path) }}"
                                                                target="_blank">Voir le ticket</a></div>
                                                    @else
                                                        <div>-</div>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                    @endif

                                    @if(in_array((int) $claim->claim_statuse_id, [4, 5, 6]))
                                        <div class="col-12">
                                            <hr class="my-2" />
                                            <div class="f-w-600 mb-2">Deuxième description / Contrôle</div>
                                            <div class="row g-2">
                                                <div class="col-md-6">
                                                    <div class="f-w-600">Capture description 2</div>
                                                    @if(!empty($claim->second_description_file))
                                                        <div><a href="{{ asset('storage/' . $claim->second_description_file) }}"
                                                                target="_blank">Voir le fichier</a></div>
                                                    @else
                                                        <div>-</div>
                                                    @endif
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="f-w-600">Code opérateur</div>
                                                    <div>{{ $claim->operator_code ?? '-' }}</div>
                                                </div>
                                            </div>
                                        </div>
                                    @endif

                                    @if((int) $claim->claim_statuse_id === 6)
                                        <div class="col-12">
                                            <hr class="my-2" />
                                            <div class="f-w-600 mb-2">Paiement</div>
                                            <div class="row g-2">
                                                <div class="col-md-6">
                                                    <div class="f-w-600">Date de paiement</div>
                                                    <div>{{ optional($claim->payment_date)->format('d/m/Y H:i') ?? '-' }}</div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="f-w-600">Justificatif</div>
                                                    @if(!empty($claim->payment_reference))
                                                        <div><a href="{{ asset('storage/' . $claim->payment_reference) }}"
                                                                target="_blank">Voir le justificatif</a></div>
                                                    @else
                                                        <div>-</div>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                    @endif

                                    @if((int) $claim->claim_statuse_id === 7)
                                        <div class="col-12">
                                            <hr class="my-2" />
                                            <div class="f-w-600">Motif du rejet</div>
                                            <div>{{ $claim->reject_raison ?? '-' }}</div>
                                        </div>
                                    @endif
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fermer</button>
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
@endsection

@section('script')
    <script>
        $(document).ready(function () {
            $("#allClaimsTable").DataTable({
                language: {
                    processing: "Traitement en cours...",
                    search: "Rechercher&nbsp;:",
                    lengthMenu: " _MENU_ ",
                    info: "",
                    infoEmpty: "Affichage de l'élément 0 à 0 sur 0 élément",
                    infoFiltered: "(filtré de _MAX_ éléments au total)",
                    loadingRecords: "Chargement en cours...",
                    zeroRecords: "Aucun élément à afficher",
                    emptyTable: "Aucune donnée disponible dans le tableau",
                    paginate: {
                        first: "Premier",
                        previous: "Précédent",
                        next: "Suivant",
                        last: "Dernier"
                    },
                    aria: {
                        sortAscending: ": activer pour trier la colonne par ordre croissant",
                        sortDescending: ": activer pour trier la colonne par ordre décroissant"
                    }
                }
            });
        });
    </script>
@endsection