@extends('layouts/contentLayoutMaster')

@section('title', 'Dashboard Analytics')

@section('vendor-style')
    <!-- vendor css files -->
    <link href="https://unpkg.com/tabulator-tables/dist/css/tabulator.min.css" rel="stylesheet">
    <script type="text/javascript" src="https://unpkg.com/tabulator-tables/dist/js/tabulator.min.js"></script>
@endsection
@section('page-style')

@endsection

@section('content')
    <!-- Dashboard Analytics Start -->
    <section id="dashboard-analytics">
        <div class="card">
            <div class="card-body p-1">
                <div class="row">
                    <div class="col-6 col-md-3 col-xl-1">

                        <span class="title pr-1 col-form-label-sm">Desde: </span>
                        <input id="desde" type="text" name=""
                               class="form-control form-control-sm date-picker flatpickr-input"
                               readonly="readonly">

                    </div>
                    <div class="col-6 col-md-3 col-xl-1">

                        <span class="title pr-1 col-form-label-sm">Hasta: </span>
                        <input id="hasta" type="text" name=""
                               class="form-control form-control-sm date-picker flatpickr-input"
                               readonly="readonly">

                    </div>
                </div>


                <section id="basic-datatable">
                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                                <table class="datatables-basic table">
                                    <thead>
                                    <tr>
                                        <th>Código</th>
                                        <th>Item</th>
                                        <th>Precio</th>
                                        <th>$ Ventas</th>

                                    </tr>
                                    </thead>
                                </table>
                            </div>
                        </div>
                    </div>

                </section>
            </div>
        </div>
        <table class="table">
            <thead>
                <tr>
                    <th scope="col">
                        <img src="https://pedidosec.com/logos/1801450253001.png" class="img-fluid" alt="">
                    </th>
                    <th scope="col" class="text-center">RELACIÓN DE COBRANZAS</th>
                    <th scope="col">VER </th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <th scope="row">1</th>
                    <td>Mark</td>
                    <td>Otto</td>
                    <td>@mdo</td>
                </tr>
            </tbody>
        </table>


    </section>
    <!-- Dashboard Analytics end -->
@endsection

@section('vendor-script')
    <!-- vendor files -->


@endsection
@section('page-script')



@endsection