@extends('master.master_back')
@section('title')
    RDPC - Liste des Membres
@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">Membres</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 Membres</li>
                </ol>
            </nav>
        </div>
    </div>
    <!--end breadcrumb-->
    <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">Membres</h3>
                    </div>
                    {{-- <div class="col-auto text-end float-end ms-auto download-grp">
                        <a href="{{ route('get.backend.add.admin') }}" class="btn btn-light mb-3 mb-lg-0"><i class='bx bxs-plus-square'></i>Ajouter un compte</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>Nom Complet</th>
                            <th>Numero téléphone</th>
                            <th>Numero téléphone urg...</th>
                            <th>Date de naissance</th>
                            <th>Adresse</th>
                            <th>Region,Departement,Arr</th>
                            <th>Pays</th>
                            <th>Profession</th>
                            <th>Organe de base</th>
                            <th>Organisation</th>
                            <th>Comite central</th>
                            <th>Comite de base</th>
                            <th>cellule</th>
                            <th>Date reg</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    @if(isset($data) && COUNT($data) > 0)
                    <tbody>
                        @foreach ($data as $key => $value)
                        @php
                            $comite = isset($value->comite) ? $value->comite->cb_name : "" ;
                            $central = $value->usr_ccentral;
                            $cellule = $value->usr_cellule;
                            $org_base = $value->usr_org_base;
                            $profession = $value->usr_profession;
                            $organisation = $value->usr_org;
                            $cur = "XAF";
                            $content = $value->usr_qrcode;
                            $url = route('get.backend.info.card.member', $content)

                        @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>
                                <div>
                                    {{ utf8_decode($value->usr_name) }}
                                </div>
                                <small class="fs-12 text-white"> <span class="">{{ $value->usr_sexe }}</span></small>
                            </td>
                            <td>
                                @isset($value)
                                    {{ $value->usr_phone }}
                                @endisset
                            </td>
                            <td>
                                @isset($value)
                                    {{ $value->usr_phone_urgence }}
                                @endisset
                            </td>
                            <td>
                                {{ $value->usr_birth }}
                            </td>

                            <td>
                                {{ $value->usr_adresse }}
                            </td>

                            <td>
                                {{ isset($value->region) ? $value->region->reg_name : '' }}, {{ isset($value->departement) ? $value->departement->dp_name : '' }},
                                {{ isset($value->arrondissement) ? $value->arrondissement->arr_name : '' }}
                            </td>
                            <td>
                                @isset($value->usr_country)
                                    <span class="badge badge-success">{{ $value->usr_country }}</span>
                                @endisset
                            </td>
                            <td>
                                {{ $profession }}
                            </td>
                            <td>
                                {{ $org_base }}
                            </td>
                            <td>
                                {{ $organisation }}
                            </td>
                            <td>
                                {{ $central }}
                            </td>
                            <td>
                                {{ $comite }}
                            </td>
                            <td>
                                {{ $cellule }}
                            </td>
                            <td>
                                {{ $value->date_reg }}
                            </td>
                            <td>
                                <div class="dropdown">
                                    <button type="button" class="btn btn-light sharp" data-bs-toggle="dropdown">
                                        <svg width="20px" height="20px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"/><circle fill="#fff" cx="5" cy="12" r="2"/><circle fill="#fff" cx="12" cy="12" r="2"/><circle fill="#fff" cx="19" cy="12" r="2"/></g></svg>
                                    </button>
                                    <div class="dropdown-menu">
                                        <a class="dropdown-item" data-bs-toggle="modal" data-bs-target="#modal_client{{ $value->usr_id }}" href="javascript:void(0);">Voir le solde</a>
                                        <a class="dropdown-item" href="{{ route('get.backend.details.contribution.member', $value->usr_id) }}" target="_blank">Details Contributions</a>
                                        <a class="dropdown-item" href="{{ route('get.backend.card.member', [$content,auth()->user()->ad_id]) }}" target="_blank">Télécharger la carte</a>
                                        <a class="dropdown-item" href="{{ $url }}" target="_blank">Voir Fiche info</a>
                                        <a class="dropdown-item" href="{{ asset($value->usr_lien_signature) }}" target="_blank"> Télécharger la signature</a>
                                        <a class="dropdown-item" href="{{ asset($value->usr_img) }}" target="_blank">Visualiser l'image</a>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <!-- Modal -->
                        <div class="modal fade" id="modal_client{{ $value->usr_id }}">
                            <div class="modal-dialog modal-dialog-centered" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <h5 class="modal-title">Solde des comptes de {{ $value->usr_name }}</h5>
                                        <button type="button" class="btn-close" data-bs-dismiss="modal">
                                        </button>
                                    </div>
                                    <div class="modal-body">
                                        @php
                                            $solde_all = 0;
                                        @endphp
                                        @if(isset($value->associateAccounts) && COUNT($value->associateAccounts) > 0)
                                        <ul class="list-group mb-3">
                                            @foreach ($value->associateAccounts as $s)
                                            @php
                                                $amount = $s->montant;
                                                $solde_all += $amount;
                                            @endphp
                                            <li class="list-group-item d-flex justify-content-between lh-condensed">
                                                <div>
                                                    <h5 class="my-1">Type compte : {{ isset($s->typeAccount) ? $s->typeAccount->type_name : ""}}</h5>
                                                    <h6 class="my-1">N° compte : {{ $s->ref_cpt }}</h6>
                                                    <h6 class="my-1">Solde : {{ convert_number($amount) }} {{ $cur }}</h6>
                                                </div>
                                            </li>
                                            @endforeach
                                        </ul>
                                        <h3 class="text-center"> Solde Total : <span class="text-success">{{ convert_number($solde_all) }} {{ $cur }}</span></h3>
                                        @else
                                        <h3 class="text-center"> Solde Total : <span class="text-success">{{ convert_number(0) }} {{ $cur }}</span></h3>
                                        @endif
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-danger light btn-sm" data-bs-dismiss="modal">Close</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @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', 'pdf', 'print']
            });

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

    </script>
@endsection