@extends('master')
<link href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
<style>
    .page-wrapper .content .hover-shadow:hover {
        transform: translateY(-3px);
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    }

    .page-wrapper .content .transition {
        transition: all 0.3s ease;
    }

    .row a {
        color: #0C143B;
        text-decoration: none !important;
    }

    .row a:hover {
        color: #0D153A !important;
        text-decoration: underline !important;
    }

    .page-wrapper .content .card .dash-widgetcontent h5 {
        font-weight: 600 !important;
    }

    .page-wrapper .content .card {
        margin-bottom: 0 !important;
        padding: 15px !important;
    }
</style>
@section('content')
    <div class="page-wrapper">
        <div class="content">
            @php
                $sections = [
                    [
                        'route' => 'customerpayment',
                        'label' => __('sitelabel.CustomerPayment'),
                        'icon' => 'bi-credit-card', // Unique icon
                        'text_color' => 'text-warning', // Unique text color
                        'bg_color' => 'bg-warning bg-opacity-10', // Unique background color
                    ],
                    [
                        'route' => 'vendorpayment',
                        'label' => __('sitelabel.VendorPayment'),
                        'icon' => 'bi-cash', // Changed icon
                        'text_color' => 'text-danger', // Unique text color
                        'bg_color' => 'bg-danger bg-opacity-10', // Unique background color
                    ],
                    [
                        'route' => 'employeeadvance',
                        'label' => __('sitelabel.EmployeeAdvance'),
                        'icon' => 'bi-wallet2', // Changed icon
                        'text_color' => 'text-success', // Unique text color
                        'bg_color' => 'bg-success bg-opacity-10', // Unique background color
                    ],
                    [
                        'route' => 'employeepayment',
                        'label' => __('sitelabel.EmployeePayment'),
                        'icon' => 'bi-person-badge', // Changed icon
                        'text_color' => 'text-primary', // Unique text color
                        'bg_color' => 'bg-primary bg-opacity-10', // Unique background color
                    ],
                    [
                        'route' => 'employeeweeklypayment',
                        'label' => __('sitelabel.EmployeeWeeklySalary'),
                        'icon' => 'bi-calendar-week', // Changed icon
                        'text_color' => 'text-secondary', // Unique text color
                        'bg_color' => 'bg-secondary bg-opacity-10', // Unique background color
                    ],
                    [
                        'route' => 'dailystoreexpense',
                        'label' => __('sitelabel.DailyStoreExpense'),
                        'icon' => 'bi-cart4', // Changed icon
                        'text_color' => 'text-info', // Unique text color
                        'bg_color' => 'bg-info bg-opacity-10', // Unique background color
                    ],
                    [
                        'route' => 'journalvoucher',
                        'label' => __('sitelabel.JournalVoucher'),
                        'icon' => 'bi-book', // Changed icon
                        'text_color' => 'text-muted', // Unique text color
                        'bg_color' => 'bg-light bg-opacity-10', // Unique background color
                    ],
                    [
                        'route' => 'cashpayment',
                        'label' => __('sitelabel.CashPaymentVoucher'),
                        'icon' => 'bi-cash-coin', // Changed icon
                        'text_color' => 'text-warning', // Unique text color
                        'bg_color' => 'bg-warning bg-opacity-10', // Unique background color
                    ],
                    [
                        'route' => 'cashreceipt',
                        'label' => __('sitelabel.CashReceiptVoucher'),
                        'icon' => 'bi-receipt', // Changed icon
                        'text_color' => 'text-success', // Unique text color
                        'bg_color' => 'bg-success bg-opacity-10', // Unique background color
                    ],
                    [
                        'route' => 'bankpayment',
                        'label' => __('sitelabel.BankPaymentVoucher'),
                        'icon' => 'bi-bank', // Changed icon
                        'text_color' => 'text-info', // Unique text color
                        'bg_color' => 'bg-info bg-opacity-10', // Unique background color
                    ],
                    [
                        'route' => 'bankreceipt',
                        'label' => __('sitelabel.BankReceiptVoucher'),
                        'icon' => 'bi-building', // Changed icon
                        'text_color' => 'text-primary', // Unique text color
                        'bg_color' => 'bg-primary bg-opacity-10', // Unique background color
                    ],
                ];
            @endphp

            <div class="row g-4 mb-3">
                @foreach ($sections as $section)
                    <div class="col-xl-3 col-lg-4 col-md-6 col-12">
                        <a href="{{ url('/') }}/{{ $section['route'] }}" target="_blank">
                            <div class="card h-100 shadow-sm hover-shadow transition">
                                <div class="card-body d-flex align-items-center p-1">
                                    <div class="dash-widgetimg rounded-circle {{ $section['bg_color'] }} p-3 me-3">
                                        <i class="bi {{ $section['icon'] }} {{ $section['text_color'] }} fs-4"></i>
                                    </div>
                                    <div class="dash-widgetcontent">
                                        <h5 class="mb-0 fw-semibold">{{ $section['label'] }}</h5>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                @endforeach
            </div>

            {{-- <section>
                <div class="framecontainer">
                    <iframe name="my_iframe" class="responsive-iframe" style="width: 100%; height: 100%"></iframe>
                </div>
            </section> --}}
        </div>
    </div>
@endsection

@section('script')
@endsection