@extends('layouts.partials.master')

@section('title', 'Dashboard')

@push('styles')
    <link href="{{ asset('assets/css/cards.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ asset('assets/css/badges.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ asset('assets/css/forms.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ asset('assets/css/resumed-statistics-cards.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ asset('assets/css/entities-cards.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ asset('assets/css/ranking-cards.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ asset('assets/css/charts.css') }}" rel="stylesheet" type="text/css">
@endpush

@section('content')
    @include('layouts.components.alerts')
    @include('layouts.components.general-title', ['title' => 'Dashboard'])

    <div class="d-flex flex-column gap-4">
        <div>
            @include('layouts.components.section-title', [
                'title' => 'Geral',
                'withDateFilter' => true,
                'route' => 'dashboard.indicators',
            ])

            <div class="d-flex flex-column gap-4 my-4">
                <div class="row g-4">
                    <div class="col-6 col-lg-6">
                        @include('dashboard.partials.resumed-statistics-card', [
                            'title' => 'Logins',
                            'value' => $logsCounts['login'] ?? 0,
                            'login' => true,
                        ])
                    </div>
                    <div class="col-6 col-lg-6">
                        @include('dashboard.partials.resumed-statistics-card', [
                            'title' => 'Novas contas',
                            'value' => $newUsers,
                            'user' => true,
                        ])
                    </div>

                </div>
            </div>
            <div class="d-flex flex-column gap-4 my-4">
                <div class="row g-4">
                    <div class="col-6 col-lg-6">
                        @include('dashboard.partials.resumed-statistics-card', [
                            'title' => 'Novos produtos',
                            'value' => $newProducts ?? 0,
                            'products' => true,
                        ])
                    </div>
                    <div class="col-6 col-lg-6">
                        @include('dashboard.partials.resumed-statistics-card', [
                            'title' => 'Novos serviços',
                            'value' => $newServices ?? 0,
                            'services' => true,
                        ])
                    </div>
                </div>
            </div>
            <div class="d-flex flex-column gap-4 my-4">
                <div class="row g-4">
                    <div class="col-6 col-lg-6">
                        @include('dashboard.partials.resumed-statistics-card', [
                            'title' => 'Novos produtos',
                            'value' => $newProducts ?? 0,
                            'products' => true,
                        ])
                    </div>
                    <div class="col-6 col-lg-6">
                        @include('dashboard.partials.resumed-statistics-card', [
                            'title' => 'Novos cabazes',
                            'value' => $newBundles ?? 0,
                            'bundles' => true,
                        ])
                    </div>
                </div>
            </div>
            <div class="d-flex flex-column gap-4 my-4">
                <div class="row g-4">
                    <div class="col-6 col-lg-6">
                        @include('dashboard.partials.resumed-statistics-card', [
                            'title' => 'Total de pontos acumulados',
                            'value' => $totalPoints ?? 0,
                            'points' => true,
                        ])
                    </div>
                    <div class="col-6 col-lg-6">
                        @include('dashboard.partials.resumed-statistics-card', [
                            'title' => 'Experiência de consumo',
                            'value' => $consumerExperience ?? 0,
                            'consumerExperience' => true,
                        ])
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div>
        @include('layouts.components.section-title', ['title' => 'Vendas'])

        <div class="d-flex flex-column gap-4 my-4">
            <div class="row g-4">
                <div class="col-6 col-lg-6">
                    @include('dashboard.partials.resumed-statistics-card', [
                        'title' => 'Total de vendas',
                        'value' => $summaryMoney['salesMoney'],
                        'money' => true,
                        'login' => false,
                    ])
                </div>
                <div class="col-6 col-lg-6">
                    @include('dashboard.partials.resumed-statistics-card', [
                        'title' => 'Total de transporte',
                        'value' => $summaryMoney['transportMoney'],
                        'money' => true,
                        'login' => false,
                    ])
                </div>
            </div>
        </div>
    </div>
@endsection