@extends('admin.layouts.app')

@section('title', 'Supplier Details')
@section('page_title', 'Supplier Details')

@section('content')
<style>
    .info-card {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        color: white;
        border-radius: 10px;
        padding: 20px;
        margin-bottom: 20px;
    }
    .info-card h4 { margin-bottom: 0; }
    .info-card .badge {
        font-size: 12px;
        padding: 5px 10px;
    }
    .detail-card {
        background: white;
        border-radius: 10px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        padding: 20px;
        height: 100%;
    }
    .detail-card h6 {
        color: #667eea;
        border-bottom: 2px solid #667eea;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }
    .detail-item {
        display: flex;
        justify-content: space-between;
        padding: 10px 0;
        border-bottom: 1px dashed #e0e0e0;
    }
    .detail-item:last-child { border-bottom: none; }
    .detail-label { color: #6c757d; font-weight: 500; }
    .detail-value { color: #212529; font-weight: 600; }
    .supplier-ledger { font-size: 13px; }
    .summary-card {
        background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
        color: white;
        border-radius: 10px;
        padding: 20px;
        text-align: center;
    }
    .summary-card h3 { margin: 0; font-size: 24px; color: #fff; }
    .summary-card h6 { margin: 5px 0 0 0; font-size: 12px; color: #fff; opacity: 0.9; }
</style>

<div class="card">
    <div class="card-header">
        <div class="d-flex justify-content-between align-items-center">
            <h5 class="mb-0">Supplier Details</h5>
            <div>
                <a href="{{ route('suppliers.edit', $supplier->id) }}" class="btn btn-warning btn-sm">
                    <i class="fas fa-edit"></i> Edit
                </a>
                <a href="{{ route('suppliers.index') }}" class="btn btn-secondary btn-sm">
                    <i class="fas fa-arrow-left"></i> Back
                </a>
            </div>
        </div>
    </div>
    <div class="card-body">
        {{-- Section 1: Basic Information + Address --}}
        <div class="detail-card mb-4">
            <div class="row">
                <div class="col-md-8">
                    <h6><i class="fas fa-user me-2"></i>Basic Information</h6>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="detail-item">
                                <span class="detail-label">Name</span>
                                <span class="detail-value">{{ $supplier->name }}</span>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="detail-item">
                                <span class="detail-label">Email</span>
                                <span class="detail-value">{{ $supplier->email ?? 'N/A' }}</span>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="detail-item">
                                <span class="detail-label">Phone</span>
                                <span class="detail-value">{{ $supplier->phone ?? 'N/A' }}</span>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="detail-item">
                                <span class="detail-label">Contact Person</span>
                                <span class="detail-value">{{ $supplier->contact_person ?? 'N/A' }}</span>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="detail-item">
                                <span class="detail-label">Status</span>
                                <span class="detail-value">
                                    @if($supplier->status == 1)
                                        <span class="badge bg-success">Active</span>
                                    @else
                                        <span class="badge bg-danger">Inactive</span>
                                    @endif
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <h6><i class="fas fa-map-marker-alt me-2"></i>Address</h6>
                    <p class="mb-0">{{ $supplier->address ?? 'N/A' }}</p>
                </div>
            </div>
        </div>

        {{-- Section 3: Due Status / Summary --}}
        <div class="detail-card mb-4">
            <h6><i class="fas fa-chart-pie me-2"></i>Due Status Summary</h6>
            <div class="row">
                <div class="col-md-3">
                    <div class="summary-card" style="background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);">
                        <h3>{{ number_format($totals['total_bill'] ?? 0, 2) }}</h3>
                        <h6>Total Bill (Purchase)</h6>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="summary-card" style="background: linear-gradient(135deg, #10b981 0%, #047857 100%);">
                        <h3>{{ number_format($totals['total_discount'] ?? 0, 2) }}</h3>
                        <h6>Total Discount</h6>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="summary-card" style="background: linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%);">
                        <h3>{{ number_format($totals['total_payment'] ?? 0, 2) }}</h3>
                        <h6>Total Payment / Purchase Return</h6>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="summary-card" style="background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);">
                        <h3>{{ number_format($totals['balance'] ?? 0, 2) }}</h3>
                        <h6>Balance (Due Amount)</h6>
                    </div>
                </div>
            </div>
        </div>

        <hr class="my-4">
        
        <h5 class="mb-3"><i class="fas fa-book me-2"></i>Supplier Ledger <a href="{{ route('suppliers.ledgerPdf', $supplier->id) }}" class="btn btn-danger btn-sm float-end" target="_blank"><i class="fas fa-file-pdf"></i> Print PDF</a></h5>
        <table class="table table-bordered table-striped supplier-ledger">
            <thead>
                <tr>
                    <th>Date</th>
                    <th>Type</th>
                    <th>Invoice No</th>
                    <th>Bill (Purchase)</th>
                    <th>Discount</th>
                    <th>Payment/Purchase Return</th>
                    <th>Balance</th>
                </tr>
            </thead>
            <tbody>
                @forelse($ledgers as $ledger)
                    <tr>
                        <td>{{ $ledger->date->format('d/m/Y') }}</td>
                        <td>{{ $ledger->type }}</td>
                        <td>
                             @if($ledger->reference_type == 'Purchase' && isset($purchases[$ledger->reference_id]))
                                 {{ $purchases[$ledger->reference_id]->invoice_no ?? 'N/A' }}
                             @elseif($ledger->reference_type == 'PurchaseReturn' && isset($purchaseReturns[$ledger->reference_id]))
                                 {{ $purchaseReturns[$ledger->reference_id]->return_no ?? 'N/A' }}
                             @elseif($ledger->reference_type == 'Voucher' && isset($vouchers[$ledger->reference_id]))
                                 @php $v = $vouchers[$ledger->reference_id]; @endphp
                                 @if($v->purchase_id && isset($purchases[$v->purchase_id]))
                                     {{ $purchases[$v->purchase_id]->invoice_no ?? 'N/A' }}
                                 @elseif(preg_match('/Purchase Invoice: (\S+)/', $ledger->description, $m))
                                     {{ $m[1] }}
                                 @else
                                     {{ $v->voucher_no }}
                                 @endif
                             @else
                                 {{ $ledger->description ?? 'N/A' }}
                             @endif
                         </td>
                        <td>{{ number_format($ledger->debit, 2) }}</td>
                        <td>
                            @if($ledger->reference_type == 'Purchase' && isset($purchases[$ledger->reference_id]))
                                {{ number_format($purchases[$ledger->reference_id]->discount ?? 0, 2) }}
                            @else
                                0.00
                            @endif
                        </td>
                        <td>{{ number_format($ledger->credit, 2) }}</td>
                        <td>{{ number_format($ledger->balance, 2) }}</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="7" class="text-center">No ledger entries</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection