@extends('layouts.app')
@section('title', $vendor->name)

@section('content')
@php($balance = $vendor->balance())
<div class="card mb-3">
    <div class="card-body d-flex flex-wrap align-items-center gap-3">
        <x-avatar :name="$vendor->name" lg />
        <div class="flex-grow-1 min-w-0">
            <h1 class="h4 mb-1">{{ $vendor->name }}</h1>
            <div class="text-muted small d-flex flex-wrap gap-2 align-items-center">
                @if ($vendor->category)<span class="badge-soft badge-soft-primary no-dot">{{ $vendor->category }}</span>@endif
                @if ($vendor->location())<span><i class="bi bi-geo-alt me-1"></i>{{ $vendor->location() }}</span>@endif
                @if ($vendor->phone)<span><i class="bi bi-telephone me-1"></i>{{ $vendor->phone }}</span>@endif
                @if ($vendor->email)<span><i class="bi bi-envelope me-1"></i>{{ $vendor->email }}</span>@endif
                <span class="badge-soft badge-soft-{{ $vendor->is_active ? 'success' : 'secondary' }}">{{ $vendor->is_active ? 'Active' : 'Inactive' }}</span>
            </div>
        </div>
        <div class="d-flex flex-wrap gap-2">
            @can('vendor_assignments.create')
            <a href="{{ route('vendor-assignments.create', ['vendor_id' => $vendor->id]) }}" class="btn btn-primary"><i class="bi bi-diagram-2" aria-hidden="true"></i> Assign orders</a>
            @endcan
            @can('vendor_bills.create')
            <a href="{{ route('vendor-bills.create', ['vendor_id' => $vendor->id]) }}" class="btn btn-outline-primary"><i class="bi bi-receipt" aria-hidden="true"></i> Add bill</a>
            @endcan
            @can('payments.create')
            <a href="{{ route('payments.create', ['direction' => 'paid', 'vendor_id' => $vendor->id]) }}" class="btn btn-outline-danger"><i class="bi bi-cash-coin" aria-hidden="true"></i> Pay vendor</a>
            @endcan
            @can('vendors.edit')
            <a href="{{ route('vendors.edit', $vendor) }}" class="btn btn-ghost"><i class="bi bi-pencil" aria-hidden="true"></i> Edit</a>
            @endcan
            @can('vendors.delete')
            <x-delete-button :action="route('vendors.destroy', $vendor)" label="" :title="'Delete '.$vendor->name.'?'" confirm="Vendors with bills or payments can't be deleted — mark them inactive instead." />
            @endcan
        </div>
    </div>
</div>

<div class="row g-3 mb-3 stagger">
    <div class="col-sm-4"><div class="card card-body"><div class="d-flex align-items-center gap-3"><span class="icon-chip"><i class="bi bi-receipt"></i></span><div><div class="stat-label">Total billed</div><div class="stat-value">{{ money($vendor->billed()) }}</div></div></div></div></div>
    <div class="col-sm-4"><div class="card card-body"><div class="d-flex align-items-center gap-3"><span class="icon-chip chip-success"><i class="bi bi-cash-coin"></i></span><div><div class="stat-label">Paid</div><div class="stat-value text-success">{{ money($vendor->paid()) }}</div></div></div></div></div>
    <div class="col-sm-4"><div class="card card-body"><div class="d-flex align-items-center gap-3"><span class="icon-chip {{ $balance > 0.004 ? 'chip-danger' : 'chip-success' }}"><i class="bi bi-hourglass-split"></i></span><div><div class="stat-label">We owe</div><div class="stat-value {{ $balance > 0.004 ? 'text-danger' : 'text-success' }}">{{ money($balance) }}</div></div></div></div></div>
</div>

@if ($assignments->isNotEmpty())
@php($asgTotal = $assignments->sum(fn ($x) => $x->total()))
@php($asgPaid = $assignments->sum(fn ($x) => $x->paid()))
@php($general = $vendor->generalPaid())
<div class="row g-3 mb-3">
    <div class="col-sm-4"><div class="card card-body"><div class="stat-label">Assigned orders (incl. extras)</div><div class="stat-value">{{ money($asgTotal) }}</div><div class="small text-muted">{{ $assignments->count() }} {{ \Illuminate\Support\Str::plural('assignment', $assignments->count()) }}</div></div></div>
    <div class="col-sm-4"><div class="card card-body"><div class="stat-label">Paid against orders</div><div class="stat-value text-success">{{ money($asgPaid) }}</div><div class="small text-muted">Still to pay on orders: {{ money(max(0, $asgTotal - $asgPaid)) }}</div></div></div>
    <div class="col-sm-4"><div class="card card-body"><div class="stat-label">General payments (not tied to an order)</div><div class="stat-value">{{ money($general) }}</div><div class="small text-muted">Can be allocated to an assignment</div></div></div>
</div>
@endif

<ul class="nav nav-tabs-line" role="tablist">
    <li class="nav-item"><button class="nav-link active" data-bs-toggle="tab" data-bs-target="#tab-overview" role="tab" type="button">Overview</button></li>
    @can('vendor_assignments.view')
    <li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-assignments" role="tab" type="button">Assignments <span class="count">{{ $assignments->count() }}</span></button></li>
    @endcan
    @can('vendor_bills.view')
    <li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-bills" role="tab" type="button">Bills <span class="count">{{ $bills->count() }}</span></button></li>
    @endcan
    @can('payments.view')
    <li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-payments" role="tab" type="button">Payments <span class="count">{{ $payments->count() }}</span></button></li>
    @endcan
    @can('payments.view')
    <li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-statement" role="tab" type="button">Statement</button></li>
    @endcan
</ul>

<div class="tab-content">
    <div class="tab-pane fade show active" id="tab-overview" role="tabpanel">
        <div class="row g-3">
            <div class="col-lg-5">
                <div class="card h-100"><div class="card-header"><span class="card-title">Details</span></div><div class="card-body">
                    <dl class="dl-grid">
                        <dt>Contact</dt><dd>{{ $vendor->contact_person ?: '—' }}</dd>
                        <dt>Tax ID</dt><dd>{{ $vendor->tax_number ?: '—' }}</dd>
                        <dt>Address</dt><dd>{!! nl2br(e($vendor->address ?: '—')) !!}</dd>
                        <dt>Bank</dt><dd>{!! nl2br(e($vendor->bank_details ?: '—')) !!}</dd>
                        @if ($vendor->notes)<dt>Notes</dt><dd>{!! nl2br(e($vendor->notes)) !!}</dd>@endif
                    </dl>
                </div></div>
            </div>
            @can('vendor_bills.view')
            <div class="col-lg-7">
                <div class="card h-100"><div class="card-header"><span class="card-title">Open bills</span></div>
                    <ul class="list-rows">
                        @forelse ($bills->filter(fn ($b) => $b->due() > 0.004)->take(5) as $b)
                            <li>
                                <div class="grow"><a href="{{ route('vendor-bills.show', $b) }}" class="title text-decoration-none">{{ $b->bill_no ?: '#'.$b->id }}</a>
                                    <span class="sub {{ $b->isOverdue() ? 'text-danger' : '' }}">{{ $b->due_date ? 'Due '.$b->due_date->format('d M Y') : 'No due date' }}@if ($b->isOverdue()) · overdue @endif</span></div>
                                <x-pay-status :total="$b->amount" :paid="$b->paid()" />
                                <div class="num fw-semibold text-danger" style="min-width:90px">{{ money($b->due()) }}</div>
                            </li>
                        @empty
                            <li class="justify-content-center text-muted py-4">Nothing outstanding.</li>
                        @endforelse
                    </ul>
                </div>
            </div>
            @endcan
        </div>
    </div>

    @can('vendor_assignments.view')
    <div class="tab-pane fade" id="tab-assignments" role="tabpanel">
        <div class="card"><div class="table-wrap"><table class="table table-modern table-cards align-middle">
            <thead><tr><th>No.</th><th>Order</th><th>Assigned</th><th class="num">Agreed</th><th class="num">Extra</th><th class="num">Total</th><th>Payment</th><th class="num">Balance</th></tr></thead>
            <tbody>
            @forelse ($assignments as $x)
                <tr>
                    <td class="cell-title" data-label="No."><a href="{{ route('vendor-assignments.show', $x) }}" class="cell-main text-decoration-none">{{ $x->number() }}</a>@if ($x->description)<span class="cell-sub cell-clip">{{ $x->description }}</span>@endif</td>
                    <td data-label="Order"><a href="{{ route('orders.show', $x->order) }}">{{ $x->order->order_no }}</a><span class="cell-sub">{{ $x->order->client->name }}</span></td>
                    <td data-label="Assigned">{{ $x->assigned_on->format('d M Y') }}</td>
                    <td class="num" data-label="Agreed">{{ money($x->assigned_amount) }}</td>
                    <td class="num" data-label="Extra">{{ $x->extra() > 0.004 ? money($x->extra()) : '—' }}</td>
                    <td class="num fw-semibold" data-label="Total">{{ money($x->total()) }}</td>
                    <td data-label="Payment"><x-pay-status :total="$x->total()" :paid="$x->paid()" /></td>
                    <td class="num fw-semibold {{ $x->due() > 0.004 ? 'text-danger' : 'text-success' }}" data-label="Balance">{{ money($x->due()) }}</td>
                </tr>
            @empty
                <tr class="empty-row"><td colspan="8"><x-empty icon="diagram-2" title="No orders assigned" text="Orders you give to this vendor will show up here."><a href="{{ route('vendor-assignments.create', ['vendor_id' => $vendor->id]) }}" class="btn btn-primary btn-sm">Assign orders</a></x-empty></td></tr>
            @endforelse
            </tbody>
        </table></div></div>
    </div>

    @endcan
    @can('vendor_bills.view')
    <div class="tab-pane fade" id="tab-bills" role="tabpanel">
        <div class="card"><div class="table-wrap"><table class="table table-modern table-cards align-middle">
            <thead><tr><th>Bill</th><th>Date</th><th>Due</th><th>Description</th><th class="num">Amount</th><th>Payment</th><th class="num">Balance</th></tr></thead>
            <tbody>
            @forelse ($bills as $b)
                <tr>
                    <td class="cell-title" data-label="Bill"><a href="{{ route('vendor-bills.show', $b) }}" class="cell-main text-decoration-none">{{ $b->bill_no ?: '#'.$b->id }}</a></td>
                    <td data-label="Date">{{ $b->bill_date->format('d M Y') }}</td>
                    <td data-label="Due" class="{{ $b->isOverdue() ? 'text-danger fw-semibold' : '' }}">{{ $b->due_date?->format('d M Y') ?? '—' }}</td>
                    <td data-label="Description">{{ $b->description ?: '—' }}</td>
                    <td class="num" data-label="Amount">{{ money($b->amount) }}</td>
                    <td data-label="Payment"><x-pay-status :total="$b->amount" :paid="$b->paid()" /></td>
                    <td class="num fw-semibold" data-label="Balance">{{ money($b->due()) }}</td>
                </tr>
            @empty
                <tr class="empty-row"><td colspan="7"><x-empty icon="receipt" title="No bills yet" text="Bills from this vendor will show up here."><a href="{{ route('vendor-bills.create', ['vendor_id' => $vendor->id]) }}" class="btn btn-primary btn-sm">Add bill</a></x-empty></td></tr>
            @endforelse
            </tbody>
        </table></div></div>
    </div>

    @endcan
    @can('payments.view')
    <div class="tab-pane fade" id="tab-payments" role="tabpanel">
        <div class="card"><div class="table-wrap"><table class="table table-modern table-cards align-middle">
            <thead><tr><th>Date</th><th>Against</th><th>Method</th><th>Reference</th><th class="num">Amount</th></tr></thead>
            <tbody>
            @forelse ($payments as $p)
                <tr>
                    <td class="cell-title" data-label="Date"><a href="{{ route('payments.edit', $p) }}" class="cell-main text-decoration-none">{{ $p->paid_on->format('d M Y') }}</a></td>
                    <td data-label="Against">@if ($p->vendorAssignment)<a href="{{ route('vendor-assignments.show', $p->vendorAssignment) }}">{{ $p->vendorAssignment->number() }}</a>@if ($p->vendorAssignmentItem)<span class="cell-sub">{{ $p->vendorAssignmentItem->label() }}</span>@endif @elseif ($p->vendorBill)<a href="{{ route('vendor-bills.show', $p->vendorBill) }}">Bill {{ $p->vendorBill->bill_no ?: '#'.$p->vendorBill->id }}</a>@else<span class="text-muted">General</span>@endif</td>
                    <td data-label="Method">{{ \App\Models\Payment::METHODS[$p->method] ?? $p->method }}</td>
                    <td data-label="Reference">{{ $p->reference ?: '—' }}</td>
                    <td class="num fw-semibold money-out" data-label="Amount">−{{ money($p->amount) }}</td>
                </tr>
            @empty
                <tr class="empty-row"><td colspan="5"><x-empty icon="cash-coin" title="No payments yet" text="Payments made to this vendor will show up here."><a href="{{ route('payments.create', ['direction' => 'paid', 'vendor_id' => $vendor->id]) }}" class="btn btn-danger btn-sm">Pay vendor</a></x-empty></td></tr>
            @endforelse
            </tbody>
        </table></div></div>
    </div>

    @endcan
    @can('payments.view')
    <div class="tab-pane fade" id="tab-statement" role="tabpanel">
        <div class="card">
            <div class="card-header"><span class="card-title">Account statement</span><span class="card-sub">From the general ledger · every line is a journal entry</span></div>
            <div class="table-wrap"><table class="table table-modern table-cards table-sm align-middle mb-0">
            <thead><tr><th>Date</th><th>Entry</th><th>Reference</th><th>Description</th><th class="num">Billed</th><th class="num">Paid</th><th class="num">Balance owed</th></tr></thead>
            <tbody>
            @forelse ($statement as $r)
                <tr>
                    <td class="cell-title" data-label="Date">{{ $r['date']->format('d M Y') }}</td>
                    <td data-label="Entry"><a href="{{ $r['entry_url'] }}" class="tabular">{{ $r['entry'] }}</a></td>
                    <td data-label="Reference"><a href="{{ $r['url'] }}">{{ $r['ref'] }}</a></td>
                    <td data-label="Description"><span class="cell-clip" style="max-width:300px">{{ $r['desc'] }}</span></td>
                    <td class="num" data-label="Billed">{{ $r['credit'] ? money($r['credit']) : '' }}</td>
                    <td class="num money-in" data-label="Paid">{{ $r['debit'] ? money($r['debit']) : '' }}</td>
                    <td class="num fw-semibold" data-label="Balance owed">{{ money($r['balance']) }}</td>
                </tr>
            @empty
                <tr class="empty-row"><td colspan="7"><x-empty icon="journal-text" title="No transactions yet" /></td></tr>
            @endforelse
            </tbody>
            @if ($statement->isNotEmpty())<tfoot><tr><td colspan="6">Balance owed</td><td class="num">{{ money($statement->last()['balance']) }}</td></tr></tfoot>@endif
        </table></div></div>
    </div>
    @endcan
</div>
@endsection