@extends('layouts.app')

@section('title', 'Finance - Chart of Accounts')

@section('content')
    <div class="content-header">
        <div class="container-fluid">
            <div class="row align-items-center mb-4">
                <div class="col-sm-6">
                    <h1 class="m-0" style="font-weight: 700; color: #1a1a1a;">Chart of Accounts</h1>
                </div>
                <div class="col-sm-6 d-flex justify-content-end gap-3">
                    {{--  <button class="btn btn-outline-secondary px-4 py-2" style="border-radius: 8px; font-weight: 600;">
                        Export <i class="fas fa-external-link-alt ml-2" style="font-size: 12px;"></i>
                    </button> --}}
                </div>
            </div>
        </div>
    </div>

    <section class="content">
        <div class="container-fluid chart-of-accounts-split-view">
            <div class="row">
                <!-- Left Side: Account List -->
                <div class="col-md-4 col-lg-3 pr-0">
                    <div class="card account-list-card shadow-none border-0"
                        style="border-right: 1px solid #f2f2f2; border-radius: 16px 0 0 16px;">
                        <div class="card-header bg-white border-bottom-0 pt-3 px-3">
                            <div class="dropdown">
                                <button class="btn btn-white dropdown-toggle border p-2" type="button"
                                    data-toggle="dropdown" style="border-radius: 8px;">
                                    <i class="fas fa-th-large text-muted"></i>
                                </button>

                            </div>
                        </div>
                        <div class="card-body p-0" style="height: calc(100vh - 250px); overflow-y: auto;">
                            @foreach ($ledgers as $index => $ledger)
                                <a href="{{ route('finance.show', $ledger->id) }}"
                                    class="account-list-item  {{ request()->routeIs('finance.show') && request()->route('id') == $ledger->id ? 'active' : '' }}">

                                    <div class="account-list-item-info">
                                        <h6>{{ $ledger->name }}</h6>
                                        <p>{{ $ledger->financeSubAccount->name }}</p>
                                    </div>
                                </a>
                            @endforeach
                        </div>
                    </div>
                </div>

                <!-- Right Side: Account Details -->
                <div class="col-md-8 col-lg-9 pl-0">
                    <div class="details-card shadow-none border-0" style="border-radius: 0 16px 16px 0;">
                        <div class="details-header">
                            <div class="details-header-title">
                                <p>{{ $accountLedger->financeAccount->name }}</p>
                                <h5 style="font-weight: 700; color: #1a1a1a; margin: 0; font-size: 24px;">
                                    {{ $accountLedger->name }} ({{ $accountLedger->code }})
                                </h5>
                            </div>
                            <a href="{{ route('admin.finance.chart-account') }}" class="close-details-btn">
                                <i class="fas fa-times"></i>
                            </a>
                        </div>

                        <div class="my-4">
                            {{--  <a href="#" class="edit-btn" style="text-decoration: none; font-size: 14px;">
                                <i class="fas fa-pen mr-1"></i> Edit
                            </a> --}}
                        </div>

                        <div class="closing-balance-section">
                            <h6 style="font-weight: 700; color: #aaa; font-size: 18px; margin-bottom: 10px;">Closing Balance
                            </h6>
                            <h4 style="">
                                {{ number_format($accountLedger->balance, 2) }}
                            </h4>
                            <p style="font-size: 14px; color: #333; line-height: 1.6;">
                                <span style="font-weight: 700; font-style: italic;">Description:</span>
                                {{ $accountLedger->description }}
                            </p>
                        </div>

                        <div class="recent-transactions-section mt-5">
                            <div class="recent-transactions-header d-flex justify-content-between align-items-center mb-4">
                                <h6 class="m-0" style="font-weight: 700; font-size: 18px;">Recent Transactions</h6>

                            </div>

                            <div class="table-responsive">
                                <table class="table recent-transactions-table">
                                    <thead>
                                        <tr>
                                            <th>DATE</th>
                                            <th>TRANSACTION DETAILS</th>
                                            <th>TYPE</th>
                                            <th>DEBIT</th>
                                            <th>CREDIT</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($accountLedger->financeTransactions()->latest()->limit(10)->get() as $financeTransaction)
                                            <tr>
                                                <td>{{ $financeTransaction->created_at?->format('d/m/Y') }}</td>
                                                <td>{{ $financeTransaction->description }}</td>
                                                <td>{{ strtoupper($financeTransaction->payment_type) }}</td>
                                                <td>
                                                    @if ($financeTransaction->payment_type == 'debit')
                                                        {{ number_format($financeTransaction->amount, 2) }}
                                                    @else
                                                        0
                                                    @endif
                                                </td>
                                                <td>
                                                    @if ($financeTransaction->payment_type == 'credit')
                                                        {{ number_format($financeTransaction->amount, 2) }}
                                                    @else
                                                        0
                                                    @endif
                                                </td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="5">No Record</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                            <div class="mt-4">
                                <a href="{{ route('admin.finance.chart-account.transactions', $accountLedger->id) }}"
                                    class="show-more-details-link">Show more details</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    @include('admin.finance.partials.create-account-modal')

@endsection