@php
    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, array_merge($input, ['output' => 'xlsx']))"
        :csv-route="route($routeName, array_merge($input, ['output' => 'csv']))"
        :pdf-route="route($routeName, array_merge($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">
                    <div class="row">
                        <div class="col-12">
                            <div class="table-responsive">
                                <table class="table table-sm table-borderless m-0 mb-3">
                                    <thead>
                                    <tr class="bg-gray-300 fw-bold">
                                        <td class="text-center align-middle">{{ __('validation.attributes.invoice_number') }}</td>
                                        <td class="text-center align-middle">{{ __('validation.attributes.date') }}</td>
                                        <td class="text-center align-middle">{{ __('general.supplier') }}</td>
                                        <td class="text-center align-middle">{{ __('validation.attributes.due_date') }}</td>
                                        <td class="text-end align-middle">{{ __('general.total') }}</td>
                                        <td class="text-end align-middle">{{ __('general.paid') }}</td>
                                        <td class="text-end align-middle">{{ __('general.return') }}</td>
                                        <td class="text-end align-middle">{{ __('validation.attributes.owing_amount') }}</td>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @forelse($invoices as $invoice)
                                        <tr>
                                            <td class="text-center">{{ $invoice->form_number ?? $invoice->id }}</td>
                                            <td class="text-center">{{ $invoice->date?->format('Y-m-d') }}</td>
                                            <td>{{ $invoice->supplier?->name ?? '-' }}</td>
                                            <td class="text-center">{{ $invoice->due_date?->format('Y-m-d') }}</td>
                                            <td class="text-end">{{ number_format($invoice->total_amount, 0, ',', '.') }}</td>
                                            <td class="text-end">{{ number_format($invoice->payment_amount, 0, ',', '.') }}</td>
                                            <td class="text-end">{{ number_format($invoice->return_amount, 0, ',', '.') }}</td>
                                            <td class="text-end fw-bold">{{ number_format($invoice->owing_amount, 0, ',', '.') }}</td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="8" class="text-center text-muted">
                                                {{ __('messages.report.not-found') }}
                                            </td>
                                        </tr>
                                    @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>

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