monthly.blade.php

@push('pagetitle', 'Levo Sales Monthly')

<x-page.menued>
    <x-page.header title="Monthly Sales Report">
        <x-elements.header-previous-button/>
    </x-page.header>

    <div class="px-8 py-4">
        <x-table header>
            <x-slot name="head">
                <x-table.heading>{{today()->format('Y')}}</x-table.heading>
                <x-table.heading-br>Total</x-table.heading-br>
                <x-table.heading>Jan</x-table.heading>
                <x-table.heading>Feb</x-table.heading>
                <x-table.heading>Mar</x-table.heading>
                <x-table.heading>Apr</x-table.heading>
                <x-table.heading>May</x-table.heading>
                <x-table.heading>Jun</x-table.heading>
                <x-table.heading>Jul</x-table.heading>
                <x-table.heading>Aug</x-table.heading>
                <x-table.heading>Sep</x-table.heading>
                <x-table.heading>Oct</x-table.heading>
                <x-table.heading>Nov</x-table.heading>
                <x-table.heading>Dec</x-table.heading>
            </x-slot>

            <x-slot name="body">
                <!-- SPACER -->
                <x-table.thin-row>&nbsp;</x-table.thin-row>

                <!-- OVERALL PERFORMANCE [1] -->
                <livewire:reports.monthly.overall-performance />

                <!-- SPACER -->
                <x-table.thin-row>&nbsp;</x-table.thin-row>

                <!-- SALES REVENUE [2] -->
                <livewire:reports.monthly.sales-revenue />

                <!-- REPAIR COST [3] -->
                <livewire:reports.monthly.repair-cost />

                <!-- CREDIT RETURNS [4] -->
                <livewire:reports.monthly.credit-returns />

                <!-- SALES PROFITS [5] -->
                <livewire:reports.monthly.sales-profits />

                <!-- DIVIDER -->
                <x-table.thin-row>&nbsp;</x-table.thin-row>

                <!-- CUSTOMER DISTRIBUTION [6] -->
                <livewire:reports.monthly.customer-distribution />

                <!-- CUSTOMER MARGIN [7] -->
                <livewire:reports.monthly.customer-margin />

                <!-- CUSTOMER REGION [8] -->
                <livewire:reports.monthly.customer-region />

                <!-- REGION MARGIN [9] -->
                <livewire:reports.monthly.region-margin />

                <!-- CATEGORY DISTRIBUTION [10] -->
                <livewire:reports.monthly.category-distribution />

                <!-- CATEGORY MARGIN [11] -->
                <livewire:reports.monthly.category-margin />

                <!-- SPACER -->
                <x-table.thin-row>&nbsp;</x-table.thin-row>
            </x-slot>
        </x-table>

        <div class="mt-8">
            <x-sales.reports.monthly-notes/>
        </div>
    </div>
</x-page.menued>