@extends('layouts.app')
@section('title', $supplier->name)
@section('breadcrumb')
<li class="breadcrumb-item"><a href="{{ route('suppliers.index') }}">Suppliers</a></li>
<li class="breadcrumb-item active">{{ $supplier->name }}</li>
@endsection
@section('content')

<div class="page-header d-flex justify-content-between align-items-start">
    <div>
        <h1 class="page-title">{{ $supplier->name }}</h1>
        @if($supplier->company)
        <p class="page-subtitle">{{ $supplier->company }}</p>
        @endif
        <div class="d-flex gap-2 mt-1">
            <span class="badge {{ $supplier->is_active ? 'bg-success' : 'bg-danger' }}">{{ $supplier->is_active ? 'Active' : 'Inactive' }}</span>
            @if($supplier->current_due > 0)<span class="badge bg-warning text-dark">Has Due Balance</span>@endif
        </div>
    </div>
    <div class="d-flex gap-2 flex-wrap justify-content-end">
        <a href="{{ route('suppliers.ledger', $supplier) }}" class="btn btn-outline-secondary btn-sm">
            <i class="bi bi-journal-text me-1"></i> Ledger
        </a>
        @can_permission('suppliers.edit')
        <form method="POST" action="{{ route('suppliers.toggle-status', $supplier) }}">
            @csrf
            <button type="submit" class="btn btn-sm {{ $supplier->is_active ? 'btn-outline-warning' : 'btn-outline-success' }}">
                <i class="bi bi-{{ $supplier->is_active ? 'pause' : 'play' }}-circle me-1"></i>
                {{ $supplier->is_active ? 'Deactivate' : 'Activate' }}
            </button>
        </form>
        <a href="{{ route('suppliers.edit', $supplier) }}" class="btn btn-outline-primary btn-sm">
            <i class="bi bi-pencil me-1"></i> Edit
        </a>
        @endcan_permission
    </div>
</div>

<div class="row g-3 mb-3">
    <div class="col-6 col-md-3">
        <div class="stat-card">
            <div class="stat-icon" style="background:#d1fae5;"><i class="bi bi-cart-check" style="color:#059669;"></i></div>
            <div><div class="stat-value">{{ $totalPurchaseCount }}</div><div class="stat-label">Total Purchases</div></div>
        </div>
    </div>
    <div class="col-6 col-md-3">
        <div class="stat-card">
            <div class="stat-icon" style="background:#dbeafe;"><i class="bi bi-cash-stack" style="color:#1d4ed8;"></i></div>
            <div><div class="stat-value" style="font-size:1.1rem;">৳{{ number_format($totalPurchased, 0) }}</div><div class="stat-label">Total Purchased</div></div>
        </div>
    </div>
    <div class="col-6 col-md-3">
        <div class="stat-card">
            <div class="stat-icon" style="background:#dcfce7;"><i class="bi bi-cash" style="color:#16a34a;"></i></div>
            <div><div class="stat-value" style="font-size:1.1rem;">৳{{ number_format($totalPaid, 0) }}</div><div class="stat-label">Total Paid</div></div>
        </div>
    </div>
    <div class="col-6 col-md-3">
        <div class="stat-card">
            <div class="stat-icon" style="background:{{ $supplier->current_due > 0 ? '#fee2e2' : '#d1fae5' }};"><i class="bi bi-clock" style="color:{{ $supplier->current_due > 0 ? '#dc2626' : '#059669' }};"></i></div>
            <div><div class="stat-value" style="color:{{ $supplier->current_due > 0 ? '#dc2626' : '#059669' }};font-size:1.1rem;">৳{{ number_format($supplier->current_due, 0) }}</div><div class="stat-label">Current Due</div></div>
        </div>
    </div>
</div>

<div class="row g-3">
    <div class="col-12 col-lg-4">

        <div class="card mb-3">
            <div class="card-header"><i class="bi bi-truck me-2"></i>Profile</div>
            <div class="card-body p-0">
                <table class="table table-sm mb-0" style="font-size:.875rem;">
                    <tr><td class="text-muted" style="width:40%;">Contact</td><td class="fw-600">{{ $supplier->name }}</td></tr>
                    <tr><td class="text-muted">Company</td><td>{{ $supplier->company ?? '—' }}</td></tr>
                    <tr><td class="text-muted">Phone</td><td>{{ $supplier->phone ?? '—' }}</td></tr>
                    <tr><td class="text-muted">Email</td><td>{{ $supplier->email ?? '—' }}</td></tr>
                    <tr><td class="text-muted">Address</td><td>{{ $supplier->address ?? '—' }}</td></tr>
                    <tr><td class="text-muted">Opening Bal.</td><td>৳{{ number_format($supplier->opening_balance, 2) }}</td></tr>
                    <tr><td class="text-muted">Added On</td><td>{{ $supplier->created_at->format('d M Y') }}</td></tr>
                </table>
            </div>
        </div>

        @if($supplier->current_due > 0)
        @can_permission('payments.supplier.pay')
        <div class="card mb-3">
            <div class="card-header" style="background:#f0fdf4;"><i class="bi bi-cash me-2" style="color:#059669;"></i>Record Payment</div>
            <div class="card-body">
                <form method="POST" action="{{ route('suppliers.pay', $supplier) }}">
                    @csrf
                    <div class="mb-2">
                        <label class="form-label fw-semibold" style="font-size:.825rem;">Amount (Max: ৳{{ number_format($supplier->current_due, 2) }})</label>
                        <div class="input-group input-group-sm">
                            <span class="input-group-text">৳</span>
                            <input type="number" name="amount" class="form-control" value="{{ $supplier->current_due }}"
                                   min="0.01" max="{{ $supplier->current_due }}" step="0.01" required>
                        </div>
                    </div>
                    <div class="mb-2">
                        <select name="account_id" class="form-select form-select-sm" required>
                            <option value="">— Select Account —</option>
                            @foreach($accounts as $acc)
                            <option value="{{ $acc->id }}">{{ $acc->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="mb-2">
                        <input type="date" name="payment_date" class="form-control form-control-sm" value="{{ date('Y-m-d') }}" required>
                    </div>
                    <div class="mb-2">
                        <select name="payment_method" class="form-select form-select-sm">
                            <option value="cash">Cash</option>
                            <option value="bank_transfer">Bank Transfer</option>
                            <option value="mobile_banking">Mobile Banking</option>
                            <option value="cheque">Cheque</option>
                        </select>
                    </div>
                    <div class="mb-2">
                        <input type="text" name="reference" class="form-control form-control-sm" placeholder="Reference (optional)">
                    </div>
                    <button type="submit" class="btn btn-success btn-sm w-100">
                        <i class="bi bi-check-circle me-1"></i> Record Payment
                    </button>
                </form>
            </div>
        </div>
        @endcan_permission
        @endif

    </div>

    <div class="col-12 col-lg-8">

        <div class="card mb-3">
            <div class="card-header d-flex justify-content-between align-items-center">
                <span><i class="bi bi-cart-check me-2"></i>Recent Purchases</span>
                @can_permission('purchases.view')
                <a href="{{ route('purchases.index', ['supplier_id' => $supplier->id]) }}" class="btn btn-sm btn-outline-success">All Purchases</a>
                @endcan_permission
            </div>
            <div class="card-body p-0">
                @if($supplier->purchases->isEmpty())
                <div class="text-center py-4 text-muted" style="font-size:.875rem;"><i class="bi bi-cart-check" style="font-size:1.5rem;display:block;margin-bottom:.25rem;"></i>No purchases yet</div>
                @else
                <table class="table table-sm mb-0" style="font-size:.825rem;">
                    <thead><tr><th>Invoice</th><th>Date</th><th>Total</th><th>Paid</th><th>Due</th><th>Status</th></tr></thead>
                    <tbody>
                        @foreach($supplier->purchases as $purchase)
                        <tr>
                            <td><a href="{{ route('purchases.show', $purchase) }}" style="color:#059669;font-weight:600;text-decoration:none;">{{ $purchase->invoice_no }}</a></td>
                            <td>{{ $purchase->purchase_date->format('d M Y') }}</td>
                            <td>৳{{ number_format($purchase->total_amount, 2) }}</td>
                            <td class="text-success">৳{{ number_format($purchase->paid_amount, 2) }}</td>
                            <td>{{ $purchase->due_amount > 0 ? '৳'.number_format($purchase->due_amount, 2) : '—' }}</td>
                            <td>@php $pc=['received'=>'success','partial'=>'warning','paid'=>'success','ordered'=>'info','draft'=>'secondary','returned'=>'danger']; @endphp<span class="badge bg-{{ $pc[$purchase->status] ?? 'secondary' }}">{{ ucfirst($purchase->status) }}</span></td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
                @endif
            </div>
        </div>

        <div class="card">
            <div class="card-header"><i class="bi bi-cash-stack me-2"></i>Recent Payments Made</div>
            <div class="card-body p-0">
                @if($supplier->payments->isEmpty())
                <div class="text-center py-4 text-muted" style="font-size:.875rem;"><i class="bi bi-cash-stack" style="font-size:1.5rem;display:block;margin-bottom:.25rem;"></i>No payments recorded</div>
                @else
                <table class="table table-sm mb-0" style="font-size:.825rem;">
                    <thead><tr><th>Date</th><th>Amount</th><th>Method</th><th>Account</th><th>Reference</th></tr></thead>
                    <tbody>
                        @foreach($supplier->payments as $pmt)
                        <tr>
                            <td>{{ $pmt->payment_date->format('d M Y') }}</td>
                            <td class="fw-600 text-success">৳{{ number_format($pmt->amount, 2) }}</td>
                            <td>{{ ucfirst(str_replace('_',' ',$pmt->payment_method)) }}</td>
                            <td>{{ $pmt->account->name }}</td>
                            <td>{{ $pmt->reference ?? '—' }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
                @endif
            </div>
        </div>

    </div>
</div>

@endsection