@extends('layouts.admin')

@section('title', 'Dashboard')
@section('breadcrumb', 'Dashboard')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h4 class="mb-0 fw-bold">Dashboard</h4>
    <small class="text-muted">Welcome back, {{ Auth::user()->name }}</small>
</div>

{{-- Stat Cards --}}
<div class="row g-3 mb-4">
    <div class="col-6 col-lg-4 col-xl-2-4">
        <div class="card stat-card blue h-100 p-3">
            <div class="d-flex justify-content-between align-items-start">
                <div>
                    <div class="text-muted small">Total Manufacturers</div>
                    <div class="fs-2 fw-bold text-primary">{{ $stats['total_manufacturers'] }}</div>
                </div>
                <div class="bg-primary bg-opacity-10 rounded p-2">
                    <i class="bi bi-building fs-4 text-primary"></i>
                </div>
            </div>
        </div>
    </div>
    <div class="col-6 col-lg-4 col-xl-2-4">
        <div class="card stat-card green h-100 p-3">
            <div class="d-flex justify-content-between align-items-start">
                <div>
                    <div class="text-muted small">Active</div>
                    <div class="fs-2 fw-bold text-success">{{ $stats['active_manufacturers'] }}</div>
                </div>
                <div class="bg-success bg-opacity-10 rounded p-2">
                    <i class="bi bi-check-circle fs-4 text-success"></i>
                </div>
            </div>
        </div>
    </div>
    <div class="col-6 col-lg-4 col-xl-2-4">
        <div class="card stat-card orange h-100 p-3">
            <div class="d-flex justify-content-between align-items-start">
                <div>
                    <div class="text-muted small">Inactive</div>
                    <div class="fs-2 fw-bold text-warning">{{ $stats['inactive_manufacturers'] }}</div>
                </div>
                <div class="bg-warning bg-opacity-10 rounded p-2">
                    <i class="bi bi-pause-circle fs-4 text-warning"></i>
                </div>
            </div>
        </div>
    </div>
    <div class="col-6 col-lg-4 col-xl-2-4">
        <!-- <div class="card stat-card purple h-100 p-3">
            <div class="d-flex justify-content-between align-items-start">
                <div>
                    <div class="text-muted small">Vendor Codes</div>
                    <div class="fs-2 fw-bold" style="color:#6f42c1">{{ $stats['total_vendor_codes'] }}</div>
                </div>
                <div class="rounded p-2" style="background:rgba(111,66,193,.1)">
                    <i class="bi bi-upc-scan fs-4" style="color:#6f42c1"></i>
                </div>
            </div> -->
        </div>
    </div>
    <div class="col-6 col-lg-4 col-xl-2-4">
        <div class="card stat-card red h-100 p-3">
            <div class="d-flex justify-content-between align-items-start">
                <div>
                    <div class="text-muted small">Customer Enquiries</div>
                    <div class="fs-2 fw-bold text-danger">{{ $stats['total_enquiries'] }}</div>
                </div>
                <div class="bg-danger bg-opacity-10 rounded p-2">
                    <i class="bi bi-person-lines-fill fs-4 text-danger"></i>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row g-3">
    {{-- Quick Actions --}}
    <div class="col-md-4">
        <div class="card p-3">
            <h6 class="fw-bold mb-3"><i class="bi bi-lightning-fill text-warning me-2"></i>Quick Actions</h6>
            <div class="d-grid gap-2">
                <a href="{{ route('admin.manufacturers.create') }}" class="btn btn-primary btn-sm">
                    <i class="bi bi-plus-circle me-2"></i>Add Manufacturer
                </a>
                <!-- <a href="{{ route('admin.vendor-codes.create') }}" class="btn btn-outline-primary btn-sm">
                    <i class="bi bi-plus-circle me-2"></i>Add Vendor Code
                </a>
                <a href="{{ route('admin.enquiries.index') }}" class="btn btn-outline-secondary btn-sm">
                    <i class="bi bi-eye me-2"></i>View Enquiries
                </a>
                <a href="{{ route('manufacturers.index') }}" target="_blank" class="btn btn-outline-success btn-sm">
                    <i class="bi bi-globe me-2"></i>View Public Site
                </a> -->
            </div>
        </div>
    </div>

    {{-- Recent Enquiries --}}
    <div class="col-md-8">
        <div class="card p-3">
            <div class="d-flex justify-content-between align-items-center mb-3">
                <h6 class="fw-bold mb-0"><i class="bi bi-clock-history me-2 text-primary"></i>Recent Enquiries</h6>
                <a href="{{ route('admin.enquiries.index') }}" class="btn btn-sm btn-outline-primary">View All</a>
            </div>
            @if($recentEnquiries->isEmpty())
                <p class="text-muted small text-center py-3">No enquiries yet.</p>
            @else
                <div class="table-responsive">
                    <table class="table table-sm table-hover">
                        <thead class="table-light">
                            <tr>
                                <th>Name</th>
                                <th>Code Searched</th>
                                <th>Manufacturer</th>
                                <th>Date</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($recentEnquiries as $e)
                            <tr>
                                <td>{{ $e->name ?: '<em class="text-muted">Anonymous</em>' }}</td>
                                <td><code>{{ $e->vendor_code_searched }}</code></td>
                                <td class="text-truncate" style="max-width:150px">{{ $e->manufacturer?->manufacturer_name ?? '—' }}</td>
                                <td class="text-muted small">{{ $e->created_at->diffForHumans() }}</td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @endif
        </div>
    </div>
</div>

<div class="card p-3 mt-3">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h6 class="fw-bold mb-0"><i class="bi bi-building me-2 text-primary"></i>Recent Vendor Details</h6>
        <a href="{{ route('admin.vendor-codes.index') }}" class="btn btn-sm btn-outline-primary">View All Vendors</a>
    </div>
    @if($recentVendorCodes->isEmpty())
        <p class="text-muted small text-center py-3 mb-0">No vendors yet.</p>
    @else
        <div class="table-responsive">
            <table class="table table-sm table-hover align-middle mb-0">
                <thead class="table-light">
                    <tr>
                        <th>Vendor ID</th>
                        <th>Vendor Name</th>
                        <th>Saved Details</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($recentVendorCodes as $vendorCode)
                    <tr>
                        <td><span class="badge bg-dark font-monospace">{{ $vendorCode->vendor_id ?? '—' }}</span></td>
                        <td>{{ $vendorCode->manufacturer?->manufacturer_name ?? '—' }}</td>
                        <td class="small">
                            @if($vendorCode->manufacturer)
                                @if($vendorCode->manufacturer->brand_name)
                                    <div>Brand: {{ $vendorCode->manufacturer->brand_name }}</div>
                                @endif
                                @if($vendorCode->manufacturer->manufacturing_unit_name)
                                    <div>Unit: {{ $vendorCode->manufacturer->manufacturing_unit_name }}</div>
                                @endif
                                <div>{{ $vendorCode->manufacturer->product_name ?: $vendorCode->manufacturer->product_category ?: '—' }}</div>
                                @if($vendorCode->manufacturer->fssai_license_number)
                                    <div>FSSAI: {{ $vendorCode->manufacturer->fssai_license_number }}</div>
                                @endif
                                <div class="text-muted">{{ $vendorCode->manufacturer->address }}</div>
                                <div class="text-muted">
                                    {{ $vendorCode->manufacturer->city?->name }}{{ $vendorCode->manufacturer->city && $vendorCode->manufacturer->state ? ', ' : '' }}{{ $vendorCode->manufacturer->state?->name }}
                                </div>
                                @if($vendorCode->manufacturer->additional_details)
                                    <div class="text-muted">{{ \Illuminate\Support\Str::limit($vendorCode->manufacturer->additional_details, 120) }}</div>
                                @endif
                                @if($vendorCode->notes)
                                    <div class="text-muted">Admin notes: {{ \Illuminate\Support\Str::limit($vendorCode->notes, 120) }}</div>
                                @endif
                            @else
                                <span class="text-muted">Manufacturer unavailable</span>
                            @endif
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    @endif
</div>
@endsection