@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();
        $categories = $inventories['categories'] ?? [];
    @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['date_from']) . ' ' . __('general.to') . ' ' . dateDisplay($input['date_to'])"
                            />
                        </div>
                    </div>
                    <hr class="divider-horizontal m-0">

                    @if(!empty($categories))
                        @foreach($categories as $category)
                            <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 style="width: 13%;">{{ __('validation.attributes.date') }}</td>
                                                <td style="width: 13%;">{{ __('validation.attributes.module') }}</td>
                                                <td style="width: 14%;">{{ __('validation.attributes.form_number') }}</td>
                                                <td style="width: 30%;">{{ __('validation.attributes.description') }}</td>
                                                <td style="width: 10%;" class="text-end">{{ __('general.in_qty') }}</td>
                                                <td style="width: 10%;" class="text-end">{{ __('general.out_qty') }}</td>
                                                <td style="width: 10%;" class="text-end">{{ __('general.balance') }}</td>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr class="bg-gray-400 fw-bold">
                                                <td colspan="7">{{ strtoupper($category['name'] ?? '-') }}</td>
                                            </tr>

                                            @foreach($category['products'] ?? [] as $product)
                                                @php
                                                    $balances = $product['details'] ?? [];
                                                    $emptyClass = count($balances) ? '' : 'text-warning-emphasis';
                                                @endphp
                                                <tr class="bg-gray-200 border-gray-500 border-top border-bottom">
                                                    <td class="ps-4">{{ $product['sku'] }}</td>
                                                    <td colspan="2">{!! $product['name_with_transport_carrier_schedules'] !!}</td>
                                                    <td class="{{ $emptyClass }}">
                                                        @if(!count($balances))
                                                            {{ __('messages.hint.no-transaction') }}
                                                        @endif
                                                    </td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                </tr>

                                                @foreach($balances as $balance)
                                                    <tr class="{{ $loop->even ? 'bg-gray-100' : '' }} {{ $loop->last ? 'border-gray-500 border-bottom' : '' }}">
                                                        <td class="ps-4">&bull;&nbsp;{{ dateDisplay($balance['date'] ?? null) }}</td>
                                                        <td class="ps-3">{{ $balance['label'] ?? '-' }}</td>
                                                        <td>{{ $balance['form_number'] ?? '-' }}</td>
                                                        <td>{{ $balance['description'] ?? '-' }}</td>
                                                        <td class="text-end">{{ decimal_format($balance['in_quantity'] ?? 0) }}</td>
                                                        <td class="text-end">{{ decimal_format($balance['out_quantity'] ?? 0) }}</td>
                                                        <td class="text-end text-primary">{{ decimal_format($balance['balance'] ?? 0) }}</td>
                                                    </tr>
                                                @endforeach
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        @endforeach
                    @else
                        <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