@extends('clients.ville.base_ville')

@section('style')
    {{-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css"
        integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

    <style>
        .bg-success {
            background-color: #7b920a !important;
        }
    </style> --}}
@endsection

@section('contenu')
    <div class="dashboard-content-container" data-simplebar>
        <div class="dashboard-content-inner">

            <div class="dashboard-headline">
                <h3>Accueil </h3>
                <span>Bienvenue sur la page d'accueil de votre compte annonceur</span>

                <!-- Breadcrumbs -->
                <nav id="breadcrumbs" class="dark">
                    <ul>
                        <li><a href="#">Accueil</a></li>
                        <li>Tableau de bord</li>
                    </ul>
                </nav>
            </div>


            <div class="fun-facts-container">
                <div class="fun-fact" data-fun-fact-color="#7b920a">
                    <div class="fun-fact-text">
                        <span>Nouvelles - Annonces</span>
                        <h4>-</h4>
                        <a href="{{ route('ville.add') }}"
                            class="button full-width ripple-effect button ripple-effect">Ajouter Une
                            diffusion</a>
                    </div>
                    <div class="fun-fact-icon"><i class="icon-feather-file-plus"></i></div>
                </div>
                <div class="fun-fact" data-fun-fact-color="#7b920a">
                    <div class="fun-fact-text">
                        <span>Historique - Annonces</span>
                        <h4>{{ $nombre_diffusion }}</h4>    
                        {{-- @if ($nombre_diffusion > 0)
                        @else
                            <h4>{{ $nombre_diffusion }} documents diffusés</h4>
                        @endif --}}
                        <a href="{{ route('ville.liste') }}"
                            class="button full-width ripple-effect button ripple-effect">Vos Annonces</a>
                    </div>
                    <div class="fun-fact-icon"><i class="icon-line-awesome-history"></i></div>
                </div>
                <div class="fun-fact" data-fun-fact-color="#7b920a">
                    <div class="fun-fact-text">
                        <span>Statistique - Annonces</span>
                        <h4>-</h4>
                        <a href="#" class="button full-width ripple-effect button ripple-effect">Vos statistique</a>
                    </div>
                    <div class="fun-fact-icon"><i class="icon-line-awesome-bar-chart-o"></i></div>
                </div>

                <!-- Last one has to be hidden below 1600px, sorry :( -->
                <div class="fun-fact" data-fun-fact-color="#7b920a">
                    <div class="fun-fact-text">
                        <span>Message d'Alerte</span>
                        <h4>{{ $nombre_de_message }}</h4>
                        <a href="{{ url('annonceur/liste_message') }}"
                            class="button full-width ripple-effect button ripple-effect">Gérer vos
                            messages</a>
                    </div>
                    <div class="fun-fact-icon"><i class="icon-feather-alert-triangle"></i></div>
                </div>
            </div>







            {{-- 
            <div class="fun-facts-container">

                <div class="container">
                    <div class="row">
                        <div class="col-xl-3">
                            <div class="card text-white bg-success mb-3" style="max-width: 18rem;">
                                <div class="card-header">Nouveau <img src="{{ asset('clients/images/more.png') }}"
                                        alt="" style="height: 20px"> </div>
                                <div class="card-body">
                                    <div class="text-center">
                                        <img src="{{ asset('clients/images/more.png') }}" alt=""
                                            style="height: 50px">
                                        <p class="card-text"> Ajouté une diffusion </p>
                                    </div>
                                    <a href="{{ url('annonceur/add_publication') }}"
                                        class=" button full-width  ripple-effect margin-top-10" type="submit">Diffusion
                                    </a>
                                </div>
                            </div>
                        </div>

                        <div class="col-xl-3">
                            <div class="card text-white bg-success mb-3" style="max-width: 18rem;">
                                <div class="card-header">Historique</div>
                                <div class="card-body">
                                    <div class="text-center">
                                        <img src="{{ asset('clients/images/conversation.png') }}" alt=""
                                            style="height: 50px;">
                                        @if ($nombre_diffusion > 0)
                                            <p class="card-text"> {{ $nombre_diffusion }} documents diffusés</p>
                                        @else
                                            <p class="card-text">0 document diffusé</p>
                                        @endif
                                    </div>
                                    <a href="{{ url('annonceur/list_publication') }}"
                                        class=" button full-width ripple-effect  margin-top-10" type="submit">Listes
                                        diffusées </a>
                                </div>
                            </div>
                        </div>

                        <div class="col-xl-3">
                            <div class="card text-white bg-success mb-3" style="max-width: 18rem;">
                                <div class="card-header">Stats</div>
                                <div class="card-body">
                                    <div class="text-center">
                                        <img src="{{ asset('clients/images/chart.png') }}" alt=""
                                            style="height: 50px">
                                        <p class="card-text"> Vos statisques </p>
                                    </div>
                                    <a href="#" class=" button full-width ripple-effect  margin-top-10"
                                        type="submit">Les statistiques </a>
                                </div>
                            </div>
                        </div>

                        @if (Auth::user()->profils->profil_label == 'Ville')
                            <div class="col-xl-3">
                                <div class="card text-white bg-success mb-3" style="max-width: 18rem;">
                                    <div class="card-header">Message d'information</div>
                                    <div class="card-body">
                                        <div class="text-center">
                                            <img src="{{ asset('clients/images/notification.png') }}" alt=""
                                                style="height: 50px;">
                                            <p class="card-text"> Ajouter une alerte</p>
                                        </div>
                                        <a href="{{ url('annonceur/liste_message') }}"
                                            class=" button full-width ripple-effect  margin-top-10" type="submit">Gérer les
                                            messages </a>
                                    </div>
                                </div>
                            </div>
                        @endif




                    </div>

                </div>
            </div> --}}




            <!-- Row -->
            {{-- <div class="row">

                <div class="col-xl-5">
                    <!-- Dashboard Box -->
                    <div class="dashboard-box main-box-in-row">
                        <div class="headline">
                            <h3><i class="icon-feather-bar-chart-2"></i> Your Profile Views</h3>
                            <div class="sort-by">
                                <select class="selectpicker hide-tick">
                                    <option>Last 6 Months</option>
                                    <option>This Year</option>
                                    <option>This Month</option>
                                </select>
                            </div>
                        </div>
                        <div class="content">
                            <!-- Chart -->
                            <div class="chart">
                                <canvas id="chart" width="100" height="45"></canvas>
                            </div>
                        </div>
                    </div>
                    <!-- Dashboard Box / End -->
                </div>



            </div> --}}
            <!-- Row / End -->

            @include('clients.layout.footer')

        </div>
    </div>
@endsection