@extends('layouts.app')

@section('title', 'Dashboard - Cash Book')

@section('content')
@if(session('success'))
    <div class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded mb-4">
        {{ session('success') }}
    </div>
@endif
@if($errors->any())
    <div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4">
        <ul>
            @foreach($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

<!-- Dashboard -->
<section id="dashboard" class="p-6 space-y-4 max-w-4xl mx-auto">
    <h2 class="text-xl font-semibold">Business Day Summary</h2>
    <div class="text-sm text-gray-600 mb-4">
        Business Day: {{ \Carbon\Carbon::parse(\App\Services\TransactionService::getBusinessDate())->format('d/m/Y') }}
    </div>

    <div class="grid grid-cols-2 gap-4">
        <div class="bg-white p-4 rounded shadow">
            <p class="text-sm text-gray-500">Opening Balance</p>
            <p class="text-xl font-bold">{{ $openingBalance }}</p>
        </div>
        <div class="bg-white p-4 rounded shadow">
            <p class="text-sm text-gray-500">Business Day Balance</p>
            <p class="text-xl font-bold {{ $closingBalance < 0 ? 'text-red-600' : 'text-green-600' }}">{{ $closingBalance }}</p>
        </div>
        <div class="bg-white p-4 rounded shadow">
            <p class="text-sm text-gray-500">Credit(Receivings)</p>
            <p class="text-xl font-bold text-green-600">{{ $todayCredits }}</p>
        </div>
        <div class="bg-white p-4 rounded shadow">
            <p class="text-sm text-gray-500">Debit(Payments)</p>
            <p class="text-xl font-bold text-red-600">{{ $todayDebits }}</p>
        </div>
    </div>

    @if(!in_array(auth()->user()->role, ['accountant', 'auditor']))
    <div class="flex justify-end">
        <a href="{{ route('transactions.create') }}" class="mt-4 bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700">
            ➕ Add Transaction
        </a>
    </div>
    @endif
</section>
@endsection