@extends('layouts.app')
@section('title', __('Accounting'))

@section('content')
    @include('accounting._nav')

    <form method="GET" class="mb-4 flex flex-wrap items-end gap-2">
        <div><label class="label">{{ __('From') }}</label><input type="date" name="from" value="{{ $from->toDateString() }}" class="input"></div>
        <div><label class="label">{{ __('To') }}</label><input type="date" name="to" value="{{ $to->toDateString() }}" class="input"></div>
        <button class="btn-secondary">{{ __('Filter') }}</button>
        <a href="{{ route('accounting.pdf', ['type' => 'journal', 'from' => $from->toDateString(), 'to' => $to->toDateString()]) }}" class="btn-secondary ml-auto">
            <x-icon name="download" class="h-4 w-4"/>{{ __('PDF') }}
        </a>
    </form>

    <div class="mb-4 grid grid-cols-1 gap-4 sm:grid-cols-3">
        <div class="card"><p class="text-xs uppercase text-slate-400">{{ __('Total debit') }}</p><p class="mt-1 text-xl font-bold">{{ money($totals['debit']) }}</p></div>
        <div class="card"><p class="text-xs uppercase text-slate-400">{{ __('Total credit') }}</p><p class="mt-1 text-xl font-bold">{{ money($totals['credit']) }}</p></div>
        <div class="card"><p class="text-xs uppercase text-slate-400">{{ __('Balanced') }}</p>
            <p class="mt-1 text-xl font-bold {{ $totals['debit'] === $totals['credit'] ? 'text-brand-700' : 'text-red-600' }}">
                {{ $totals['debit'] === $totals['credit'] ? __('Yes') : __('No') }}
            </p>
        </div>
    </div>

    <div class="table-wrap">
        <table class="min-w-full divide-y divide-slate-100">
            <thead class="bg-slate-50"><tr>
                <th class="th">{{ __('Date') }}</th>
                <th class="th">{{ __('Reference') }}</th>
                <th class="th">{{ __('Label') }}</th>
                <th class="th">{{ __('Account') }}</th>
                <th class="th text-right">{{ __('Debit') }}</th>
                <th class="th text-right">{{ __('Credit') }}</th>
            </tr></thead>
            <tbody class="divide-y divide-slate-100">
                @forelse ($entries as $entry)
                    <tr class="hover:bg-slate-50">
                        <td class="td">{{ \Illuminate\Support\Carbon::parse($entry['date'])->format('d/m/Y') }}</td>
                        <td class="td font-mono text-xs">{{ $entry['reference'] }}</td>
                        <td class="td">{{ $entry['label'] }}</td>
                        <td class="td"><span class="font-mono text-xs text-slate-400">{{ $entry['account'] }}</span> {{ $entry['account_name'] }}</td>
                        <td class="td text-right">{{ $entry['debit'] > 0 ? money($entry['debit']) : '' }}</td>
                        <td class="td text-right">{{ $entry['credit'] > 0 ? money($entry['credit']) : '' }}</td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="td py-10 text-center text-slate-400">{{ __('No entries for this period.') }}</td></tr>
                @endforelse
            </tbody>
            <tfoot>
                <tr class="bg-slate-50 font-semibold">
                    <td class="td" colspan="4">{{ __('Total') }}</td>
                    <td class="td text-right">{{ money($totals['debit']) }}</td>
                    <td class="td text-right">{{ money($totals['credit']) }}</td>
                </tr>
            </tfoot>
        </table>
    </div>
@endsection