@extends('master.master_back')
@section('title')
    RDPC - Liste des cartes générées
@endsection
@section("styles-up")
    <link href="{{ asset('assets/plugins/datatable/css/dataTables.bootstrap5.min.css') }}" rel="stylesheet" />
@endsection

@section('content')
<div class="page-content">
    <!--breadcrumb-->
    <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
        <div class="breadcrumb-title pe-3">Liste des cartes générées</div>
        <div class="ps-3">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb mb-0 p-0">
                    <li class="breadcrumb-item"><a href="{{ route('get.backend.dashboard') }}">Dashboard</a>
                    </li>
                    <li class="breadcrumb-item active" aria-current="page">Liste des Liste des cartes générées</li>
                </ol>
            </nav>
        </div>
    </div>
    <!--end breadcrumb-->
    @php
        $sum = 0;
        $currency = "F CFA";
    @endphp
    <div class="card">
        <div class="card-body">
            <div class="page-header mb-4">
                <div class="row align-items-center">
                    <div class="col">
                        <h3 class="page-title">Liste des cartes générées</h3>
                    </div>
                    <div class="col-auto text-end float-end ms-auto download-grp">
                        <a  href="{{ route('get.backend.search.card') }}" class="btn btn-light mb-3 mb-lg-0"><i class='bx bxs-search-square'></i>Rechercher</a>
                        {{-- <a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#addAmount" class="btn btn-light mb-3 mb-lg-0"><i class='bx bxs-plus-square'></i>Ajouter une cotisation</a> --}}
                    </div>
                </div>
            </div>
            <div class="table-responsive">
                <table id="example2" class="table table-striped table-bordered">
                    <thead class="student-thread">
                        <tr>
                            <th>
                                <div class="form-check custom-checkbox ms-2">
                                    <input type="checkbox" class="form-check-input" id="checkAll" required="">
                                    <label class="form-check-label" for="checkAll"></label>
                                </div>
                            </th>
                            <th>N°</th>
                            <th>ID</th>
                            <th>Nom Complet</th>
                            <th>Numero téléphone</th>
                            <th>Admin</th>
                            <th>Date Prod</th>
                            <th>Date Exp</th>
                        </tr>
                    </thead>
                    @if(isset($data) && COUNT($data) > 0)
                    <tbody>
                        @foreach ($data as $key => $value)
                        @php
                        @endphp
                        <tr>
                            <td>
                                <div class="form-check custom-checkbox ms-2">
                                    <input type="checkbox" class="form-check-input" id="customCheckBox2" required="">
                                    <label class="form-check-label" for="customCheckBox2"></label>
                                </div>
                            </td>
                            <td>{{ ++$key }}</td>
                            <td>{{ $value->usr_qrcode }}</td>
                            <td>
                                <div>
                                    @isset($value->user)
                                        {{ $value->user->usr_name }}
                                    @endisset
                                </div>
                            </td>
                            <td>
                                @isset($value->user)
                                    {{ $value->user->usr_phone }}
                                @endisset
                            </td>

                            <td>{{ isset($value->admin) ? $value->admin->ad_name : "" }}</td>
                            <td>{{ $value->date_prod }}</td>
                            <td>{{ $value->date_exp }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                    @endif
                </table>

                <div class="d-flex justify-content-center align-items-center">
                    {!! $data->links() !!}
                </div>
            </div>
        </div>
    </div>
</div>

@endsection
@section('scripts')
    <script src="{{ asset('assets/plugins/datatable/js/jquery.dataTables.min.js') }}"></script>
	<script src="{{ asset('assets/plugins/datatable/js/dataTables.bootstrap5.min.js') }}"></script>
    <script>
        $(document).ready(function() {
            $('#example').DataTable();
            var table = $('#example2').DataTable( {
                lengthChange: true,
                buttons: ['excel']
            });

            table.buttons().container().appendTo( '#example2_wrapper .col-md-6:eq(0)' );
        });

    </script>
@endsection