@extends('web.layouts.base')
@section('titre')
    Tableau de bord
@endsection
@section('style')
    @endsection
@section('content')

<div class="page-content">
    <div class="container-fluid">

        <!-- start page title -->
        <div class="row">
            <div class="col-12">
                <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                    <h4 class="mb-sm-0">Dashboard Personne Physique</h4>

                    <div class="page-title-right">
                        <ol class="breadcrumb m-0">
                            <li class="breadcrumb-item"><a href="javascript: void(0);">Dashboards</a></li>
                            <li class="breadcrumb-item active">Dashboard</li>
                        </ol>
                    </div>

                </div>
            </div>
        </div>
        <!-- end page title -->

        <div class="row dash-nft">
                <div class="row">
                    @if ($permis == null && $demande == null)
                        <div class="col-xl-6">
                            <div class="card overflow-hidden">
                                <div class="card-body bg-marketplace d-flex">
                                    <div class="flex-grow-1">
                                        <h4 class="fs-18 lh-base mb-0">
                                            Avant de commencer la commande de ressources génétiques et de connaissances traditionnelles, il est impératif de soumettre une demande d'accès aux <span class="text-primary">RG/STA</span>. Dans ce contexte, veuillez remplir l'un des formulaires disponibles.</h4>
                                            <h4 class="fs-18 lh-base mb-0">Si vous représentez une autorité reconnue, veuillez soumettre une notification urgente. Dans le cas contraire, veuillez soumettre une demande d'accès aux ressources.</h4>
                                        <p class="mb-0 mt-2 pt-1 text-muted">AUTORITE NATIONAL COMPETENTE - APA.</p>
                                        <div class="d-flex gap-3 mt-4">
                                            <a href="{{ route('permis.demande') }}" class="btn btn-soft-primary">Formulaire de demande d'accès</a>
                                            <a href="{{ route('notification-urgente') }}" class="btn btn-primary">Permis d'Urgence</a>
                                        </div>
                                    </div>
                                    <img src="{{ asset('assets/images/bg-d.png') }}" alt="" class="img-fluid">
                                </div>
                            </div>
                        </div><!--end col-->
                    @endif
                    <div class="col-xl-3 col-md-6">
                        <div class="card card-height-100">
                            <div class="card-body">
                                <div class="float-end">
                                    {{-- <div class="dropdown card-header-dropdown">
                                        <a class="text-reset dropdown-btn" href="#" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <span class="text-muted fs-18"><i class="mdi mdi-dots-vertical align-middle"></i></span>
                                        </a>
                                        <div class="dropdown-menu dropdown-menu-end">
                                            <a class="dropdown-item" href="#">Today</a>
                                            <a class="dropdown-item" href="#">Last Week</a>
                                            <a class="dropdown-item" href="#">Last Month</a>
                                            <a class="dropdown-item" href="#">Current Year</a>
                                        </div>
                                    </div> --}}
                                </div>
                                <div class="d-flex align-items-center">
                                    <div class="avatar-sm flex-shrink-0">
                                        <span class="avatar-title bg-soft-primary rounded fs-3">
                                            <i class="bx bx-shopping-bag text-primary"></i>
                                        </span>
                                    </div>
                                    <div class="flex-grow-1 ps-3">
                                        <h5 class="text-muted text-uppercase fs-13 mb-0">Total Commande</h5>
                                    </div>
                                </div>
                                <div class="mt-4 pt-1">
                                    <h4 class="fs-22 fw-semibold ff-secondary mb-0"><span class="counter-value" data-target="{{ $commande }}"></span> commande{{ $commande > '1' ? 's' : '' }} </h4>
                                    <p class="mt-4 mb-0 text-muted"><span class="badge bg-soft-danger text-danger mb-0 me-1"> <i class="ri-arrow-up-line align-middle"></i> </span> Total des commandes effectué dans le système.</p>
                                </div>
                            </div>
                        </div>
                    </div><!--end col-->
                    <div class="col-xl-3 col-md-6">
                        <div class="card card-height-100">
                            <div class="card-body">
                                <div class="float-end">
                                    {{-- <div class="dropdown card-header-dropdown">
                                        <a class="text-reset dropdown-btn" href="#" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <span class="text-muted fs-18"><i class="mdi mdi-dots-vertical align-middle"></i></span>
                                        </a>
                                        <div class="dropdown-menu dropdown-menu-end">
                                            <a class="dropdown-item" href="#">Today</a>
                                            <a class="dropdown-item" href="#">Last Week</a>
                                            <a class="dropdown-item" href="#">Last Month</a>
                                            <a class="dropdown-item" href="#">Current Year</a>
                                        </div>
                                    </div> --}}
                                </div>
                                <div class="d-flex align-items-center">
                                    <div class="avatar-sm flex-shrink-0">
                                        <span class="avatar-title bg-soft-primary rounded fs-3">
                                            <i class="bx bx-wallet text-primary"></i>
                                        </span>
                                    </div>
                                    <div class="flex-grow-1 ps-3">
                                        <h5 class="text-muted text-uppercase fs-13 mb-0">Ressource Génétiques</h5>
                                    </div>
                                </div>
                                <div class="mt-4 pt-1">
                                    <h4 class="fs-22 fw-semibold ff-secondary mb-0"><span class="counter-value" data-target="{{ $ressource }}"></span> RG</h4>
                                    <p class="mt-4 mb-0 text-muted"><span class="badge bg-soft-success text-success mb-0"> <i class="ri-arrow-up-line align-middle"></i> </span>Toutes les ressources comprises dans le système cela inclut ceux qui ne porte pas encore de prix dans le système</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div><!--end row-->
        </div>
        <!--end row-->

    </div>
    <!-- container-fluid -->
</div>
<!-- End Page-content -->

<div id="success-Payment" class="modal fade" tabindex="-1" aria-hidden="true" style="display: none;">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-body text-center p-5">
                <div class="text-end">
                    <button type="button" class="btn-close text-end" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="mt-2">
                    <lord-icon src="{{ asset('assets/tqywkdcz.json') }}" trigger="hover" style="width:150px;height:150px">
                    </lord-icon>
                    <h4 class="mb-3 mt-4">AVERTISSEMENT!</h4>
                    <p class="text-muted fs-15 mb-4">
                        <h4 class="fs-18 lh-base mb-0">
                            Avant de commencer la commande de ressources génétiques et de connaissances traditionnelles, il est impératif de soumettre une demande d'accès aux <span class="text-primary">RG/STA</span>. Dans ce contexte, veuillez remplir l'un des formulaires disponibles.</h4>
                            <h4 class="fs-18 lh-base mb-0">Si vous représentez une autorité reconnue, veuillez soumettre une <a href="{{ route('notification-urgente') }}">notification urgente</a>. Dans le cas contraire, veuillez soumettre une <a href="{{ route('permis.demande') }}">demande d'accès aux ressources</a>.</h4>
                    </p>
                    <div class="hstack gap-2 justify-content-center">
                        <a href="{{ route('permis.demande') }}" class="btn btn-primary">Demande d'accès</a>
                        <a href="{{ route('notification-urgente') }}" class="btn btn-soft-success"><i class="ri-links-line align-bottom"></i> Notification urgente</a>
                    </div>
                </div>
            </div>
            <div class="modal-footer bg-light p-3 justify-content-center">
                {{-- <p class="mb-0 text-muted">You like our service? <a href="javascript:void(0)" class="link-secondary fw-semibold">Invite Friends</a></p> --}}
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->


<!-- End Page-content -->
@endsection

@section('scripts')
<script type="text/javascript">

    $(window).on('load',function(){
        @if ($permis == null && $demande == null)
            $('#success-Payment').modal('show');
        @endif
    });

</script>
@endsection