IMMREX7

<?php $__env->startSection('content'); ?>
<style>
    .card .body {
        padding: 15px;
    }
    .card .header{
        padding-bottom: 0px !important;
    }
    .nav-tabs>.nav-item>.nav-link{
        padding: 1px 23px !important;
    }
</style>
<div class="row clearfix">
    <div class="col-lg-3 col-md-6 col-sm-12">
        <div class="card info-box-2 l-seagreen">
            <div class="body">
                <div class="icon col-12 m-t-10">
                    <div class="chart chart-bar">6,4,8,6,8,10,5,6,7,9,5</div>
                </div>
                <div class="content col-12">
                    <div class="text" style="color: black;">TOTAL INVOICE</div>
                    <div class="number" style="color: black;"><?php echo e($data['tinv']); ?></div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-3 col-md-6 col-sm-12">
        <div class="card info-box-2 l-parpl">
            <div class="body">
                <div class="icon col-12 m-t-10">
                    <div class="chart chart-bar">6,4,8,6,8,10,5,6,7,9,5</div>
                </div>
                <div class="content col-12">
                    <div class="text" style="color: black;">TOTAL P.O</div>
                    <div class="number" style="color: black;"><?php echo e($data['tpo']); ?></div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-3 col-md-6 col-sm-12">
        <div class="card info-box-2 l-blue">
            <div class="body">
                <div class="icon col-12 m-t-5">
                    <div class="chart chart-bar">6,4,8,6,8,10,5,6,7,9,5</div>
                </div>
                <div class="content col-12">
                    <div class="text" style="color: black;">TOTAL SALES</div>
                    <div class="number" style="color: black;"><?php echo e($data['tsales']); ?> QAR</div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-3 col-md-6 col-sm-12">
        <div class="card info-box-2 l-coral">
            <div class="body">
                <div class="icon col-12 m-t-10">
                    <div class="chart chart-bar">4,6,-3,-1,2,-2,4,3,6,7,-2,3</div>
                </div>
                <div class="content col-12">
                    <div class="text" style="color: black;">P.O Amount</div>
                    <div class="number" style="color: black;"><?php echo e($data['poTotal']); ?> QAR</div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row clearfix">
    <div class="col-lg-12">
        <div class="card">
            <div class="header">
                <h2><strong>Sales</strong> Overview</h2>
            </div>
            <div class="body">
                <div class="row text-center">
                    <div class="col-sm-3 col-6">
                        <h4 class="margin-0"><?php echo e($data['today_sales']); ?> QAR <i class="zmdi zmdi-trending-up col-green"></i> </h4>
                        <p class="text-muted"> Today's Sales</p>
                    </div>
                    <div class="col-sm-3 col-6">
                        <h4 class="margin-0"><?php echo e($data['week_sales']); ?> QAR <i class="zmdi zmdi-trending-down col-green"></i> </h4>
                        <p class="text-muted">This Week's Sales</p>
                    </div>
                    <div class="col-sm-3 col-6">
                        <h4 class="margin-0"><?php echo e($data['month_sales']); ?> QAR <i class="zmdi zmdi-trending-up col-green"></i></h4>
                        <p class="text-muted">This Month's Sales</p>
                    </div>
                    <div class="col-sm-3 col-6">
                        <h4 class="margin-0"><?php echo e($data['tsales']); ?> QAR <i class="zmdi zmdi-trending-up col-green"></i></h4>
                        <p class="text-muted">This Year's Sales</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row clearfix">
    <div class="col-lg-7 col-md-12">
        <div class="card">
            <div class="header">
                <h2><strong>Sales & Purchase</strong></h2>
            </div>
            <div class="body product-report">
                <div class="row clearfix">
                    <div class="col-lg-4 col-md-4 col-sm-4">
                        <div class="icon xl-slategray m-b-20"><i class="zmdi zmdi-chart-donut"></i></div>
                        <div class="col-in">
                            <small class="text-muted m-t-0">Total Sales</small>
                            <h3 class="counter m-b-0"><?php echo e($data['tsales']); ?> QAR</h3>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-4">
                        <div class="icon xl-slategray m-b-20"><i class="zmdi zmdi-chart"></i></div>
                        <div class="col-in">
                            <small class="text-muted m-t-0">Total Purchase </small>
                            <h3 class="counter m-b-0"><?php echo e($data['poTotal']); ?> QAR</h3>
                        </div>
                    </div>
                </div>
                <div class="sales-bars-chart m-t-20" style="height: 200px;"> </div>
            </div>
        </div>
    </div>
    <div class="col-lg-5 col-md-12">
        <div class="card">
            <div class="header">
                <h2><strong>Overall</strong> Information</h2>
            </div>
            <div class="body">
                <div class="row">
                    <div class="col-sm-4 col-4 m-b-10">
                        <small class="text-muted">Suppliers</small>
                        <h5 class="m-b-0"><?php echo e($data['suppliers']); ?></h5>
                    </div>
                    <div class="col-sm-4 col-4 m-b-10">
                        <small class="text-muted">Customer</small>
                        <h5 class="m-b-0"><?php echo e($data['customer']); ?></h5>
                    </div>
                    <div class="col-sm-4 col-4 m-b-10">
                        <small class="text-muted">Orders</small>
                        <h5 class="m-b-0"><?php echo e($data['orders']); ?></h5>
                    </div>
                </div>
                <div id="area_chart" class="graph" style="height: 240px;"></div>
            </div>
        </div>
    </div>
</div>
<div class="row clearfix">
    <div class="col-lg-4 col-md-12">
        <div class="card">
            <div class="header">
                <h2><strong>Top</strong> Selling Products</h2>
            </div>
            <div class="body table-responsive members_profiles">
                <table class="table table-hover">
                    <thead>
                        <tr>
                            <th style="width:60px;">Product Name</th>
                            <th>Price</th>
                            <th>Sales</th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php $__currentLoopData = $data['top']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $var): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <tr>
                            <td>
                                <a href="javascript:void(0);"><?php echo e($var->productName); ?></a>
                            </td>
                            <td><?php echo e(formatAmountInIndianCurrency($var->total)); ?> QAR</td>
                            <td><?php echo e($var->total_quantity); ?></td>
                        </tr>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="col-lg-4 col-md-12">
        <div class="card">
            <div class="header">
                <h2><strong>Low </strong> Stock Product</h2>
            </div>
            <div class="body table-responsive members_profiles">
                <table class="table table-hover" style="width: 100%;">
                    <thead>
                        <tr>
                            <th style="width:80%;">Product Name</th>
                            <th style="width:20%;">Stock</th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php $__currentLoopData = $data['low']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $var): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <tr>
                            <td>
                                <a href="javascript:void(0);"><?php echo e($var->productName); ?></a>
                            </td>
                            <td><?php echo e($var->quantityInStock); ?></td>
                        </tr>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="col-lg-4 col-md-12">
        <div class="card">
            <div class="header">
                <h2><strong>Recent </strong>Sales</h2>
            </div>
            <div class="body table-responsive members_profiles">
                <table class="table table-hover">
                    <thead>
                        <tr>
                            <th style="width:60px;">Product Name</th>
                            <th>Qty</th>
                            <th>Earnings</th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php $__currentLoopData = $data['sales']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $var): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <tr>
                            <td>
                                <a href="javascript:void(0);"><?php echo e($var->productName); ?></a>
                            </td>
                            <td><?php echo e($var->quantity); ?></td>
                            <td><?php echo e(formatAmountInIndianCurrency($var->total)); ?> QAR</td>
                        </tr>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<div class="row clearfix">
    <div class="col-lg-6 col-md-12">
        <div class="card">
            <div class="header">
                <h2><strong>Sales</strong> Statics</h2>
            </div>
            <div class="body">
                <div id="m_area_chart"></div>
            </div>
        </div>
    </div>
    <div class="col-lg-6 col-md-12">
        <div class="card">
            <div class="header">
                <h2><strong>Recent</strong> Transaction</h2>
            </div>
            <div class="body">
                <!-- Nav tabs -->
                <ul class="nav nav-tabs">
                    <li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#home">Sales</a></li>
                    <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#pur">Purchase</a></li>
                    <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#quo">Quotation</a></li>
                    <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#inv">Invoice</a></li>
                </ul>
                <!-- Tab panes -->
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane in active" id="home"> <b>Sales Content</b>
                        <table class="table table-hover">
                                <thead>
                                    <tr>
                                        <th>Date</th>
                                        <th>Customer</th>
                                        <th>Status</th>
                                        <th>Total</th>
                                    </tr>
                                </thead>
                            <tbody>
                                <?php $__currentLoopData = $data['transaction_sales']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $var): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <tr>
                                        <td><?php echo e(\Carbon\Carbon::parse($var->paymentDate)->format('d-m-Y')); ?></td>
                                        <td><?php echo e($var->customerName); ?></td>
                                        <td><?php echo e($var->paymentStatus); ?></td>
                                        <td><?php echo e($var->paidAmount); ?> QAR</td>
                                    </tr>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </tbody>
                        </table>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="pur"> <b>Purchase Content</b>
                        <table class="table table-hover">
                                <thead>
                                    <tr>
                                        <th>Date</th>
                                        <th>Supplier</th>
                                        <th>Status</th>
                                        <th>Total</th>
                                    </tr>
                                </thead>
                            <tbody>
                                <?php $__currentLoopData = $data['purchase']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $var): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <tr>
                                        <td><?php echo e(\Carbon\Carbon::parse($var->purchaseDate)->format('d-m-Y')); ?></td>
                                        <td><?php echo e($var->bussinessName); ?></td>
                                        <td><?php echo e($var->status); ?></td>
                                        <td><?php echo e(formatAmountInIndianCurrency($var->totalAmount)); ?> QAR</td>
                                    </tr>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </tbody>
                        </table>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="quo"> <b>Quotation Content</b>
                    <table class="table table-hover">
                                <thead>
                                    <tr>
                                        <th>Date</th>
                                        <th>Supplier</th>
                                        <th>Delivery Date</th>
                                        <th>Shipment Preference</th>
                                    </tr>
                                </thead>
                            <tbody>
                                <?php $__currentLoopData = $data['quotation']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $var): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <tr>
                                        <td><?php echo e(\Carbon\Carbon::parse($var->quotationDate)->format('d-m-Y')); ?></td>
                                        <td><?php echo e($var->bussinessName); ?></td>
                                        <td><?php echo e(\Carbon\Carbon::parse($var->expDeliveryDate)->format('d-m-Y')); ?></td>
                                        <td><?php echo e($var->shipmentPreference); ?></td>
                                    </tr>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </tbody>
                        </table>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="inv"> <b>Invoice Content</b>
                        <table class="table table-hover">
                                <thead>
                                    <tr>
                                        <th>Date</th>
                                        <th>Customer</th>
                                        <th>Sale Person</th>
                                        <th>Amount</th>
                                    </tr>
                                </thead>
                            <tbody>
                                <?php $__currentLoopData = $data['invoice']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $var): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <tr>
                                        <td><?php echo e(\Carbon\Carbon::parse($var->invoiceDate)->format('d-m-Y')); ?></td>
                                        <td><?php echo e($var->customerName); ?></td>
                                        <td><?php echo e($var->salesperson); ?></td>
                                        <td><?php echo e($var->amountPayable); ?> QAR</td>
                                    </tr>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row clearfix">
    <div class="col-lg-4 col-md-12">
        <div class="card activities">
            <div class="header">
                <h2><strong>Top Customers</strong></h2>
            </div>
            <div class="body">
                <ul class="list-unstyled activity">
                    <?php $__currentLoopData = $data['top_customer']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $var): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <li>
                        <a href="javascript:void(0)">
                            <i class="zmdi zmdi-account-o bg-blue"></i>
                            <div class="info">
                                <h4><?php echo e($var->customerName); ?></h4>
                                <small><?php echo e($var->orders); ?> Orders</small> <b style="float: right;"><?php echo e(formatAmountInIndianCurrency($var->total)); ?> QAR</b>
                            </div>
                        </a>
                    </li>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </ul>
            </div>
        </div>
    </div>
    <div class="col-lg-4 col-md-12">
        <div class="card">
            <div class="header">
                <h2><strong>Top</strong> Categories</h2>
            </div>
            <div class="body">
                <div id="donut_chart" class="dashboard-donut-chart"></div>
                <table class="table m-t-25 m-b-0">
                    <tbody>
                        <tr>
                            <td>Total Number Of Categories</td>
                            <td><?php echo e($data['total_categories']); ?></td>
                            <td><i class="zmdi zmdi-caret-up text-success"></i></td>
                        </tr>
                        <tr>
                            <td>Total Number Of Products</td>
                            <td><?php echo e($data['total_products']); ?></td>
                            <td><i class="zmdi zmdi-caret-up text-success"></i></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="col-lg-4 col-md-12">
        <div class="card tasks_report">
            <div class="header">
                <h2><strong>Order</strong> Statistics</h2>
            </div>
            <div class="body text-center">
                <h4 class="m-t-0">Total Orders</h4>
                <h6 class="m-b-20"><?php echo e($data['orders']); ?></h6>
                <input type="text" class="knob dial1" value="<?php echo e(($data['orders_details']/$data['total_products']) * 100); ?>" data-width="140" data-height="140" data-thickness="0.1"
                    data-fgColor="#000" readonly>
                <h6 class="m-t-30">Renewal Rate</h6>
                <small class="displayblock"><?php echo e(($data['orders_details']/$data['total_products']) * 100); ?>% Average <i class="zmdi zmdi-trending-up"></i></small>
                <div class="sparkline m-t-20" data-type="bar" data-width="97%" data-height="45px" data-bar-Width="2"
                    data-bar-Spacing="8" data-bar-Color="#000">3,2,6,5,9,8,7,8,4,5,1,2,9,5,1,3,5,7,4,6</div>
            </div>
        </div>
    </div>
</div>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('script'); ?>
    <script src="https://online-login.online/dist/bundles/flotscripts.bundle.js"></script>
    <script>
        $(function () {
            $('.chart.chart-bar').sparkline(undefined, {
                type: 'bar',
                barColor: '#fff',
                negBarColor: '#fff',
                barWidth: '4px',
                height: '34px'
            });
            $('.chart.chart-line').sparkline(undefined, {
                type: 'line',
                width: '60px',
                height: '45px',
                lineColor: '#fff',
                lineWidth: 1.3,
                fillColor: 'rgba(0,0,0,0)',
                spotColor: 'rgba(255,255,255,0.40)',
                maxSpotColor: 'rgba(255,255,255,0.40)',
                minSpotColor: 'rgba(255,255,255,0.40)',
                spotRadius: 3,
                highlightSpotColor: '#fff'
            });

            //some data
            var d1 = [];
            for (var i = 1; i <= 12; i += 1)
                d1.push([i, parseInt(Math.random() * 60)]);

            var d2 = [];
            for (var i = 1; i <= 12; i += 1)
                d2.push([i, parseInt(Math.random() * 40)]);

            var ds = new Array();

            ds.push({
                label: "Sales",
                data: d1,
                bars: {
                    order: 1
                }
            });
            ds.push({
                label: "Purchase",
                data: d2,
                bars: {
                    order: 2
                }
            });

            var stack = 0,
                bars = true,
                lines = true,
                steps = true;

            var options = {
                bars: {
                    show: true,
                    barWidth: 0.3,
                    fill: 1
                },
                grid: {
                    show: true,
                    aboveData: false,
                    labelMargin: 5,
                    axisMargin: 0,
                    borderWidth: 1,
                    minBorderMargin: 5,
                    clickable: true,
                    hoverable: true,
                    autoHighlight: false,
                    mouseActiveRadius: 20,
                    borderColor: '#f5f5f5'
                },
                series: {
                    stack: stack
                },
                legend: {
                    position: "ne",
                    margin: [0, 0],
                    noColumns: 0,
                    labelBoxBorderColor: null,
                    labelFormatter: function (label, series) {
                        // just add some space to labes
                        return '' + label + '&nbsp;&nbsp;';
                    },
                    width: 30,
                    height: 5
                },
                yaxis: {
                    tickColor: '#f5f5f5',
                    font: {
                        color: '#bdbdbd'
                    }
                },
                xaxis: {
                    tickColor: '#f5f5f5',
                    font: {
                        color: '#bdbdbd'
                    }
                },
                colors: ["#6a7885", "#ffd03f", "#8c99e0"],
                tooltip: true, //activate tooltip
                tooltipOpts: {
                    content: "%s : %y.0",
                    shifts: {
                        x: -30,
                        y: -50
                    }
                }
            };

            $.plot($(".sales-bars-chart"), ds, options);

            MorrisArea();
            initDonutChart();

            $('.knob').knob({
                draw: function () {
                    // "tron" case
                    if (this.$.data('skin') == 'tron') {

                        var a = this.angle(this.cv)  // Angle
                            , sa = this.startAngle          // Previous start angle
                            , sat = this.startAngle         // Start angle
                            , ea                            // Previous end angle
                            , eat = sat + a                 // End angle
                            , r = true;

                        this.g.lineWidth = this.lineWidth;

                        this.o.cursor
                            && (sat = eat - 0.3)
                            && (eat = eat + 0.3);

                        if (this.o.displayPrevious) {
                            ea = this.startAngle + this.angle(this.value);
                            this.o.cursor
                                && (sa = ea - 0.3)
                                && (ea = ea + 0.3);
                            this.g.beginPath();
                            this.g.strokeStyle = this.previousColor;
                            this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, sa, ea, false);
                            this.g.stroke();
                        }

                        this.g.beginPath();
                        this.g.strokeStyle = r ? this.o.fgColor : this.fgColor;
                        this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, sat, eat, false);
                        this.g.stroke();

                        this.g.lineWidth = 2;
                        this.g.beginPath();
                        this.g.strokeStyle = this.o.fgColor;
                        this.g.arc(this.xy, this.xy, this.radius - this.lineWidth + 1 + this.lineWidth * 2 / 3, 0, 2 * Math.PI, false);
                        this.g.stroke();

                        return false;
                    }
                }
            });
        });

        function MorrisArea() {
            Morris.Area({
                element: 'area_chart',
                data: [{
                    period: '2011',
                    Supplier: 2,
                    Customer: 0,
                    Orders: 0
                }, {
                    period: '2017',
                    Supplier: 20,
                    Customer: 9,
                    Orders: 5
                }

                ],
                lineColors: ['#616161', '#00ced1', '#ff758e'],
                xkey: 'period',
                ykeys: ['Supplier', 'Customer', 'Orders'],
                labels: ['Supplier', 'Customer', 'Orders'],
                pointSize: 0,
                lineWidth: 0,
                resize: true,
                fillOpacity: 0.8,
                behaveLikeLine: true,
                gridLineColor: '#e0e0e0',
                hideHover: 'auto'
            });

            Morris.Area({
                element: 'm_area_chart',
                data: [{
                    period: '2011',
                    sales: 45,
                    revenue: 75,
                },
                {
                    period: '2017',
                    sales: 210,
                    revenue: 180,
                }
                ],
                xkey: 'period',
                ykeys: ['revenue', 'sales'],
                labels: ['revenue', 'sales'],
                pointSize: 3,
                fillOpacity: 0,
                pointStrokeColors: ['#222222', '#cccccc', '#379c94'],
                behaveLikeLine: true,
                gridLineColor: '#e0e0e0',
                lineWidth: 2,
                hideHover: 'auto',
                lineColors: ['#222222', '#cccccc', '#379c94'],
                resize: true

            });
        }
        function initDonutChart() {
            Morris.Donut({
                element: 'donut_chart',
                data: [
                <?php $__currentLoopData = $data['categories']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $var): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                {
                    label: '<?php echo e($var->categoryName); ?>',
                    value: <?php echo e($var->total); ?>

                },
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>    
                
                ],
                colors: ['#93e3ff', '#b0dd91', '#ffe699', '#f8cbad', '#a4a4a4'],
                formatter: function (y) {
                    return y + '%'
                }
            });
        }
    </script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('schools.school_layout', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>