<?php $__env->startSection('pageTitle', 'Contas á pagar'); ?>

<?php $__env->startSection('head'); ?>
    <!-- Datatable -->
    <link rel="stylesheet" href="<?php echo e(url('vendors/dataTable/datatables.min.css')); ?>" type="text/css">
<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>

<div class="page-header">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item">
                    <a href="<?php echo e(url('/')); ?>">Inicio</a>
                </li>
                <li class="breadcrumb-item active" aria-current="page">Contas á pagar</li>
            </ol>
        </nav>
    </div>

    <div class="row">
        <div class="col-md-12">

            <div class="row">
                <div class="col-lg-4 col-md-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="d-flex justify-content-between mb-3">
                                <div>
                                    <p class="text-muted">Contas pagas</p>
                                    <h2 class="font-weight-bold">R$ 1.580,00</h2>
                                </div>
                                <div>
                                    <figure class="avatar">
                                        <span class="avatar-title bg-success-bright text-success rounded-circle">
                                            <i class="ti-bar-chart"></i>
                                        </span>
                                    </figure>
                                </div>
                            </div>
                            <div class="d-inline-flex align-items-center">
                                <span class="text-success d-inline-flex align-items-center mr-2">
                                <p class="text-muted">Mês atual</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="d-flex justify-content-between mb-3">
                                <div>
                                    <p class="text-muted">Contas pendentes</p>
                                    <h2 class="font-weight-bold">R$ 500,00</h2>
                                </div>
                                <div>
                                    <figure class="avatar">
                                        <span class="avatar-title bg-info-bright text-info rounded-circle">
                                            <i class="ti-package"></i>
                                        </span>
                                    </figure>
                                </div>
                            </div>
                            <div class="d-inline-flex align-items-center">
                                <span class="text-danger d-inline-flex align-items-center mr-2">
                                <p class="text-muted">Mês atual</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="d-flex justify-content-between mb-3">
                                <div>
                                    <p class="text-muted">Contas vencidas</p>
                                    <h2 class="font-weight-bold">R$ 1.400,00</h2>
                                </div>
                                <div>
                                    <figure class="avatar">
                                        <span class="avatar-title bg-warning-bright text-warning rounded-circle">
                                            <i class="ti-reload"></i>
                                        </span>
                                    </figure>
                                </div>
                            </div>
                            <div class="d-inline-flex align-items-center">
                                <span class="text-success d-inline-flex align-items-center mr-2">
                                <p class="text-muted">Mês atual (janeiro 2021)</p>
                            </div>
                        </div>
                    </div>
                </div>

            </div>

        </div>
    </div>

    
    <div class="row">
        <div class="col-lg-12 col-md-12">
            <div class="card">
                <div class="card-body">
                    <div class="d-md-flex mb-2 mb-sm-0 justify-content-between">
                        <h6 class="card-title">Historico de contas</h6>
                    </div>
                    <div id="ecommerce-activity-chart"></div>
                </div>
            </div>
        </div>
        
        <div class="col-lg-4 col-md-12">
            <div class="card">

            </div>
        </div>
    </div>

    

<?php $__env->stopSection(); ?>

<?php $__env->startSection('script'); ?>

    <!-- Apex chart -->
    <script src="https://apexcharts.com/samples/assets/irregular-data-series.js"></script>
    <script src="<?php echo e(url('/vendors/charts/apex/apexcharts.min.js')); ?>"></script>

    <!-- Daterangepicker -->
    <script src="<?php echo e(url('vendors/datepicker/daterangepicker.js')); ?>"></script>

    <!-- DataTable -->
    <script src="<?php echo e(url('vendors/dataTable/datatables.min.js')); ?>"></script>

    <!-- Dashboard scripts -->
    <script src="<?php echo e(url('/assets/js/examples/dashboard.js')); ?>"></script>

    <!-- Vamp -->
    <script src="<?php echo e(url('vendors/vmap/jquery.vmap.min.js')); ?>"></script>
    <script src="<?php echo e(url('vendors/vmap/maps/jquery.vmap.usa.js')); ?>"></script>
    <script src="<?php echo e(url('assets/js/examples/vmap.js')); ?>"></script>

    <!-- To use theme colors with Javascript -->
    <div class="colors">
        <div class="bg-primary"></div>
        <div class="bg-primary-bright"></div>
        <div class="bg-secondary"></div>
        <div class="bg-secondary-bright"></div>
        <div class="bg-info"></div>
        <div class="bg-info-bright"></div>
        <div class="bg-success"></div>
        <div class="bg-success-bright"></div>
        <div class="bg-danger"></div>
        <div class="bg-danger-bright"></div>
        <div class="bg-warning"></div>
        <div class="bg-warning-bright"></div>
    </div>

    <script src="<?php echo e(url('assets/js/examples/pages/ecommerce-dashboard.js')); ?>"></script>


<?php $__env->stopSection(); ?>

<?php $__env->startSection('script'); ?>
    <!-- Datatable -->
    <script src="<?php echo e(url('vendors/dataTable/datatables.min.js')); ?>"></script>

    <script src="<?php echo e(url('assets/js/examples/pages/orders.js')); ?>"></script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\xampp\htdocs\appvendaki\resources\views/orders.blade.php ENDPATH**/ ?>