{{-- resources/views/purchases/suppliers/index.blade.php --}}
@extends('layouts.app')
@section('title', 'Suppliers')
@section('page_title', 'Suppliers')
@section('page_subtitle', 'Manage your suppliers and vendors')

@section('content')

{{-- Stats --}}
<div class="row g-3 mb-3">
    <div class="col-md-4">
        <div class="stat-card">
            <div class="stat-icon si-clay">
                <i class="bi bi-truck"></i>
            </div>
            <div>
                <div class="stat-value">{{ $stats['total'] }}</div>
                <div class="stat-label">Total Suppliers</div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="stat-card">
            <div class="stat-icon si-success">
                <i class="bi bi-check-circle"></i>
            </div>
            <div>
                <div class="stat-value">{{ $stats['active'] }}</div>
                <div class="stat-label">Active</div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="stat-card">
            <div class="stat-icon si-warning">
                <i class="bi bi-clock-history"></i>
            </div>
            <div>
                <div class="stat-value">
                    ${{ number_format($stats['total_owed'], 0) }}
                </div>
                <div class="stat-label">Total Owed</div>
            </div>
        </div>
    </div>
</div>

{{-- Filters --}}
<div class="card mb-3">
    <div class="card-body" style="padding:12px 16px;">
        <form method="GET" class="d-flex align-items-center gap-2 flex-wrap">
            <div style="position:relative;">
                <i class="bi bi-search"
                   style="position:absolute;left:9px;top:50%;
                          transform:translateY(-50%);
                          color:var(--muted);font-size:.8rem;"></i>
                <input type="text" name="search"
                       class="form-control form-control-sm"
                       style="padding-left:28px;width:200px;"
                       placeholder="Name, email..."
                       value="{{ request('search') }}">
            </div>
            <button type="submit"
                    class="btn btn-sm btn-outline-secondary">
                Search
            </button>
            @if(request('search'))
                <a href="{{ tenant_route('purchases.suppliers.index') }}"
                   class="btn btn-sm btn-outline-secondary">Clear</a>
            @endif
            <div class="ms-auto d-flex gap-2">
                <a href="{{ tenant_route('purchases.index') }}"
                   class="btn btn-sm btn-outline-secondary">
                    <i class="bi bi-box-seam me-1"></i>Orders
                </a>
                <a href="{{ tenant_route('purchases.suppliers.create') }}"
                   class="btn btn-primary btn-sm">
                    <i class="bi bi-plus-lg me-1"></i>Add Supplier
                </a>
            </div>
        </form>
    </div>
</div>

<div class="card">
    <div class="card-header">
        <span class="card-title">
            Suppliers
            <span style="font-size:.75rem;font-weight:400;
                         color:var(--muted);margin-left:6px;">
                {{ $suppliers->total() }} total
            </span>
        </span>
    </div>

    @if($suppliers->isEmpty())
        <div class="card-body text-center py-5">
            <i class="bi bi-truck"
               style="font-size:2.5rem;color:var(--muted)"></i>
            <p class="fw-semibold mt-3 mb-1">No suppliers yet</p>
            <a href="{{ tenant_route('purchases.suppliers.create') }}"
               class="btn btn-primary btn-sm mt-2">
                Add First Supplier
            </a>
        </div>
    @else
        <div class="table-responsive">
            <table class="table">
                <thead>
                    <tr>
                        <th>Supplier</th>
                        <th>Contact</th>
                        <th>Category</th>
                        <th>Orders</th>
                        <th>Credit Terms</th>
                        <th>Status</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($suppliers as $supplier)
                        <tr onclick="window.location='{{ tenant_route('purchases.suppliers.show', ['supplier' => $supplier->id]) }}'"
                            style="cursor:pointer;">
                            <td>
                                <div class="fw-semibold"
                                     style="font-size:.83rem;">
                                    {{ $supplier->name }}
                                </div>
                                @if($supplier->contact_person)
                                    <div style="font-size:.7rem;
                                                color:var(--muted);">
                                        {{ $supplier->contact_person }}
                                    </div>
                                @endif
                            </td>
                            <td>
                                @if($supplier->email)
                                    <div style="font-size:.78rem;">
                                        {{ $supplier->email }}
                                    </div>
                                @endif
                                @if($supplier->phone)
                                    <div style="font-size:.72rem;
                                                color:var(--muted);">
                                        {{ $supplier->phone }}
                                    </div>
                                @endif
                            </td>
                            <td style="font-size:.78rem;color:var(--muted);">
                                {{ $supplier->category ?? '—' }}
                            </td>
                            <td style="font-size:.8rem;color:var(--muted);">
                                {{ $supplier->purchase_orders_count }}
                            </td>
                            <td style="font-size:.78rem;color:var(--muted);">
                                {{ $supplier->credit_terms_days ?? 0 }} days
                            </td>
                            <td>
                                <span style="font-size:.7rem;font-weight:600;
                                             padding:2px 8px;border-radius:20px;
                                             background:{{ $supplier->is_active ? '#d1fae5' : '#f1f5f9' }};
                                             color:{{ $supplier->is_active ? '#065f46' : '#64748b' }};">
                                    {{ $supplier->is_active ? 'Active' : 'Inactive' }}
                                </span>
                            </td>
                            <td onclick="event.stopPropagation()">
                                <a href="{{ tenant_route('purchases.suppliers.show', ['supplier' => $supplier->id]) }}"
                                   class="btn btn-xs btn-outline-secondary">
                                    View →
                                </a>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        @if($suppliers->hasPages())
            <div class="card-body"
                 style="border-top:1px solid var(--border);padding:12px 16px;">
                {{ $suppliers->links() }}
            </div>
        @endif
    @endif
</div>

@endsection