iao_team/resources/views/livewire/settings.blade.php

<div class="col card--ui" id="card--dashboard">

    <header id="title--section" style="display:none !important"  class="d-flex align-items-center justify-content-between">
        <div class="title--section_name d-flex align-items-center justify-content-between">
            <i class="ico--ui title_section utenti me-2"></i>
            <h2 class="primary">Impostazioni</h2>
        </div>

    </header>


    <section id="setting">

        <div class="section--tab d-flex">
            <h4 style="cursor:pointer;{{$type == 'anagrafica' ? 'border-bottom:2px solid #0C6197; color:#0C6197;' : ''}}" wire:click="change('anagrafica')">Anagrafica</h4>
            <h4 style="cursor:pointer;{{$type == 'corsi' ? 'border-bottom:2px solid #0C6197; color:#0C6197;' : ''}}" wire:click="change('corsi')">Corsi</h4>
            <h4 style="cursor:pointer;{{$type == 'contabilita' ? 'border-bottom:2px solid #0C6197; color:#0C6197;' : ''}}" wire:click="change('contabilita')">Contabilità</h4>
            <h4 style="cursor:pointer;{{$type == 'comunicazioni' ? 'border-bottom:2px solid #0C6197; color:#0C6197;' : ''}}" wire:click="change('comunicazioni')">Comunicazioni</h4>
            <a href="/users"><h4>Profilo utenti</h4></a>
        </div>

        @if($type == 'anagrafica')
            <div id="anagrafica">
                <a href="/categories">
                    <div class="row">
                        <div class="col-md-11 p-2"><h5>Gruppi di appartenenza</h5></div>
                        <div class="col-md-1 p-2"><i class="fa-solid fa-chevron-right"></i></div>
                    </div>
                </a>
                <hr size="1">
                <a href="/disciplines">
                    <div class="row">
                        <div class="col-md-11 p-2"><h5>Discipline</h5></div>
                        <div class="col-md-1 p-2"><i class="fa-solid fa-chevron-right"></i></div>
                    </div>
                </a>
                <hr size="1">
                <a href="/cards">
                    <div class="row">
                        <div class="col-md-11 p-2"><h5>Tesseramenti</h5></div>
                        <div class="col-md-1 p-2"><i class="fa-solid fa-chevron-right"></i></div>
                    </div>
                </a>
                <hr size="1">
            </div>
        @endif

        @if($type == 'corsi')
            <div id="corsi">
                <a href="/course_subscriptions">
                    <div class="row">
                        <div class="col-md-11 p-2"><h5>Abbonamenti</h5></div>
                        <div class="col-md-1 p-2"><i class="fa-solid fa-chevron-right"></i></div>
                    </div>
                </a>
                <hr size="1">
                <a href="/courses">
                    <div class="row">
                        <div class="col-md-11 p-2"><h5>Corsi</h5></div>
                        <div class="col-md-1 p-2"><i class="fa-solid fa-chevron-right"></i></div>
                    </div>
                </a>
                <hr size="1">
                <a href="/course_durations">
                    <div class="row">
                        <div class="col-md-11 p-2"><h5>Durata</h5></div>
                        <div class="col-md-1 p-2"><i class="fa-solid fa-chevron-right"></i></div>
                    </div>
                </a>
                <hr size="1">
                <a href="/course_frequencies">
                    <div class="row">
                        <div class="col-md-11 p-2"><h5>Frequenza</h5></div>
                        <div class="col-md-1 p-2"><i class="fa-solid fa-chevron-right"></i></div>
                    </div>
                </a>
                <hr size="1">
                <a href="/course_levels">
                    <div class="row">
                        <div class="col-md-11 p-2"><h5>Livelli</h5></div>
                        <div class="col-md-1 p-2"><i class="fa-solid fa-chevron-right"></i></div>
                    </div>
                </a>
                <hr size="1">
                <a href="/course_types">
                    <div class="row">
                        <div class="col-md-11 p-2"><h5>Tipologie</h5></div>
                        <div class="col-md-1 p-2"><i class="fa-solid fa-chevron-right"></i></div>
                    </div>
                </a>
                <hr size="1">
            </div>
        @endif

        @if($type == 'contabilita')
            <div id="contabilita">
                <a href="/banks">
                    <div class="row">
                        <div class="col-md-11 p-2"><h5>Banche</h5></div>
                        <div class="col-md-1 p-2"><i class="fa-solid fa-chevron-right"></i></div>
                    </div>
                </a>
                <hr size="1">
                <a href="/causals">
                    <div class="row">
                        <div class="col-md-11 p-2"><h5>Causali</h5></div>
                        <div class="col-md-1 p-2"><i class="fa-solid fa-chevron-right"></i></div>
                    </div>
                </a>
                <hr size="1">
                <a href="/vats">
                    <div class="row">
                        <div class="col-md-11 p-2"><h5>Iva</h5></div>
                        <div class="col-md-1 p-2"><i class="fa-solid fa-chevron-right"></i></div>
                    </div>
                </a>
                <hr size="1">
                <a href="/payment_methods">
                    <div class="row">
                        <div class="col-md-11 p-2"><h5>Metodi di pagamento</h5></div>
                        <div class="col-md-1 p-2"><i class="fa-solid fa-chevron-right"></i></div>
                    </div>
                </a>
                <hr size="1">
            </div>
        @endif

        @if($type == 'comunicazioni')
            <div id="comunicazioni">
                <a href="/mail_comunications">
                    <div class="row">
                        <div class="col-md-11 p-2"><h5>Email</h5></div>
                        <div class="col-md-1 p-2"><i class="fa-solid fa-chevron-right"></i></div>
                    </div>
                </a>
                <hr size="1">
                <a href="/sms_comunications">
                    <div class="row">
                        <div class="col-md-11 p-2"><h5>Sms</h5></div>
                        <div class="col-md-1 p-2"><i class="fa-solid fa-chevron-right"></i></div>
                    </div>
                </a>
                <hr size="1">
            </div>
        @endif

    </section>

</div>