@extends('layouts.app')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <!-- Header -->
            <div class="d-flex justify-content-between align-items-center mb-4">
                <h2>
                    <i class="fas fa-file-invoice-dollar text-primary"></i> 
                    Disbursement Details
                </h2>
                <div>
                    <a href="{{ route('disbursements.index') }}" class="btn btn-secondary">
                        <i class="fas fa-arrow-left"></i> Back to List
                    </a>
                    @if($disbursement->isPending() && (\Auth::user()->can('edit disbursements') || true))
                        <a href="{{ route('disbursements.edit', $disbursement->id) }}" class="btn btn-primary">
                            <i class="fas fa-edit"></i> Edit
                        </a>
                    @endif
                </div>
            </div>

            <div class="row">
                <!-- Main Information Card -->
                <div class="col-lg-8">
                    <div class="card shadow-sm mb-4">
                        <div class="card-header bg-primary text-white d-flex justify-content-between align-items-center">
                            <h5 class="mb-0 text-white">
                                <i class="fas fa-info-circle"></i> Disbursement Information
                            </h5>
                            <span class="badge bg-{{ $disbursement->status_color }}">
                                <i class="fas {{ $disbursement->status_icon }}"></i>
                                {{ $disbursement->status }}
                            </span>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label class="text-muted small">Reference Number</label>
                                    <p class="fw-bold">{{ $disbursement->reference }}</p>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label class="text-muted small">Date</label>
                                    <p class="fw-bold">
                                        <i class="fas fa-calendar-alt text-primary"></i>
                                        {{ $disbursement->formatted_date }}
                                    </p>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label class="text-muted small">Supplier</label>
                                    <p class="fw-bold">
                                        <i class="fas fa-truck text-primary"></i>
                                        {{ $disbursement->supplier->name ?? 'N/A' }}
                                    </p>
                                    @if($disbursement->supplier)
                                        <small class="text-muted">
                                            Current Balance: UGX {{ number_format($disbursement->supplier->balance, 2) }}
                                        </small>
                                    @endif
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label class="text-muted small">Personnel</label>
                                    <p class="fw-bold">
                                        <i class="fas fa-user text-primary"></i>
                                        {{ $disbursement->personel->name ?? 'N/A' }}
                                    </p>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label class="text-muted small">Amount</label>
                                    <h4 class="text-success mb-0">
                                        <i class="fas fa-money-bill-wave"></i>
                                        UGX {{ $disbursement->formatted_amount }}
                                    </h4>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label class="text-muted small">Balance After Disbursement</label>
                                    <h4 class="text-info mb-0">
                                        <i class="fas fa-balance-scale"></i>
                                        UGX {{ $disbursement->formatted_balance }}
                                    </h4>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-12 mb-3">
                                    <label class="text-muted small">Reason</label>
                                    <div class="alert alert-light border">
                                        {{ $disbursement->reason }}
                                    </div>
                                </div>
                            </div>

                            <hr>

                            <div class="row">
                                <div class="col-md-4 mb-2">
                                    <label class="text-muted small">Order Number</label>
                                    <p class="mb-0">
                                        <span class="badge bg-secondary">
                                            #{{ $disbursement->orderNo }}
                                        </span>
                                    </p>
                                </div>
                                <div class="col-md-4 mb-2">
                                    <label class="text-muted small">Created By</label>
                                    <p class="mb-0">{{ $disbursement->user->name ?? 'N/A' }}</p>
                                </div>
                                <div class="col-md-4 mb-2">
                                    <label class="text-muted small">Created At</label>
                                    <p class="mb-0">{{ $disbursement->created_at->format('d-M-Y H:i:s') }}</p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Payment & Ledger Information -->
                    @if($payment)
                    <div class="card shadow-sm mb-4">
                        <div class="card-header bg-success text-white">
                            <h5 class="mb-0">
                                <i class="fas fa-receipt"></i> Payment Information
                            </h5>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-4 mb-3">
                                    <label class="text-muted small">Payment Status</label>
                                    <p>
                                        <span class="badge bg-{{ $payment->status == 'Pending' ? 'warning' : 'success' }}">
                                            {{ $payment->status }}
                                        </span>
                                    </p>
                                </div>
                                <div class="col-md-4 mb-3">
                                    <label class="text-muted small">Payment Amount</label>
                                    <p class="fw-bold">UGX {{ number_format($payment->amount, 2) }}</p>
                                </div>
                                <div class="col-md-4 mb-3">
                                    <label class="text-muted small">Balance After Payment</label>
                                    <p class="fw-bold">UGX {{ number_format($payment->balance, 2) }}</p>
                                </div>
                            </div>

                            @if($ledgers->count() > 0)
                            <hr>
                            <h6 class="mb-3"><i class="fas fa-book"></i> Ledger Entries</h6>
                            <div class="table-responsive">
                                <table class="table table-sm table-bordered">
                                    <thead class="table-light">
                                        <tr>
                                            <th>Date</th>
                                            <th>Label</th>
                                            <th>Debit</th>
                                            <th>Credit</th>
                                            <th>Balance</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($ledgers as $ledger)
                                        <tr>
                                            <td>{{ \Carbon\Carbon::parse($ledger->date)->format('d-M-Y') }}</td>
                                            <td>{{ $ledger->label }}</td>
                                            <td>{{ $ledger->debit ? number_format($ledger->debit, 2) : '-' }}</td>
                                            <td>{{ $ledger->credit ? number_format($ledger->credit, 2) : '-' }}</td>
                                            <td>{{ number_format($ledger->balance, 2) }}</td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                            @endif
                        </div>
                    </div>
                    @endif

                    <!-- Audit Trail Card -->
                    @if($audits->count() > 0)
                    <div class="card shadow-sm mb-4">
                        <div class="card-header bg-info text-white">
                            <h5 class="mb-0">
                                <i class="fas fa-history"></i> Audit Trail
                                <span class="badge bg-white text-info">{{ $audits->count() }}</span>
                            </h5>
                        </div>
                        <div class="card-body p-0">
                            <div class="table-responsive" style="max-height: 500px; overflow-y: auto;">
                                <table class="table table-hover table-striped mb-0">
                                    <thead class="table-light sticky-top">
                                        <tr>
                                            <th style="width: 15%;">Date/Time</th>
                                            <th style="width: 15%;">User</th>
                                            <th style="width: 10%;">Action</th>
                                            <th style="width: 40%;">Changes</th>
                                            <th style="width: 20%;">Remarks</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($audits as $audit)
                                        <tr>
                                            <td>
                                                <small>
                                                    <i class="fas fa-clock text-muted"></i>
                                                    {{ $audit->created_at->format('d-M-Y') }}<br>
                                                    {{ $audit->created_at->format('H:i:s') }}
                                                </small>
                                            </td>
                                            <td>
                                                <i class="fas fa-user text-muted"></i>
                                                {{ $audit->user->name ?? 'System' }}
                                            </td>
                                            <td>
                                                @php
                                                    $badgeClass = 'secondary';
                                                    $icon = 'circle';
                                                    switch($audit->action) {
                                                        case 'created':
                                                            $badgeClass = 'success';
                                                            $icon = 'plus-circle';
                                                            break;
                                                        case 'updated':
                                                            $badgeClass = 'info';
                                                            $icon = 'edit';
                                                            break;
                                                        case 'deleted':
                                                            $badgeClass = 'danger';
                                                            $icon = 'trash-alt';
                                                            break;
                                                        case 'approved':
                                                            $badgeClass = 'primary';
                                                            $icon = 'check-circle';
                                                            break;
                                                    }
                                                @endphp
                                                <span class="badge bg-{{ $badgeClass }}">
                                                    <i class="fas fa-{{ $icon }}"></i>
                                                    {{ ucfirst($audit->action) }}
                                                </span>
                                            </td>
                                            <td>
                                                @if($audit->action == 'updated' && $audit->old_values && $audit->new_values)
                                                    <small>
                                                        @php
                                                            $changes = [];
                                                            foreach($audit->new_values as $key => $newValue) {
                                                                $oldValue = $audit->old_values[$key] ?? null;
                                                                if($oldValue != $newValue) {
                                                                    $changes[$key] = ['old' => $oldValue, 'new' => $newValue];
                                                                }
                                                            }
                                                        @endphp
                                                        
                                                        @foreach($changes as $field => $change)
                                                            <div class="mb-2">
                                                                <strong class="d-block">{{ ucfirst(str_replace('_', ' ', $field)) }}:</strong>
                                                                <div class="ms-2">
                                                                    <span class="text-danger d-block">
                                                                        <i class="fas fa-minus-circle"></i>
                                                                        @if($field == 'amount' || $field == 'balance')
                                                                            UGX {{ number_format($change['old'], 2) }}
                                                                        @elseif($field == 'supplier_id')
                                                                            @php
                                                                                $oldSupplier = \App\Models\Supplier::find($change['old']);
                                                                            @endphp
                                                                            {{ $oldSupplier ? $oldSupplier->name : 'Supplier ID: ' . $change['old'] }}
                                                                        @elseif($field == 'personel_id')
                                                                            @php
                                                                                $oldPersonel = \App\Models\Personel::find($change['old']);
                                                                            @endphp
                                                                            {{ $oldPersonel ? $oldPersonel->name : 'Personnel ID: ' . $change['old'] }}
                                                                        @else
                                                                            {{ $change['old'] }}
                                                                        @endif
                                                                    </span>
                                                                    <span class="text-success d-block">
                                                                        <i class="fas fa-plus-circle"></i>
                                                                        @if($field == 'amount' || $field == 'balance')
                                                                            UGX {{ number_format($change['new'], 2) }}
                                                                        @elseif($field == 'supplier_id')
                                                                            @php
                                                                                $newSupplier = \App\Models\Supplier::find($change['new']);
                                                                            @endphp
                                                                            {{ $newSupplier ? $newSupplier->name : 'Supplier ID: ' . $change['new'] }}
                                                                        @elseif($field == 'personel_id')
                                                                            @php
                                                                                $newPersonel = \App\Models\Personel::find($change['new']);
                                                                            @endphp
                                                                            {{ $newPersonel ? $newPersonel->name : 'Personnel ID: ' . $change['new'] }}
                                                                        @else
                                                                            {{ $change['new'] }}
                                                                        @endif
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        @endforeach
                                                    </small>
                                                @elseif($audit->action == 'created' && $audit->new_values)
                                                    <small>
                                                        <i class="fas fa-plus-circle text-success"></i>
                                                        Initial amount: <strong>UGX {{ number_format($audit->new_values['amount'] ?? 0, 2) }}</strong><br>
                                                        @if(isset($audit->new_values['supplier_id']))
                                                            @php
                                                                $supplier = \App\Models\Supplier::find($audit->new_values['supplier_id']);
                                                            @endphp
                                                            Supplier: <strong>{{ $supplier ? $supplier->name : 'N/A' }}</strong>
                                                        @endif
                                                    </small>
                                                @elseif($audit->action == 'deleted' && $audit->old_values)
                                                    <small>
                                                        <i class="fas fa-trash-alt text-danger"></i>
                                                        Deleted amount: <strong>UGX {{ number_format($audit->old_values['amount'] ?? 0, 2) }}</strong>
                                                    </small>
                                                @else
                                                    <small class="text-muted">No changes recorded</small>
                                                @endif
                                            </td>
                                            <td>
                                                <small>{{ $audit->remarks ?? '-' }}</small>
                                                @if($audit->ip_address)
                                                    <br>
                                                    <small class="text-muted">
                                                        <i class="fas fa-globe"></i> {{ $audit->ip_address }}
                                                    </small>
                                                @endif
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    @endif
                </div>

                <!-- Sidebar -->
                <div class="col-lg-4">
                    <!-- Day Summary Card -->
                    @if($daySummary)
                    <div class="card shadow-sm mb-4">
                        <div class="card-header bg-warning text-dark">
                            <h5 class="mb-0">
                                <i class="fas fa-calendar-day"></i> Day Summary
                            </h5>
                        </div>
                        <div class="card-body">
                            <div class="mb-3">
                                <label class="text-muted small">Date</label>
                                <p class="fw-bold">{{ \Carbon\Carbon::parse($daySummary->date)->format('d-M-Y') }}</p>
                            </div>
                            <div class="mb-3">
                                <label class="text-muted small">Total Collections</label>
                                <h5 class="text-success">UGX {{ number_format($daySummary->collections, 2) }}</h5>
                            </div>
                            <div class="mb-3">
                                <label class="text-muted small">Total Disbursements</label>
                                <h5 class="text-danger">UGX {{ number_format($daySummary->disbursements, 2) }}</h5>
                            </div>
                            <div class="mb-3">
                                <label class="text-muted small">Number of Disbursements</label>
                                <p class="fw-bold">{{ $countDisbursements }}</p>
                            </div>
                            <hr>
                            <div>
                                <label class="text-muted small">Net Balance</label>
                                <h5 class="{{ ($daySummary->collections - $daySummary->disbursements) >= 0 ? 'text-success' : 'text-danger' }}">
                                    UGX {{ number_format($daySummary->collections - $daySummary->disbursements, 2) }}
                                </h5>
                            </div>
                        </div>
                    </div>
                    @endif

                    <!-- Related Disbursements Card -->
                    <div class="card shadow-sm mb-4">
                        <div class="card-header bg-secondary text-white">
                            <h5 class="mb-0">
                                <i class="fas fa-list"></i> Disbursements on {{ \Carbon\Carbon::parse($disbursement->date)->format('d-M-Y') }}
                            </h5>
                        </div>
                        <div class="card-body p-0">
                            <div class="list-group list-group-flush" style="max-height: 400px; overflow-y: auto;">
                                @foreach($dateDisbursements as $item)
                                <div class="list-group-item {{ $item->id == $disbursement->id ? 'active' : '' }}">
                                    <div class="d-flex justify-content-between align-items-start">
                                        <div class="flex-grow-1">
                                            <h6 class="mb-1">
                                                <span class="badge bg-dark">#{{ $item->orderNo }}</span>
                                                {{ $item->supplier->name ?? 'N/A' }}
                                            </h6>
                                            <small>
                                                <i class="fas fa-user"></i> {{ $item->personel->name ?? 'N/A' }}
                                            </small>
                                            <p class="mb-1 mt-1">
                                                <strong>UGX {{ number_format($item->amount, 2) }}</strong>
                                            </p>
                                        </div>
                                        <div>
                                            <span class="badge bg-{{ $item->status_color }}">
                                                {{ $item->status }}
                                            </span>
                                            @if($item->id != $disbursement->id)
                                                <a href="{{ route('disbursements.show', $item->id) }}" class="btn btn-sm btn-outline-primary mt-1">
                                                    View
                                                </a>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                            <div class="card-footer bg-light">
                                <strong>Total:</strong> UGX {{ number_format($totalDisbursements, 2) }}
                            </div>
                        </div>
                    </div>

                    <!-- Quick Stats -->
                    <div class="card shadow-sm mb-4">
                        <div class="card-header bg-dark text-white">
                            <h5 class="mb-0 text-white">
                                <i class="fas fa-chart-bar"></i> Quick Stats
                            </h5>
                        </div>
                        <div class="card-body">
                            <div class="d-flex justify-content-between mb-2">
                                <span>Status:</span>
                                <strong>{{ $disbursement->status }}</strong>
                            </div>
                            <div class="d-flex justify-content-between mb-2">
                                <span>Position:</span>
                                <strong>{{ $disbursement->orderNo }} of {{ $countDisbursements }}</strong>
                            </div>
                            <div class="d-flex justify-content-between mb-2">
                                <span>% of Total:</span>
                                <strong>{{ $totalDisbursements > 0 ? number_format(($disbursement->amount / $totalDisbursements) * 100, 2) : 0 }}%</strong>
                            </div>
                            <div class="d-flex justify-content-between">
                                <span>Audit Entries:</span>
                                <strong>{{ $audits->count() }}</strong>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('customcss')
<style>
    .card {
        border-radius: 8px;
        border: none;
    }
    
    .card-header {
        border-radius: 8px 8px 0 0 !important;
        font-weight: 600;
    }
    
    .list-group-item.active {
        background-color: #e7f3ff;
        border-color: #0d6efd;
        color: #000;
    }
    
    .badge {
        font-size: 0.85rem;
        padding: 0.4em 0.6em;
    }
    
    .sticky-top {
        position: sticky;
        top: 0;
        z-index: 10;
        background-color: #f8f9fa;
    }
    
    .table-hover tbody tr:hover {
        background-color: #f8f9fc;
    }
</style>
@endsection

@section('customjs')
<script>
    // Auto-refresh option if needed
    // setInterval(function() {
    //     location.reload();
    // }, 60000); // Refresh every minute
</script>
@endsection