@extends('layouts.lo-charts')

@section('descr_charts-select')

@include('layouts.components.select_compare')

@endsection




@section('descr_charts-content')
<div>
    <div class="d-flex justify-content-end dropdown-select_container">
        <div class="dropdown dropdown-select">
            <button class="select-charts form-floating dropdown-toggle w-100" type="button"  data-bs-toggle="dropdown" aria-expanded="false">
                        <span class="form-control" id="floatingInputUni" placeholder="Vue">Profils</span>
                        <label for="floatingSelect">Vue</label>
            </button>
    
            <ul class="dropdown-menu w-100" aria-labelledby="dropdownMenuSocio">
                <li><button id="compare_uni-profiles-select-dropdown_profils"  class="dropdown-item" type="button">Profils</button></li>
                <li><button id="compare_uni-profiles-select-dropdown_portraits"  class="dropdown-item" type="button">Portraits</button></li>
            </ul>
            <div  class="input_help">
                <span>Veuillez sélectionner une vue</span>
            </div>
        </div>    
    </div>
        
    
    <canvas id="myUniCompareChart" aria-label="Statistiques" role="img">
        <img src="{{asset('/img/EmptyState.svg')}}" alt="Graphique vide" class="chartEmptyState" id="chartEmptyState">
    </canvas>
        

</div>

@endsection