@props([
    'title' => '', 
    'range' => '',
    'users' => [],
    'filters' => [],
    'isChart' => false,
])

<div class="card" {{ $attributes }}>
    <div class="card-inner">
        <div class="card-title-group pb-3 g-2">
            <div class="card-title">
                <h6 class="title">{{ $title }}</h6>
            </div>
            <div wire:loading.class="spinner spinner-track spinner-info" style="position: absolute; right: 50%; top: 50%" role="status">
                <span class="visually-hidden">Chargement...</span>
            </div>
            <div class="card-tools shrink-0 d-none d-sm-block">
                <ul class="nav nav-switch-s2 nav-tabs bg-white">
                    @if(data_get($filters, 'showFilters', true))
                        @if($isChart && ! isset($filters['fixed_range']))
                        <li class="nav-item"><a wire:click="$set('range', '7D')" @class(["nav-link", "active" => $range === '7D'])>7 J</a></li>
                        <li class="nav-item"><a wire:click="$set('range', '1M')" @class(["nav-link", "active" => $range === '1M'])>1 M</a></li>
                        <li class="nav-item"><a wire:click="$set('range', '3M')" @class(["nav-link", "active" => $range === '3M'])>3 M</a></li>
                        <li class="nav-item"><a wire:click="$set('range', '1A')" @class(["nav-link", "active" => $range === '1A'])>1 A</a></li>
                        @endif
                        @if(isset($filters['project_type_id']))
                        <li class="nav-item">
                            <div class="dropdown">
                                <a href="#" class="dropdown-toggle dropdown-indicator nav-link" data-bs-toggle="dropdown">Type de dossier <x-ui.nicon name="chevron-down ms-1"/></a>
                                <div class="dropdown-menu dropdown-menu-end dropdown-menu">
                                    <ul class="link-list-opt no-bdr">
                                        @foreach(ProjectTypesId::selectOptions() as $id => $type)
                                            @continue($id > ProjectTypesId::PRET_PERSONNEL())
                                            <li><a wire:click="$set('filters.project_type_id', {{ $id }})"><span>{{ $type }}</span></a></li>
                                        @endforeach
                                        <li><a wire:click="$set('filters.project_type_id', '')"><span>Tous</span></a></li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        @endif

                        @if(data_get($filters, 'showYearsFilter'))
                        <li class="nav-item">
                            <div class="dropdown">
                                <a href="#" class="dropdown-toggle dropdown-indicator nav-link" data-bs-toggle="dropdown">
                                    Année {{ data_get($filters, 'year') }}<x-ui.nicon name="chevron-down ms-1"/></a>
                                <div class="dropdown-menu dropdown-menu-end dropdown-menu">
                                    <ul class="link-list-opt no-bdr">
                                        @foreach(range(now()->year, 2024) as $year)
                                            <li><a wire:click="$set('filters.year', {{ $year }})"><span>{{ $year }}</span></a></li>
                                        @endforeach
                                    </ul>
                                </div>
                            </div>
                        </li>
                        @endif

                        {{-- disabled for now --}}
                        @if(false)
                        <li class="nav-item">
                            <div class="dropdown">
                                <a href="#" class="dropdown-toggle dropdown-indicator nav-link" data-bs-toggle="dropdown">Lice<x-ui.nicon name="chevron-down ms-1"/></a>
                                <div class="dropdown-menu dropdown-menu-end dropdown-menu">
                                    <ul class="link-list-opt no-bdr">
                                        @foreach(ProjectTypesId::selectOptions() as $id => $type)
                                            @continue($id > ProjectTypesId::PRET_PERSONNEL())
                                            <li><a wire:click="$set('filters.project_type_id', {{ $id }})"><span>{{ $type }}</span></a></li>
                                        @endforeach
                                        <li><a wire:click="$set('filters.project_type_id', '')"><span>Tous</span></a></li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        @endif
                        
                        @if(data_get($filters, 'showDaterangeFilter'))
                            <li class="nav-item"><x-alpine.daterangepicker model="filters.daterange" @class(["nav-link", "active" => isset($filters['daterange']['start'])])/></li>
                        @endif
                        {{-- @if($this->users && false)
                        <li class="nav-item">
                            <div class="dropdown">
                                <a href="#" class="dropdown-toggle dropdown-indicator nav-link" data-bs-toggle="dropdown">MIOB <x-ui.nicon name="chevron-down ms-1"/></a>
                                <div class="dropdown-menu dropdown-menu-end dropdown-menu-xs">
                                    <ul class="link-list-opt no-bdr">
                                        @foreach($this->users as $id => $user)
                                        <li><a wire:click="$set('filters.user', {{ $id }})"><span>{{ $user }}</span></a></li>
                                        @endforeach
                                        <li><a wire:click="$set('filters.user', '')"><span>Tous</span></a></li>
                                    </ul>
                                </div>
                            </div>
                        @endif --}}
                        @if($isChart && ! isset($filters['fixed_range']))
                        <li class="nav-item"> 
                            <div class="dropdown"> 
                                <a href="#" class="dropdown-toggle dropdown-indicator nav-link" data-bs-toggle="dropdown">Détailler <x-ui.nicon name="chevron-down ms-1"/></a>
                                
                                <div class="dropdown-menu dropdown-menu-end dropdown-menu-xs">
                                    <ul class="link-list-opt no-bdr">
                                        <li><a wire:click="$set('filters.stackBy', 'category')"><span>Par catégorie</span></a></li>
                                        <li><a wire:click="$set('filters.stackBy', 'type')"><span>Par type de dossier</span></a></li>
                                        {{-- <li><a wire:click="$set('filters.stackBy', 'owner')"><span>Par MIOB</span></a></li> --}}
                                        <li><a wire:click="$set('filters.stackBy', '')"><span>Totaux</span></a></li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        @endif
                    @endif

                    @if($this->hasExports)
                    <li class="nav-item">
                        <a wire:click="export" class="nav-link" style="height: 30px" x-data="tooltip" title="Exporter">
                            <x-ui.nicon name="download-cloud"/></a>
                    </li>
                    @endif
                </ul>
            </div>
        </div>
        @if(! $this->deferLoad)
            {{ $slot }}
        @endif
    </div>
</div>