%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/silvzytp/calling_code/resources/views/backend/agent/
Upload File :
Create Path :
Current File : //home/silvzytp/calling_code/resources/views/backend/agent/dashboard.blade.php

@extends('layouts.backend')
@section('title', $siteTitle)
@push('styles')
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
<style>
    .filter-btn{
        margin-top: 26px;
    }
    @media only screen and (max-width: 768px){
        tr.row-column td{
            width: 50% !important;
            margin-right: 0 !important;
        }
    }

    @media only screen and (max-width: 768px){
        tr.row-column td{
            width: 100% !important;
            margin-right: 0 !important;
        }
    }

    tr.row-column td{
        width: 32%;
        margin-right: 2%;
        display: inline-block
    }
    tr.row-column td:nth-child(3),
    tr.row-column td:nth-child(6),
    tr.row-column td:nth-child(9){
        margin-right: 0;
    }
    table td:first-child {
        padding-left: 0;
    }
    table td:last-child {
        padding-right: 0;
    }

</style>
@endpush

@section('content')

    <div class="row">
        <div class="col-12">
            <div class="card mt-3">
                <div class="card-body py-2">
                    <div class="row align-items-center">
                        <div class="col-md-6 col-12 mb-2 mb-md-0">
                            <h5 class="mb-0">Welcome <strong>{{ Auth::user()->name }}</strong></h5>
                        </div>

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

@endsection

@push('scripts')
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
<script src="{{ asset('assets/js/jquery.printarea.js') }}"></script>
<script>



    // datepicker
    $('input#date_range').daterangepicker({
        opens: 'right',
        autoUpdateInput: false,
        locale: {
            cancelLabel: 'Clear'
        },
        ranges: {
        'Today'       : [moment(), moment()],
        'Last 7 Days' : [moment().subtract(6, 'days'), moment()],
        'Last 30 Days': [moment().subtract(29, 'days'), moment()],
        'This Month'  : [moment().startOf('month'), moment().endOf('month')],
        'Last Month'  : [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')],
        }
    }, function(start, end, label) {
        $('input[name="start_date"]').val(start.format('YYYY-MM-DD'));
        $('input[name="end_date"]').val(end.format('YYYY-MM-DD'));
    });

    $('input#date_range').on('apply.daterangepicker', function(ev, picker) {
        $(this).val(picker.startDate.format('YYYY-MM-DD') + ' - ' + picker.endDate.format('YYYY-MM-DD'));
    });

    $('input#date_range').on('cancel.daterangepicker', function(ev, picker) {
        $(this).val('');
    });

    // print area
    $(document).on('click','button.printarea',function(){
        var mode   = 'iframe';        //popup
        var close  = mode = 'popup';
        var options = {
            mode    : mode,
            popClose: close
        }

        $('.print-area-content').printArea(options);
    });

</script>
@endpush

Zerion Mini Shell 1.0