@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="row">
            {{-- Nom d'utilisateur --}}
            <div class="col-6">
                <div class="row">
                    <h2>Bienvenue {{ Auth::user()->prenom }} {{ Auth::user()->nom }}</h2>
                </div>
                <div class="row">
                    {{ Auth::user()->nom_role(true) }}
                </div>
            </div>
            <div class="col">
                @isset($logo)
                    <img alt="Logo de la structure" class="m-auto float-right logo-structure" src="{{ Storage::url($logo) }}" />
                @else
                    <img alt="Logo de la structure" class="m-auto float-right logo-structure" src="{{ Storage::url('public/structures/default/logo/logo.png') }}" />
                @endif
            </div>
        </div>

        {{-- Filtres --}}
        <div class="mt-4">
            @if(Auth::user()->canAny(['see_performance_economique', 'see_achats_mutualises', 'see_rse', 'see_gestion_paat']) || Auth::user()->hasAnyRole([ROLE::RESPONSABLE_PERFORMANCE_ARS, ROLE::ACHETEUR, ROLE::CONTROLEUR_GESTION]))
                @include('home.filtres.filtres')
            @endif
            {{-- Indicateurs --}}
            @role(ROLE::RESPONSABLE_PERFORMANCE_ARS)
                @include('home.ARS.index')
            @else
                @include('home.GHT.index')
            @endrole
        </div>
    </div>
@endsection

@section('unique-js')
    <script src="{{ asset('js/commons/charts/export-pdf.js') }}"></script>
    <script src="{{ asset('js/commons/controls/familles-domaines-categories-segments.js') }}"></script>
    <script>
        {{-- Définitions des différentes couleurs des graphes --}}
        var backgroundColor = ["rgba(54,144,220,0.6)","rgba(70,191,189,0.6)","rgba(253,180,92,0.6)","rgba(238,130,81,0.6)","rgba(99,83,141,0.6)","rgba(90,151,130,0.6)","rgba(118,111,85,0.6)","rgba(231,104,110,0.6)","rgba(233,170,226,0.6)","rgba(77,83,96,0.6)","rgba(225,238,158,0.6)","rgba(106,131,118,0.6)","rgba(176,232,222,0.6)"];
        var borderColor = ["rgb(54,144,220)","rgb(70,191,189)","rgb(253,180,92)","rgb(238,130,81)","rgb(99,83,141)","rgb(90,151,130)","rgb(118,111,85)","rgb(231,104,110)","rgb(233,170,226)","rgb(77,83,96)","rgb(225,238,158)","rgb(106,131,118)","rgb(176,232,222)"];

        {{-- Gestion des flatpickr --}}
        $(function() {
            var date_debut = flatpickr('#date_debut', {
                dateFormat: 'd/m/Y',
                maxDate: 'today',
                onClose: function(selectedDates, dateStr) {
                    date_fin.set('minDate', dateStr);
                },
            });
            var date_fin = flatpickr('#date_fin', {
                dateFormat: 'd/m/Y',
                maxDate: 'today',
                onClose: function(selectedDates, dateStr) {
                    date_debut.set('maxDate', dateStr);
                },
            });
        });
    </script>
@endsection