@extends('main.main_back')

@section('title')
    LE GRENIER - Rechercher Un utilisateur
@endsection

@section('pagination')
    Rechercher un utilisateur
@endsection

@section('content')
<div class="row page-titles">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ route('get.backend.dashboard') }}">Dashboard</a></li>
        <li class="breadcrumb-item"><a href="{{ route('get.backend.list.admin') }}">Listes des Utilisateurs</a></li>
        <li class="breadcrumb-item active"><a href="javascript:void(0)">Rechercher un utilisateur</a></li>
    </ol>
</div>
<div class="row">
    @if(session()->has('message'))
    <div class="alert alert-danger solid alert-dismissible fade show">
        <svg viewBox="0 0 24 24" width="24 " height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="me-2"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>
        <strong>Error!</strong> : {{ session('message') }}.
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
        </button>
    </div>
    @endif
    <div class="col-md-12">
        <div class="card">
            <div class="card-body">
                <div class="post-details">
                    <h3 class="mb-2 ">Rechercher un Utilisateur</h3>
                    <div class="comment-respond" id="respond">
                        <form class="comment-form" method="get" id="commentform" action="{{ route('get.backend.search.admin') }}">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="mb-3">
                                        <label for="comment" class=" font-w600 form-label">Nom Complet / Agence / Role </label>
                                        <select class="form-control wide mh-auto select2" name="user">
                                            <option value="">CliQuer dessus pour la recherche d'un utilisateur</option>
                                            @if(isset($users) && COUNT($users) > 0)
                                                @foreach ($users as $key => $user)
                                                    @if(isset($item))
                                                        <option value="{{ $user->ad_id}}" selected>
                                                            {{ $user->ad_name }} / {{ isset($user->centre) ? $user->centre->c_name : '' }} / {{ isset($user->role) ? $user->role->name : '' }}
                                                        </option>
                                                    @else
                                                        <option value="{{ $user->ad_id }}">
                                                            {{ $user->ad_name }} / {{ isset($user->centre) ? $user->centre->c_name : '' }} / {{ isset($user->role) ? $user->role->name : '' }}
                                                        </option>
                                                    @endif
                                                @endforeach
                                            @endif
                                        </select>
                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <div class="mb-3">
                                        <input type="submit" value="search" class="submit btn btn-primary btn-sm" id="submit">
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@isset($item)
@php
    $user_id = $item->ad_id;
    $name = $item->ad_name;
    $firstname = $item->ad_prenom;
    $lastname = $item->ad_nom;
    $sexe = $item->ad_sexe;
    $phone = $item->ad_phone;
    $agency = isset($item->centre) ? $item->centre->c_name : "";
    $role = isset($item->role) ? $item->role->name : "";
    $address = $item->ad_adresse;
    $date_register = $item->date_reg;

    $solde_all = 0;
    $cur = "XAF";

@endphp
    <div class="row">
        <div class="col-lg-12">
            <div class="profile card card-body px-3 pt-3 pb-0">
                <div class="profile-head">
                    <div class="photo-content">
                        <div class="cover-photo rounded"></div>
                    </div>
                    <div class="profile-info">
                        <div class="profile-photo">
                            <img src="{{ asset('user.png') }}" class="img-fluid rounded-circle" alt="">
                        </div>
                        <div class="profile-details">
                            <div class="profile-name px-3 pt-2">
                                <h4 class="text-white mb-0">{{ $name }}</h4>
                                <p>{{ $role }}</p>
                            </div>
                            <div class="profile-email px-2 pt-2">
                                <h4 class="mb-0">{{ $address }}</h4>
                                <p>{{ $agency }}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xl-12">
            <div class="card h-auto">
                <div class="card-body">
                    <div class="profile-tab">
                        <div class="custom-tab-1">
                            <ul class="nav nav-tabs">
                                <li class="nav-item"><a href="#my-posts" data-bs-toggle="tab" class="nav-link active show">StatistiQues Clients</a>
                                </li>
                                <li class="nav-item"><a href="#about-me" data-bs-toggle="tab" class="nav-link">Informations</a>
                                </li>
                            </ul>
                            <div class="tab-content">
                                <div id="my-posts" class="tab-pane fade active show">
                                    <div class="row mt-3">
                                        <div class="col-xl-3 col-lg-6 col-md-6 col-sm-6">
                                            <div class="card wallet blue">
                                                <div class="card-header border-0">
                                                    <div class="wallet-info">
                                                        <span class="font-w400 d-block text-white">ANNEE EN COURS</span>
                                                        <h4 class="fs-24 font-w600 mb-0 d-inline-flex me-2">{{ getClientByAdmin($user_id,'year') }}</h4>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-3 col-lg-6 col-md-6 col-sm-6">
                                            <div class="card wallet blue">
                                                <div class="card-header border-0">
                                                    <div class="wallet-info">
                                                        <span class="font-w400 d-block text-white">MOIS EN COURS</span>
                                                        <h4 class="fs-24 font-w600 mb-0 d-inline-flex me-2">{{ getClientByAdmin($user_id,'month') }}</h4>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-3 col-lg-6 col-md-6 col-sm-6">
                                            <div class="card wallet blue">
                                                <div class="card-header border-0">
                                                    <div class="wallet-info">
                                                        <span class="font-w400 d-block text-white">7 DERNIERS JOURS</span>
                                                        <h4 class="fs-24 font-w600 mb-0 d-inline-flex me-2">{{ getClientByAdmin($user_id,'last_7_day') }}</h4>
                                                    </div>
                                                </div>
                                            </div>
                                        </div><div class="col-xl-3 col-lg-6 col-md-6 col-sm-6">
                                            <div class="card wallet blue">
                                                <div class="card-header border-0">
                                                    <div class="wallet-info">
                                                        <span class="font-w400 d-block text-white">AUJOURD'HUI</span>
                                                        <h4 class="fs-24 font-w600 mb-0 d-inline-flex me-2">{{ getClientByAdmin($user_id,'toDay') }}</h4>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6">
                                            <div class="card wallet blue">
                                                <div class="card-header border-0">
                                                    <div class="wallet-info">
                                                        <span class="font-w400 d-block text-white">ANNEE DERNIERE</span>
                                                        <h4 class="fs-24 font-w600 mb-0 d-inline-flex me-2">{{ getClientByAdmin($user_id,'lastYear') }}</h4>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6">
                                            <div class="card wallet blue">
                                                <div class="card-header border-0">
                                                    <div class="wallet-info">
                                                        <span class="font-w400 d-block text-white">TOTAL GLOBAL</span>
                                                        <h4 class="fs-24 font-w600 mb-0 d-inline-flex me-2">{{ getClientByAdmin($user_id,'all') }}</h4>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="about-me" class="tab-pane fade">
                                    <div class="profile-personal-info">
                                        <h4 class="text-primary mb-4 mt-4">Details des Informations</h4>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="row mb-2">
                                                    <div class="col-sm-3 col-5">
                                                        <h5 class="f-w-500">Nom Complet <span class="pull-end">:</span>
                                                        </h5>
                                                    </div>
                                                    <div class="col-sm-9 col-7"><span>{{ $name }}</span>
                                                    </div>
                                                </div>
                                                <div class="row mb-2">
                                                    <div class="col-sm-3 col-5">
                                                        <h5 class="f-w-500">N° Téléphone <span class="pull-end">:</span>
                                                        </h5>
                                                    </div>
                                                    <div class="col-sm-9 col-7"><span>{{ $phone }}</span>
                                                    </div>
                                                </div>
                                                <div class="row mb-2">
                                                    <div class="col-sm-3 col-5">
                                                        <h5 class="f-w-500">Sexe <span class="pull-end">:</span></h5>
                                                    </div>
                                                    <div class="col-sm-9 col-7"><span>{{ $sexe }}</span>
                                                    </div>
                                                </div>
                                                <div class="row mb-2">
                                                    <div class="col-sm-3 col-5">
                                                        <h5 class="f-w-500">Adresse <span class="pull-end">:</span></h5>
                                                    </div>
                                                    <div class="col-sm-9 col-7"><span>{{ $address }}</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="row mb-2">
                                                    <div class="col-sm-3 col-5">
                                                        <h5 class="f-w-500">Agence <span class="pull-end">:</span>
                                                        </h5>
                                                    </div>
                                                    <div class="col-sm-9 col-7"><span>{{ $agency }}</span>
                                                    </div>
                                                </div>
                                                <div class="row mb-2">
                                                    <div class="col-sm-3 col-5">
                                                        <h5 class="f-w-500">Role <span class="pull-end">:</span>
                                                        </h5>
                                                    </div>
                                                    <div class="col-sm-9 col-7"><span>{{ $role }}</span>
                                                    </div>
                                                </div>
                                                <div class="row mb-2">
                                                    <div class="col-sm-3 col-5">
                                                        <h5 class="f-w-500">Enregistré le <span class="pull-end">:</span></h5>
                                                    </div>
                                                    <div class="col-sm-9 col-7"><span>{{ $date_register }}</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endisset
<!-- /row -->
@endsection
@section("script-js")
    <script>
        $(document).ready(function(){

        })
    </script>
@endsection