@php
    use App\Enums\ReportOption;
    use Carbon\Carbon;
@endphp
@extends('layouts.print')

@push('styles')
    @if(isset($output) && $output === 'screen')
        @vite(['resources/scss/main.scss', 'resources/scss/print.scss'])
    @else
        <link rel="stylesheet" href="{{ asset('css/print.css') }}">
    @endif
@endpush

@section('content')
@php
    $routeName = request()->route()->getName();
@endphp

<x-reports.button-group-output
    :excel-route="route($routeName, [...$input, 'output' => 'xlsx'])"
    :csv-route="route($routeName, [...$input, 'output' => 'csv'])"
    :pdf-route="route($routeName, [...$input, 'output' => 'pdf'])"
/>

<div class="container-fluid">
    <section>
        <div class="card shadow-0 border-0">
            <div class="card-body p-0">
                <div class="row">
                    <div class="col-12">
                        <x-reports.print-header-table
                            :title="$title"
                            :subtitle1="dateDisplay($input['period'])"
                        />
                    </div>
                </div>
                <hr class="divider-horizontal m-0">

                {{-- === TABEL QUANTITY === --}}
                @if(in_array($input['show_content'], [ReportOption::QUANTITY->value, ReportOption::ALL->value]))
                    <div class="row">
                        <div class="col-12 mb-3">
                            <table class="table table-sm table-borderless m-0 mt-1" autosize="2">
                                <thead>
                                <tr class="bg-gray-500 fw-bold">
                                    <td rowspan="2" class="text-center align-middle">
                                        {{ __('validation.attributes.description') }}
                                    </td>
                                    <td colspan="{{ count($periods) }}" class="text-center border-bottom">
                                        {{ __('validation.attributes.quantity') }}
                                    </td>
                                    @if($output === 'screen')
                                        <td rowspan="2" class="text-center align-middle">{{ __('general.graph') }}</td>
                                    @endif
                                </tr>
                                <tr class="bg-gray-500 fw-bold">
                                    @foreach($periods as $period)
                                        <td class="text-center">{{ Carbon::make($period)->format('M-Y') }}</td>
                                    @endforeach
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($data as $category)
                                    {{-- Nama kategori --}}
                                    <tr class="bg-gray-300 fw-bold">
                                        <td>{{ $category['name'] }}</td>
                                        <td colspan="{{ count($periods) }}"></td>
                                        @if($output === 'screen')
                                            <td></td>
                                        @endif
                                    </tr>

                                    {{-- Produk di dalam kategori --}}
                                    @foreach($category['details'] as $product)
                                        <tr class="{{ $loop->even ? 'bg-gray-100' : '' }}">
                                            <td>{{ $product['sku'] }} - {{ $product['name'] }}</td>
                                            @foreach($product['periods']['quantity'] as $period => $value)
                                                <td class="text-end">{{ accounting_format($value) }}</td>
                                            @endforeach
                                            @if($output === 'screen')
                                                <td>
                                                    <x-charts.small-area
                                                        :series="[['name' => '', 'data' => array_values($product['periods']['quantity'])]]"
                                                        :categories="array_keys($product['periods']['quantity'])"
                                                    />
                                                </td>
                                            @endif
                                        </tr>
                                    @endforeach

                                    {{-- Subtotal kategori --}}
                                    <tr class="bg-gray-300 fw-bold border-bottom border-gray-600">
                                        <td class="text-end">{{ __('validation.attributes.subtotal') }}</td>
                                        @foreach($category['periods']['quantity'] as $period => $value)
                                            <td class="text-end">{{ accounting_format($value) }}</td>
                                        @endforeach
                                        @if($output === 'screen')
                                            <td>
                                                <x-charts.small-area
                                                    :series="[['name' => '', 'data' => array_values($category['periods']['quantity'])]]"
                                                    :categories="array_keys($category['periods']['quantity'])"
                                                />
                                            </td>
                                        @endif
                                    </tr>
                                @endforeach
                                </tbody>

                                {{-- Grand Total --}}
                                <tfoot>
                                <tr class="bg-gray-400 fw-bold">
                                    <td>{{ __('general.grand_total') }}</td>
                                    @foreach($totals['quantity'] as $period => $value)
                                        <td class="text-end">{{ accounting_format($value) }}</td>
                                    @endforeach
                                    @if($output === 'screen')
                                        <td>
                                            <x-charts.small-area
                                                :series="[['name' => '', 'data' => array_values($totals['quantity'])]]"
                                                :categories="array_keys($totals['quantity'])"
                                            />
                                        </td>
                                    @endif
                                </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                @endif

                {{-- === TABEL AMOUNT === --}}
                {{-- === TABEL AMOUNT === --}}
                @if(in_array($input['show_content'], [ReportOption::AMOUNT->value, ReportOption::ALL->value]))
                    <div class="row">
                        <div class="col-12 mb-3">
                            <table class="table table-sm table-borderless m-0 mt-1" autosize="2">
                                <thead>
                                <tr class="bg-gray-500 fw-bold">
                                    <td rowspan="2" class="text-center align-middle">
                                        {{ __('validation.attributes.description') }}
                                    </td>
                                    <td colspan="{{ count($periods) }}" class="text-center border-bottom">
                                        {{ __('validation.attributes.amount') }}
                                    </td>
                                    @if($output === 'screen')
                                        <td rowspan="2" class="text-center align-middle">{{ __('general.graph') }}</td>
                                    @endif
                                </tr>
                                <tr class="bg-gray-500 fw-bold">
                                    @foreach($periods as $period)
                                        <td class="text-center">{{ \Carbon\Carbon::make($period)->format('M-Y') }}</td>
                                    @endforeach
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($data as $category)
                                    {{-- Nama kategori --}}
                                    <tr class="bg-gray-300 fw-bold">
                                        <td>{{ $category['name'] }}</td>
                                        <td colspan="{{ count($periods) }}"></td>
                                        @if($output === 'screen')
                                            <td></td>
                                        @endif
                                    </tr>

                                    {{-- Produk di dalam kategori --}}
                                    @foreach($category['details'] as $product)
                                        <tr class="{{ $loop->even ? 'bg-gray-100' : '' }}">
                                            <td>{{ $product['sku'] }} - {{ $product['name'] }}</td>
                                            @foreach($product['periods']['amount'] as $period => $value)
                                                <td class="text-end">{{ accounting_format($value) }}</td>
                                            @endforeach
                                            @if($output === 'screen')
                                                <td>
                                                    <x-charts.small-area
                                                        :series="[['name' => '', 'data' => array_values($product['periods']['amount'])]]"
                                                        :categories="array_keys($product['periods']['amount'])"
                                                    />
                                                </td>
                                            @endif
                                        </tr>
                                    @endforeach

                                    {{-- Subtotal kategori --}}
                                    <tr class="bg-gray-300 fw-bold border-bottom border-gray-600">
                                        <td class="text-end">{{ __('validation.attributes.subtotal') }}</td>
                                        @foreach($category['periods']['amount'] as $period => $value)
                                            <td class="text-end">{{ accounting_format($value) }}</td>
                                        @endforeach
                                        @if($output === 'screen')
                                            <td>
                                                <x-charts.small-area
                                                    :series="[['name' => '', 'data' => array_values($category['periods']['amount'])]]"
                                                    :categories="array_keys($category['periods']['amount'])"
                                                />
                                            </td>
                                        @endif
                                    </tr>
                                @endforeach
                                </tbody>

                                {{-- Grand Total --}}
                                <tfoot>
                                <tr class="bg-gray-400 fw-bold">
                                    <td>{{ __('general.grand_total') }}</td>
                                    @foreach($totals['amount'] as $period => $value)
                                        <td class="text-end">{{ accounting_format($value) }}</td>
                                    @endforeach
                                    @if($output === 'screen')
                                        <td>
                                            <x-charts.small-area
                                                :series="[['name' => '', 'data' => array_values($totals['amount'])]]"
                                                :categories="array_keys($totals['amount'])"
                                            />
                                        </td>
                                    @endif
                                </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                @endif

                {{-- Jika tidak ada data --}}
                @if(empty($data))
                    <div class="row">
                        <div class="col-12 text-center my-3">
                            <span class="fw-normal">{{ __('messages.report.not-found') }}</span>
                        </div>
                    </div>
                @endif

            </div>
        </div>
    </section>
</div>
@endsection