@extends('layouts.app')
@php setlocale(LC_TIME, 'pt_BR', 'pt_BR.utf-8', 'pt_BR.utf-8', 'portuguese'); @endphp

@section('title', 'Dashboard')
@section('content')
<div class="header bg-gradient-primary pb-5 pt-5 pt-md-2">
    <div class="container-fluid">
        <div class="header-body row">
            <div class="nav-wrapper col-md-6 col-sm-12 ">
            </div>
            <div class="card shadow bg-transparent col-12">
                <div class="card-body bg-transparent">
                    <div class="tab-content" id="myTabContent">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<br>
<div class="container-fluid mt--7">
    <div class="row">
        <div class="col-xl-8 mb-5 mb-xl-0">
            <div class="card bg-gradient-default shadow">
                <div class="card-header bg-transparent">
                    <div class="row align-items-center">
                        <div class="col-md-8">
                            <h6 class="text-uppercase text-light ls-1 mb-1">VISÃO GLOBAL</h6>
                            <h2 class="text-white mb-0">Valor de Venda</h2>
                        </div>
                        <div class="col-md-4">

                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <!-- Chart -->
                    <div class="chart">
                        <!-- Chart wrapper -->
                        <canvas id="chart-sales" class="chart-canvas"></canvas>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-4">
            <div class="card shadow">
                <div class="card-header bg-transparent">
                    <div class="row align-items-center">
                        <div class="col-md-8">
                            <h6 class="text-uppercase text-light ls-1 mb-1">VISÃO GLOBAL</h6>
                            <h2 class="text-black mb-0">Mais vendidos</h2>
                        </div>
                        <div class="col-md-4">
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <!-- Chart -->
                    <div class="chart">
                        <canvas id="chart-orders" class="chart-canvas"></canvas>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row mt-3">
        <div class="col-xl-8">
            <div class="card shadow">
                <div class="card-header border-0">
                    <div class="row align-items-center">
                        <div class="col-md-8">
                            <h6 class="text-uppercase text-light ls-1 mb-1">VISÃO GLOBAL</h6>
                            <h3 class="mb-0">Melhores Clientes</h3>
                        </div>
                        <div class="col-md-4 text-right">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-4">
        <!--* Card header *-->
        <!--* Card body *-->
        <!--* Card init *-->
        <div class="card">
            <!-- Card header -->
            <div class="card-header">
                <!-- Surtitle -->
                <h6 class="surtitle">
                    <font style="vertical-align: inherit;">
                        <font style="vertical-align: inherit;">Visão Geral</font>
                    </font>
                </h6>
                <!-- Title -->
                <h5 class="h3 mb-0">
                    <font style="vertical-align: inherit;">
                        <font style="vertical-align: inherit;">Tráfego de Ação</font>
                    </font>
                </h5>
            </div>
            <!-- Card body -->
            <div class="card-body">
            </div>
        </div>
    </div>
</div>

@include('layouts.footers.auth')

</div>
@endsection

@push('js')
<script src="{{ asset('argon') }}/vendor/chart.js/dist/Chart.min.js"></script>
<script src="{{ asset('argon') }}/vendor/chart.js/dist/Chart.extension.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@7.33.1/dist/sweetalert2.min.js"></script>
<script src="{{ asset('argon/vendor/datatables.net/js/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net-bs4/js/dataTables.bootstrap4.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net-buttons-bs4/js/dataTables.buttons.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net-buttons-bs4/js/buttons.html5.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net-buttons-bs4/js/buttons.flash.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net-buttons-bs4/js/buttons.print.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net-select-bs4/js/dataTables.select.min.js') }}"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/pdfmake.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/vfs_fonts.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.5.6/js/buttons.colVis.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/responsive/2.2.2/js/dataTables.responsive.min.js"></script>
@endpush