@extends('default.master')

@section('title', 'Menu')

@section('main')
    @include('default.navbar')
    <div class="container-fluid p-5 mt-5">
        <div class="row row-cols-1 row-cols-md-3 g-4">
            <div class="col-lg-3">
                <div class="card text-center">
                    <div class="card-body">
                        <h2 class="card-title"><b>{{$nb_invoices}}</b></h2>
                        <p class="card-text">
                            @if($nb_invoices>1)
                                factures créées ce mois ci
                            @else
                                facture créée ce mois ci
                            @endif
                        </p>
                    </div>
                </div>
            </div>

            <div class="col-lg-3">
                <div class="card text-center">
                    <div class="card-body">
                        <h2 class="card-title"><b>{{$nb_quotes}}</b></h2>
                        <p class="card-text">
                            @if($nb_quotes>1)
                                devis créés ce mois ci
                            @else
                                devis créé ce mois ci
                            @endif
                        </p>
                    </div>
                </div>
            </div>

            <div class="col-lg-3">
                <div class="card text-center">
                    <div class="card-body">
                        <h2 class="card-title"><b>{{$nb_clients}}</b></h2>
                        <p class="card-text">
                            @if($nb_clients>1)
                                clients enregistrés
                            @else
                                client enregistré
                            @endif
                        </p>
                    </div>
                </div>
            </div>

            <div class="col-lg-3">
                <div class="card text-center">
                    <div class="card-body">
                        <h2 class="card-title"><b>{{$nb_products_services}}</b></h2>
                        <p class="card-text">produit(s) / service(s) enregistré(s)</p>
                    </div>
                </div>
            </div>

            <div class="col-lg-6">
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title">5 derniers jours :</h5>
                        <canvas id="statsFiveLastDayChart"></canvas>
                    </div>
                </div>
            </div>

            <div class="col-lg-6">
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title">Cette année :</h5>
                        <canvas id="statsThisYearChart"></canvas>
                    </div>
                </div>
            </div>
        </div>

        <div class="row row-cols-1 row-cols-md-3 g-4 mt-1">
            <div class="col-lg-6">
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title mb-3">5 dernières factures :</h5>
                        <ol class="list-group list-group-numbered">
                            @forelse($last_invoices as $invoice)
                                <li class="list-group-item d-flex justify-content-between align-items-start">
                                    <div class="ms-2 me-auto">
                                        <div class="fw-bold">{{$invoice->title}} (n&deg;{{$invoice->num}})</div>
                                        {{date('d/m/Y', strtotime($invoice->date))}} - {{$invoice->client->name}}
                                    </div>
                                    @if($last_invoice_id == $invoice->id)
                                        <a class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#modalDeleteInvoice">
                                            <i class="fa-solid fa-trash"></i>
                                        </a>
                                    @endif
                                </li>
                            @empty
                                <li class="list-group-item d-flex justify-content-between align-items-start">
                                    <div class="ms-2 me-auto">
                                        <div class="fw-bold">Aucune facture enregistrée</div>
                                    </div>
                                </li>
                            @endforelse
                        </ol>
                    </div>
                </div>
            </div>

            <div class="col-lg-6">
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title mb-3">5 derniers devis :</h5>
                        <ol class="list-group list-group-numbered">
                            @forelse($last_quotes as $quote)
                                <li class="list-group-item d-flex justify-content-between align-items-start">
                                    <div class="ms-2 me-auto">
                                        <div class="fw-bold">{{$quote->title}} (n&deg;{{$quote->num}})</div>
                                        {{date('d/m/Y', strtotime($quote->date))}} - {{$quote->client->name}}
                                    </div>
                                    @if($last_quote_id == $quote->id)
                                        <a class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#modalDeleteQuote">
                                            <i class="fa-solid fa-trash"></i>
                                        </a>
                                    @endif
                                </li>
                            @empty
                                <li class="list-group-item d-flex justify-content-between align-items-start">
                                    <div class="ms-2 me-auto">
                                        <div class="fw-bold">Aucun devis enregistré</div>
                                    </div>
                                </li>
                            @endforelse
                        </ol>
                    </div>
                </div>
            </div>

        </div>
    </div>

    <div class="modal fade" id="modalDeleteInvoice" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="modalDeleteInvoiceLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Veux tu vraiment supprimer cette facture ?</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
                    <a type="button" href="{{route('invoice.delete', ['id'=>$last_invoice_id])}}" class="btn btn-danger">Supprimer</a>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="modalDeleteQuote" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="modalDeleteQuoteLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Veux tu vraiment supprimer ce devis ?</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
                    <a type="button" href="{{route('quote.delete', ['id'=>$last_quote_id])}}" class="btn btn-danger">Supprimer</a>
                </div>
            </div>
        </div>
    </div>

    @include('default.action-menu')

    <script type="text/javascript">
        const total_excluding_tax_daily = {{ Js::from($total_excluding_tax['daily']['total']) }};
        const product_excluding_tax_daily = {{ Js::from($total_excluding_tax['daily']['product']) }};
        const service_excluding_tax_daily = {{ Js::from($total_excluding_tax['daily']['service']) }};

        const total_excluding_tax_years = {{ Js::from($total_excluding_tax['years']['total']) }};
        const product_excluding_tax_years = {{ Js::from($total_excluding_tax['years']['product']) }};
        const service_excluding_tax_years = {{ Js::from($total_excluding_tax['years']['service']) }};
    </script>

    @vite(['resources/js/charts/fiveLastDays.js', 'resources/js/charts/thisYear.js'])
@endsection