@extends('admin.admin_dashboard')
@section('admin')

<<<<<<< HEAD
<div class="page-content">
    <!-- Breadcrumb -->
    <div class="page-breadcrumb d-flex flex-column flex-sm-row align-items-center justify-content-between mb-3 p-3 bg-primary text-white rounded shadow-sm">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb mb-0 p-0">
                <li class="breadcrumb-item">
                    <a href="{{ route('admin.dashboard') }}" class="text-white">
                        <i class="bx bx-home-alt"></i>
                    </a>
                </li>
                <li class="breadcrumb-item active text-white" aria-current="page">Journal Entries</li>
            </ol>
        </nav>
        @can('journals.add')
        <a href="{{ route('journals.create') }}" class="btn btn-light d-flex align-items-center">
            <i class="bx bx-plus-circle me-2"></i> New Entry
        </a>
        @endcan
    </div>

    <!-- Entries Table -->
    @can('journals.view')
    <div class="card shadow border-0 rounded">
        <div class="card-body p-4">
            <div class="table-responsive">
                <table id="example" class="table table-hover table-striped table-bordered align-middle">
                    <thead class="table-dark">
                        <tr>
                            <th>#</th>
                            <th>Date</th>
                            <th>Reference</th>
                            <th>Description</th>
                            <th>Total Debit</th>
                            <th>Total Credit</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($entries as $key => $entry)
                        @php
                          $totalDebit  = $entry->lines->sum('debit');
                          $totalCredit = $entry->lines->sum('credit');
                        @endphp
                        <tr>
                            <td class="fw-bold text-center">{{ $key + 1 }}</td>
                            <td>{{ $entry->entry_date->format('Y-m-d') }}</td>
                            <td>{{ $entry->reference ?: '—' }}</td>
                            <td>{{ Str::limit($entry->description, 30) }}</td>
                            <td>{{ number_format($totalDebit,2) }}</td>
                            <td>{{ number_format($totalCredit,2) }}</td>
                            <td class="text-center">
                                <div class="dropdown">
                                    <a href="#" class="btn btn-light btn-sm dropdown-toggle" data-bs-toggle="dropdown">
                                        <i class="bx bx-dots-vertical-rounded"></i>
                                    </a>
                                    <ul class="dropdown-menu dropdown-menu-end">
                                        @can('journals.view')
                                        <li>
                                            <a class="dropdown-item" href="{{ route('journals.show', $entry->id) }}">
                                                <i class="bx bx-show me-2"></i> View
                                            </a>
                                        </li>
                                        @endcan
                                        @can('journals.edit')
                                        <li>
                                            <a class="dropdown-item" href="{{ route('journals.edit', $entry->id) }}">
                                                <i class="bx bx-edit-alt me-2"></i> Edit
                                            </a>
                                        </li>
                                        @endcan
                                        @can('journals.delete')
                                        <li>
                                            <a href="#" 
                                               class="dropdown-item text-danger delete-entry" 
                                               data-id="{{ $entry->id }}" 
                                               data-code="{{ $entry->reference ?: $entry->entry_date->format('Ymd').'-'.$entry->id }}">
                                              <i class="bx bx-trash me-2"></i> Delete
                                            </a>
                                        </li>
                                        @endcan
                                    </ul>
                                </div>

                                {{-- Hidden delete form --}}
                                <form id="delete-form-{{ $entry->id }}" 
                                      action="{{ route('journals.destroy', $entry->id) }}" 
                                      method="POST" 
                                      class="d-none">
                                  @csrf
                                  @method('DELETE')
                                </form>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    @endcan
</div>

{{-- SweetAlert2 --}}
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
    document.querySelectorAll('.delete-entry').forEach(function(el) {
        el.addEventListener('click', function(e) {
            e.preventDefault();
            const id   = this.dataset.id;
            const code = this.dataset.code;
            Swal.fire({
                title: `Delete entry "${code}"?`,
                text: "This action cannot be undone!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#d33',
                cancelButtonColor: '#3085d6',
                confirmButtonText: 'Yes, delete it'
            }).then((result) => {
                if (result.isConfirmed) {
                    document.getElementById(`delete-form-${id}`).submit();
                }
            });
=======
@php
    $balanceFilter = $balanceFilter ?? '';
    $stats = $stats ?? ['total' => 0, 'balanced' => 0, 'unbalanced' => 0, 'total_volume' => 0, 'line_count' => 0];
    $queues = [
        '' => ['label' => 'All entries', 'count' => $stats['total'], 'icon' => 'bx-book-open'],
        'balanced' => ['label' => 'Balanced', 'count' => $stats['balanced'], 'icon' => 'bx-check-circle'],
        'unbalanced' => ['label' => 'Needs attention', 'count' => $stats['unbalanced'], 'icon' => 'bx-error-circle'],
    ];
    $periodLabel = ($from && $to) ? \Carbon\Carbon::parse($from)->format('d M Y').' – '.\Carbon\Carbon::parse($to)->format('d M Y') : 'All dates';
@endphp

<div class="page-content chm-journal-index">
    <x-chm.layout.page
        title="Journal entries"
        subtitle="Double-entry ledger postings — every debit must equal its credit"
        icon="bx bx-book-content"
    >
        <x-slot:breadcrumb>
            <x-chm.breadcrumb-item :href="route('admin.dashboard')">Home</x-chm.breadcrumb-item>
            <x-chm.breadcrumb-item :active="true">Journal entries</x-chm.breadcrumb-item>
        </x-slot:breadcrumb>

        <x-slot:actions>
            @can('balance_check.view')
                <a href="{{ route('balance.check') }}" class="btn btn-outline-secondary btn-sm">
                    <i class="bx bx-check-double"></i> Balance check
                </a>
            @endcan
            @can('journals.add')
                <a href="{{ route('journals.create') }}" class="btn btn-primary btn-sm">
                    <i class="bx bx-plus"></i> New entry
                </a>
            @endcan
        </x-slot:actions>

        @include('partials.accounting.period-banner')

        <div class="chm-journal-index-note mb-4">
            <i class="bx bx-info-circle"></i>
            <div>
                <strong>What you are looking at</strong>
                <p class="mb-0 small text-muted">
                    Each row is a journal entry — a dated bundle of account lines that move money between ledgers.
                    System postings (GRNs, vouchers, sales) and manual adjustments all land here.
                    Entries marked <em>Needs attention</em> have debits and credits that do not match and should be corrected before period close.
                </p>
            </div>
        </div>

        <div class="row row-cols-2 row-cols-lg-4 g-3 mb-4">
            <x-chm.stat-card
                label="Entries in period"
                :value="number_format($stats['total'])"
                icon="bx bx-book-open"
                color="primary"
                :sublabel="$periodLabel"
            />
            <x-chm.stat-card
                label="Balanced"
                :value="number_format($stats['balanced'])"
                icon="bx bx-check-circle"
                color="success"
                sublabel="Ready for close"
            />
            <x-chm.stat-card
                label="Needs attention"
                :value="number_format($stats['unbalanced'])"
                icon="bx bx-error-circle"
                color="danger"
                sublabel="Out of balance"
                :link="$stats['unbalanced'] > 0 ? route('journals.index', array_merge(request()->except('page'), ['balance' => 'unbalanced'])) : null"
                link-text="Review now"
            />
            <x-chm.stat-card
                label="Posted volume"
                :value="number_format($stats['total_volume'], 0)"
                icon="bx bx-transfer"
                color="info"
                sublabel="UGX debits"
            />
        </div>

        @if($stats['unbalanced'] > 0 && $balanceFilter !== 'unbalanced')
            <div class="alert alert-danger d-flex flex-wrap align-items-center justify-content-between gap-2 mb-4">
                <div>
                    <i class="bx bx-error-circle me-1"></i>
                    <strong>{{ number_format($stats['unbalanced']) }} {{ Str::plural('entry', $stats['unbalanced']) }}</strong>
                    in this period {{ $stats['unbalanced'] === 1 ? 'is' : 'are' }} out of balance.
                    Fix these before running reports or closing the books.
                </div>
                <a href="{{ route('journals.index', array_merge(request()->except('page', 'balance'), ['balance' => 'unbalanced'])) }}" class="btn btn-sm btn-outline-danger">
                    Show unbalanced only
                </a>
            </div>
        @endif

        @can('journals.view')
            <div class="chm-journal-queue-tabs d-flex flex-wrap gap-2 mb-3">
                @foreach($queues as $key => $meta)
                    @php
                        $params = array_filter(array_merge(
                            request()->except('page', 'balance'),
                            $key !== '' ? ['balance' => $key] : []
                        ));
                    @endphp
                    <a href="{{ route('journals.index', $params) }}"
                       @class(['chm-journal-queue-tab', 'is-active' => $balanceFilter === $key])>
                        <i class="bx {{ $meta['icon'] }}"></i>
                        {{ $meta['label'] }}
                        <span class="chm-journal-queue-tab__count">{{ number_format($meta['count']) }}</span>
                    </a>
                @endforeach
            </div>

            <x-chm.card class="mb-4">
                <form method="GET" action="{{ route('journals.index') }}" class="chm-filter-panel border-0 p-0 shadow-none">
                    @if($balanceFilter)
                        <input type="hidden" name="balance" value="{{ $balanceFilter }}">
                    @endif
                    <div class="row g-3 align-items-end">
                        <div class="col-md-2">
                            <label class="form-label">From</label>
                            <input type="date" name="from" value="{{ $from }}" class="form-control">
                        </div>
                        <div class="col-md-2">
                            <label class="form-label">To</label>
                            <input type="date" name="to" value="{{ $to }}" class="form-control">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">Reference</label>
                            <input type="text" name="reference" value="{{ request('reference') }}" class="form-control" placeholder="Search reference…">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">Description</label>
                            <input type="text" name="description" value="{{ request('description') }}" class="form-control" placeholder="Search description…">
                        </div>
                        <div class="col-auto d-flex gap-2">
                            <button type="submit" class="btn btn-primary btn-sm">
                                <i class="bx bx-filter-alt"></i> Apply
                            </button>
                            <a href="{{ route('journals.index', $balanceFilter ? ['balance' => $balanceFilter] : []) }}" class="btn btn-outline-secondary btn-sm">Reset</a>
                        </div>
                    </div>
                </form>
            </x-chm.card>

            <div class="chm-widget-card">
                <div class="card-header d-flex flex-wrap align-items-center justify-content-between gap-2">
                    <div>
                        <span><i class="bx bx-list-ul"></i> Ledger postings</span>
                        <div class="small text-muted fw-normal mt-1">
                            {{ number_format($entries->total()) }} total
                            · showing {{ $entries->firstItem() ?? 0 }}–{{ $entries->lastItem() ?? 0 }}
                            · {{ number_format($stats['line_count']) }} line {{ Str::plural('item', $stats['line_count']) }} in period
                        </div>
                    </div>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-hover align-middle mb-0 chm-journal-index-table">
                            <thead>
                                <tr>
                                    <th style="width: 4rem">#</th>
                                    <th>Date</th>
                                    <th>Reference</th>
                                    <th>Description</th>
                                    <th class="text-center">Lines</th>
                                    <th class="text-end">Debit</th>
                                    <th class="text-end">Credit</th>
                                    <th>Status</th>
                                    <th class="text-end" style="width: 7rem">Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($entries as $key => $entry)
                                    @php
                                        $totalDebit = round((float) $entry->lines->sum('debit'), 2);
                                        $totalCredit = round((float) $entry->lines->sum('credit'), 2);
                                        $difference = round(abs($totalDebit - $totalCredit), 2);
                                        $isBalanced = $difference < 0.01;
                                        $lineCount = $entry->lines->count();
                                    @endphp
                                    <tr @class(['chm-journal-index-row', 'is-unbalanced' => ! $isBalanced])>
                                        <td class="text-muted fw-semibold">{{ $entries->firstItem() + $key }}</td>
                                        <td>
                                            <div class="fw-semibold">{{ $entry->entry_date->format('d M Y') }}</div>
                                            <div class="small text-muted">Entry #{{ $entry->id }}</div>
                                        </td>
                                        <td>
                                            @if($entry->reference)
                                                <span class="chm-journal-ref">{{ $entry->reference }}</span>
                                            @else
                                                <span class="text-muted">—</span>
                                            @endif
                                        </td>
                                        <td>
                                            <div class="chm-journal-desc">{{ $entry->description ?: '—' }}</div>
                                        </td>
                                        <td class="text-center">
                                            <span class="badge bg-light text-dark border">{{ $lineCount }}</span>
                                        </td>
                                        <td class="text-end">
                                            <span class="chm-ledger-amount chm-ledger-amount--debit">{{ number_format($totalDebit, 2) }}</span>
                                        </td>
                                        <td class="text-end">
                                            <span class="chm-ledger-amount chm-ledger-amount--credit">{{ number_format($totalCredit, 2) }}</span>
                                        </td>
                                        <td>
                                            @if($isBalanced)
                                                <x-chm.status-badge status="success" label="Balanced" />
                                            @else
                                                <x-chm.status-badge status="danger" :label="'Off by ' . number_format($difference, 2)" />
                                            @endif
                                        </td>
                                        <td class="text-end">
                                            <div class="btn-group btn-group-sm">
                                                @can('journals.view')
                                                    <a href="{{ route('journals.show', $entry->id) }}" class="btn btn-outline-secondary" title="View">
                                                        <i class="bx bx-show"></i>
                                                    </a>
                                                @endcan
                                                @can('journals.edit')
                                                    <a href="{{ route('journals.edit', $entry->id) }}" class="btn btn-outline-primary" title="Edit">
                                                        <i class="bx bx-edit-alt"></i>
                                                    </a>
                                                @endcan
                                                @can('journals.delete')
                                                    <button type="button" class="btn btn-outline-danger delete-entry"
                                                            title="Delete"
                                                            data-id="{{ $entry->id }}"
                                                            data-code="{{ $entry->reference ?: 'Entry #'.$entry->id }}">
                                                        <i class="bx bx-trash"></i>
                                                    </button>
                                                    <form id="delete-form-{{ $entry->id }}"
                                                          action="{{ route('journals.destroy', $entry->id) }}"
                                                          method="POST" class="d-none">
                                                        @csrf
                                                        @method('DELETE')
                                                    </form>
                                                @endcan
                                            </div>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="9" class="text-center py-5">
                                            <div class="text-muted mb-2"><i class="bx bx-book-open fs-1 d-block mb-2 opacity-50"></i></div>
                                            <div class="fw-semibold mb-1">No journal entries in this view</div>
                                            <p class="small text-muted mb-3">
                                                @if($balanceFilter === 'unbalanced')
                                                    Good news — nothing is out of balance for the selected filters.
                                                @else
                                                    Try widening the date range or clearing your search filters.
                                                @endif
                                            </p>
                                            @can('journals.add')
                                                <a href="{{ route('journals.create') }}" class="btn btn-sm btn-primary">
                                                    <i class="bx bx-plus"></i> Create manual entry
                                                </a>
                                            @endcan
                                        </td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
                @if($entries->hasPages())
                    <div class="card-footer">{{ $entries->links() }}</div>
                @endif
            </div>
        @endcan
    </x-chm.layout.page>
</div>

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function () {
    document.querySelectorAll('.delete-entry').forEach(function (el) {
        el.addEventListener('click', function (e) {
            e.preventDefault();
            const id = this.dataset.id;
            const code = this.dataset.code;
            const confirmDelete = function () {
                document.getElementById('delete-form-' + id).submit();
            };
            if (window.Swal) {
                Swal.fire({
                    title: 'Delete "' + code + '"?',
                    text: 'This removes the entry and all its lines. This cannot be undone.',
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#d33',
                    cancelButtonColor: '#3085d6',
                    confirmButtonText: 'Yes, delete it'
                }).then(function (result) {
                    if (result.isConfirmed) confirmDelete();
                });
            } else if (confirm('Delete "' + code + '"?')) {
                confirmDelete();
            }
>>>>>>> origin/main
        });
    });
});
</script>
<<<<<<< HEAD
=======
@endpush
>>>>>>> origin/main
@endsection