File "sale-comparison.blade.php"

Full Path: /home/clickysoft/public_html/jmapi5.clickysoft.net/resources/views/layouts/reports/sale-comparison.blade.php
File size: 3.83 KB
MIME-type: text/html
Charset: utf-8

 
Open Edit   Advanced Editor   Back 
<!doctype html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

    <title>Sale Comparison Report</title>

    <style>

        .details > p {
            margin: 0;
            padding: 0;
        }

        .table-responsive {
            overflow-x: auto;
        }

        .thick-hr {
            border-top: 4px solid #000;
            margin: 20px 0;
        }

        .custom-font {
            font-size: 12px;
        }

    </style>
</head>
<body>

<div class="row">
    <div class="col-12 mt-5">
        <div class="d-flex justify-content-between">
            <div class="w-100">
                <h3>J&M Trophies</h3>
                <div class="font-weight-bold">Orders Sale Comparison</div>
                <hr class="border-4 thick-hr">
            </div>
        </div>
    </div>
    <div class="col-12 mt-5">
        <div class="table-responsive">
            <table class="table table-striped custom-font">
                <thead class=thead-dark>
                    <th>Year</th>
                    <th>Jan</th>
                    <th>Feb</th>
                    <th>Mar</th>
                    <th>Apr</th>
                    <th>May</th>
                    <th>Jun</th>
                    <th>Jul</th>
                    <th>Aug</th>
                    <th>Sep</th>
                    <th>Oct</th>
                    <th>Nov</th>
                    <th>Dec</th>
                    <th>Lowest</th>
                    <th>Highest</th>
                    <th>Average</th>
                    <th>Total</th>
                </thead>

                <tbody class=thead-dark>

                @foreach($data['years'] as $year)
                    <tr>
                        <td class="font-weight-bold">{{$year}}</td>
                        @foreach($data['data'] as $key => $datum)
                            <td>{{"$$datum[$year]"}}</td>
                        @endforeach
                        <td>{{"$".$data['yearly_lowest'][$year]}}</td>
                        <td>{{"$".$data['yearly_highest'][$year]}}</td>
                        <td>{{"$".$data['yearly_average'][$year]}}</td>
                        <td>{{"$".$data['yearly_totals'][$year]}}</td>
                    </tr>
                @endforeach
                </tbody>
                <tfoot>
                    <tr class="border-top border-danger">
                        <td class="font-weight-bold">Monthly Total</td>
                        @foreach (range(1, 12) as $month)
                            @php
                                $m = \Carbon\Carbon::createFromDate(null, $month, 1)->format('M')
                            @endphp
                            <td>{{$data['monthly_totals'][$m]}}</td>
                        @endforeach
                    </tr>
                </tfoot>
            </table>
        </div>
    </div>
</div>

<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.7/dist/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>