@extends('adminlte::page')

@section('title', 'Home')

@section('content_header')
<div class="d-flex justify-content-between">
    <h1 class="m-0 text-dark">Dashboard</h1>
    @role('SuperAdmin')
        <a href="#" class="btn btn-xl btn-warning" data-toggle="modal" data-target="#creaAnnuncioModal">Crea un nuovo annuncio</a>
    @endrole
</div>
@stop

@section('content')
    <div class="row">
        @role(['Admin', 'SuperAdmin'])
            <div class="col-lg-3 col-6">
        @else
            <div class="col-lg-4 col-6">
        @endrole
            <div class="small-box bg-info" style="height: 160px">
                <div class="inner">
                    <h4 class="font-weight-bold">{{$data['clienti']}}</h4>
                    <p>Soggetti Inseriti</p>
                </div>
                <div class="icon">
                    <i class="ion ion-bag"></i>
                </div>
            </div>
        </div>

        @role(['Admin', 'SuperAdmin'])
            <div class="col-lg-3 col-6">
        @else
            <div class="col-lg-4 col-6">
        @endrole
            <div class="small-box bg-success" style="height: 160px">
                <div class="inner">
                    <h4 class="font-weight-bold">{{$data['esami']}}</h4>
                    <p>Misurazioni eseguite</p>
                </div>
                <div class="icon">
                    <i class="ion ion-stats-bars"></i>
                </div>
            </div>
        </div>

        @role(['Admin', 'SuperAdmin'])
            <div class="col-lg-3 col-6">
                <div class="small-box bg-warning" style="height: 160px">
                    <div class="inner">
                        <h4 class="font-weight-bold">Licenze Attive: {{$data['licenze_attive']}}</h4>
                        <h4 class="font-weight-bold">In scadenza: {{$data['licenze_in_scadenza']}}</h4>
                        <p>Stato Licenze</p>
                    </div>
                    <div class="icon">
                        <i class="ion ion-key"></i>
                    </div>
                </div>
            </div>
        @endrole

        @role(['Admin', 'SuperAdmin'])
            <div class="col-lg-3 col-6">
        @else
            <div class="col-lg-4 col-12">
        @endrole
            @if($data['DayDiff'] >= 5)
                <div class="small-box bg-danger p-0" style="height: 160px">
                    <div class="inner p-1">
                        <h4 class="font-weight-bold">Stato Backup: Attenzione</h4>
                        <p>Ultimo backup eseguito in data {{ \Carbon\Carbon::parse($data['DataUltimo'])->format('d/m/Y')}}</p>
                        <a href="{{route('Setting.create')}}" class="btn btn-xl btn-warning">Esegui backup</a>
                    </div>
                    <div class="icon">
                        <i class="ion ion-stats-bars"></i>
                    </div>
                </div>
            @else
                <div class="small-box bg-success" style="height: 160px">
                    <div class="inner">
                        <h4 class="font-weight-bold">Stato Backup: OK</h4>
                        <p>Ultimo backup eseguito in data {{ \Carbon\Carbon::parse($data['DataUltimo'])->format('d/m/Y')}}</p>
                        <a href="{{route('Setting.create')}}" class="btn btn-xl btn-warning">Esegui backup</a>
                    </div>
                    <div class="icon">
                        <i class="ion ion-stats-bars"></i>
                    </div>
                </div>
            @endif
        </div>
    </div>

    @role('Base')
        @if(isset($data['licenseWarning']))
            <div class="row mb-3">
                <div class="col-12">
                    <div class="card bg-danger">
                        <div class="card-body">
                            <h5 class="card-title"><i class="fas fa-exclamation-triangle"></i> Attenzione: Licenza in scadenza</h5>
                            @if($data['licenseWarning']['type'] === 'expiring')
                                <p class="card-text">La tua licenza scadrà tra {{ round($data['licenseWarning']['days']) }} giorni. Contatta l'amministratore per rinnovarla.</p>
                            @else
                                <p class="card-text">La tua licenza è scaduta. Contatta immediatamente l'amministratore per rinnovarla.</p>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        @endif

        @if(isset($data['clienti_obsoleti_count']) && $data['clienti_obsoleti_count'] > 0)
            <div class="row mb-3">
                <div class="col-12">
                    <div class="card bg-warning">
                        <div class="card-body">
                            <h5 class="card-title">
                                <i class="fas fa-exclamation-triangle mr-2"></i>Attenzione: Clienti Obsoleti
                            </h5>
                            <p class="card-text mb-2">
                                Hai <strong>{{ $data['clienti_obsoleti_count'] }}</strong> cliente/i obsoleto/i (con al massimo 1 analisi prima del 2020).
                                Considera la rimozione dei clienti obsoleti per migliorare le prestazioni del sistema.
                            </p>
                            <a href="https://tidycal.com/supportmascaretti/clienti-obsoleti" 
                               target="_blank" 
                               class="btn btn-primary btn-sm">
                                <i class="fas fa-calendar-alt mr-2"></i>Prenota una Call
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        @endif
    @endrole


    @if($data['annunci'] > 0)
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header">
                <div class="d-flex justify-content-between">
                <h2 class="mt-0 text-danger ">Annunci</h2>


                </div>
            </div>
            <div class="card-body">
             @livewire('annunci.ultimi-annunci')

            </div>
        </div>
            </div>
        </div>
    @endif
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <h3 class="mt-0 text-danger" style="margin-top:60px">Disclaimer</h3>
                    <h4>L'analisi della composizione corporea è finalizzata a determinare la quantità delle varie componenti corporee quali Massa magra, grassa, cellulare, muscolare,
                        fluidi corporei ed altre derivate fisiologiche, tuttavia non è un esame diagnostico né può essere utilizzato per fare diagnosi.</br>
                        I range di riferimento sono indicativi e suscettibili di variazioni. Si declina ogni responsabilità nel caso di uso improprio comprese eventuali valutazioni che possano portare a soluzioni, programmi o trattamenti non idonei.
                        BIA-Dex Cloud viene utilizzato dall'operatore a discrezione personale e/o professionale accettando tutti i rischi, obblighi e responsabilità
                        per l'uso di qualsiasi risultato fornito dal dispositivo e/o dal software. Scaricando e/o utilizzando il dispositivo e/o il software l'utente
                        dichiara di aver letto e accettato i termini di utilizzo sollevando la mascaretti srl da ogni responsabilità.

                        La mascaretti srl declina ogni responsabilità derivata da un utilizzo non appropriato del sistema.
                    </h4>
                </div>
            </div>
        </div>
    </div>

    @role('SuperAdmin')
        <div class="modal fade" id="creaAnnuncioModal" tabindex="-1" role="dialog" aria-labelledby="creaAnnuncioModalLabel" aria-hidden="true" wire:ignore.self>
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header bg-warning">
                        <h5 class="modal-title" id="creaAnnuncioModalLabel">
                            <i class="fas fa-plus-circle mr-2"></i>Crea Nuovo Annuncio
                        </h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body p-4">
                        @livewire('annunci.crea-annuncio')
                    </div>
                </div>
            </div>
        </div>
    @endrole
    


@stop
@push('scripts')
<script>
    document.addEventListener('livewire:load', function () {
        Livewire.on('annuncio-creato', function() {
            $('#creaAnnuncioModal').modal('hide');
        });
    });

   
</script>
@endpush