@extends('layouts.app')

@section('content')
<div class="container-wrapper">
    <nav aria-label="breadcrumb" class="mb-2">
        <ol class="breadcrumb mb-0 small text-uppercase fw-bold letter-spacing-1">
            <li class="breadcrumb-item"><a href="{{ route('dashboard') }}" class="text-decoration-none text-muted">Dashboard</a></li>
            <li class="breadcrumb-item"><a href="#" class="text-decoration-none text-muted">Accountant</a></li>
            <li class="breadcrumb-item active text-primary" aria-current="page">Manual Journals</li>
        </ol>
    </nav>

    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h2 class="h3 font-weight-bold text-dark mb-1">Manual Journals</h2>
            <p class="text-muted small mb-0">Record double-entry transactions for multi-account adjustments.</p>
        </div>
        <a href="{{ route('accountant.journals.create') }}" class="btn btn-primary shadow-sm rounded-3 px-4">
            <i class="fas fa-plus me-2"></i> New Journal Entry
        </a>
    </div>

    <div class="card border-0 shadow-sm rounded-4 overflow-hidden">
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead class="bg-light bg-opacity-50">
                    <tr>
                        <th class="ps-4 border-0">Date</th>
                        <th class="border-0">Reference</th>
                        <th class="border-0">Notes</th>
                        <th class="border-0">Amount</th>
                        <th class="text-end pe-4 border-0">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($journals as $journal)
                    <tr>
                        <td class="ps-4">
                            <span class="fw-bold text-dark">{{ date('d M Y', strtotime($journal->journal_date)) }}</span>
                        </td>
                        <td><span class="badge bg-light text-dark border">{{ $journal->reference_number ?? '---' }}</span></td>
                        <td><div class="text-muted small text-truncate" style="max-width: 300px;">{{ $journal->notes ?? '---' }}</div></td>
                        <td>
                            <div class="fw-bold text-dark">{{ formatCurrency($journal->total_debit) }}</div>
                            <div class="text-muted xx-small">Debits equal Credits</div>
                        </td>
                        <td class="text-end pe-4">
                            <div class="btn-group">
                                <a href="#" class="btn btn-sm btn-outline-light border text-muted px-3 rounded-start-3" title="View Details">
                                    <i class="far fa-eye"></i>
                                </a>
                                <button class="btn btn-sm btn-outline-light border text-muted px-3 rounded-end-3" title="Delete">
                                    <i class="far fa-trash-alt"></i>
                                </button>
                            </div>
                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="5" class="text-center py-5">
                            <div class="mb-3"><i class="fas fa-book-open fa-3x text-light opacity-50"></i></div>
                            <h5 class="text-muted">No journal entries found</h5>
                            <p class="text-muted small">Record manual transactions to adjust ledger balances.</p>
                        </td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        @if($journals->hasPages())
        <div class="card-footer bg-white py-3">
            {{ $journals->links() }}
        </div>
        @endif
    </div>
</div>
@endsection