@extends('layouts.app')

@php use App\Helpers\TranslationHelper; @endphp

@section('title', TranslationHelper::transFromDatabase('Bank Reports', 'تقارير البنوك'))

@section('content')
<div class="container m-auto p-4 py-5">
    <div class="flex justify-between items-center mb-5">
        <h1 class="text-2l font-bold text-black">{{ TranslationHelper::transFromDatabase('Bank Reports', __('تقارير البنوك')) }}</h1>
    </div>

    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
        <!-- تقرير كشف حساب بنكي -->
        <div class="bg-white rounded-lg shadow-md overflow-hidden">
            <div class="p-4 border-b border-gray-200 bg-primary-50">
                <h2 class="text-lg font-semibold text-black">{{ TranslationHelper::transFromDatabase('Bank Account Statement', __('كشف حساب بنكي')) }}</h2>
            </div>
            <div class="p-4">
                <p class="text-black mb-4">{{ TranslationHelper::transFromDatabase('Display a detailed account statement for any bank account during a specified period', __('عرض كشف حساب تفصيلي لأي حساب بنكي خلال فترة محددة')) }}</p>
                <a href="{{ route('banking.reports.account-statement') }}" class="bg-primary-600 hover:bg-primary-700 text-white p-4 py-2 rounded-md inline-block">
                    {{ TranslationHelper::transFromDatabase('View Report', __('عرض التقرير')) }}
                </a>
            </div>
        </div>

        <!-- تقرير الشيكات -->
        <div class="bg-white rounded-lg shadow-md overflow-hidden">
            <div class="p-4 border-b border-gray-200 bg-primary-50">
                <h2 class="text-lg font-semibold text-black">{{ TranslationHelper::transFromDatabase('Checks Report', __('تقرير الشيكات')) }}</h2>
            </div>
            <div class="p-4">
                <p class="text-black mb-4">{{ TranslationHelper::transFromDatabase('Display a detailed report of incoming and outgoing checks and their status', __('عرض تقرير مفصل عن الشيكات الواردة والصادرة وحالاتها')) }}</p>
                <a href="{{ route('banking.reports.checks') }}" class="bg-primary-600 hover:bg-primary-700 text-white p-4 py-2 rounded-md inline-block">
                    {{ TranslationHelper::transFromDatabase('View Report', __('عرض التقرير')) }}
                </a>
            </div>
        </div>

        <!-- تقرير التسويات البنكية -->
        <div class="bg-white rounded-lg shadow-md overflow-hidden">
            <div class="p-4 border-b border-gray-200 bg-primary-50">
                <h2 class="text-lg font-semibold text-black">{{ TranslationHelper::transFromDatabase('Bank Reconciliations Report', __('تقرير التسويات البنكية')) }}</h2>
            </div>
            <div class="p-4">
                <p class="text-black mb-4">{{ TranslationHelper::transFromDatabase('Display a report on completed and pending bank reconciliations', __('عرض تقرير عن التسويات البنكية المكتملة وغير المكتملة')) }}</p>
                <a href="{{ route('banking.reports.reconciliations') }}" class="bg-primary-600 hover:bg-primary-700 text-white p-4 py-2 rounded-md inline-block">
                    {{ TranslationHelper::transFromDatabase('View Report', __('عرض التقرير')) }}
                </a>
            </div>
        </div>
    </div>
</div>
@endsection