@extends('layouts.admin')

@section('title', 'Products')
@section('header', 'Products')

@section('content')
@php
    $currencySymbol = App\Models\AppSetting::getValue('currency_symbol', html_entity_decode('₹', ENT_QUOTES, 'UTF-8'));
    $currencyDecimals = App\Models\AppSetting::currencyDecimals();
@endphp
@if(session('success'))
    <div class="alert alert-success alert-dismissible fade show"><i class="fas fa-check-circle me-2"></i>{{ session('success') }}<button type="button" class="btn-close" data-bs-dismiss="alert"></button></div>
@endif
<div class="card">
    <div class="card-body">
        <form method="GET" class="row g-3 align-items-end mb-4">
            <div class="col-md-3">
                <label class="form-label fw-bold">Service</label>
                <select name="service_type" class="form-select">
                    <option value="grocery" @selected($serviceType === 'grocery')>InstaKart</option>
                    <option value="food" @selected($serviceType === 'food')>Food</option>
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label fw-bold">Store</label>
                <select name="store_id" class="form-select">
                    <option value="">All stores</option>
                    @foreach($stores as $store)
                        <option value="{{ $store->id }}" @selected($storeId === $store->id)>{{ $store->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2">
                <label class="form-label fw-bold">Approval</label>
                <select name="approval_status" class="form-select">
                    <option value="approved" @selected($approval === 'approved')>Approved</option>
                    <option value="pending" @selected($approval === 'pending')>Pending</option>
                    <option value="rejected" @selected($approval === 'rejected')>Rejected</option>
                    <option value="all" @selected($approval === 'all')>All</option>
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label fw-bold">Search</label>
                <input type="search" name="search" value="{{ $search }}" class="form-control" placeholder="Product, SKU, brand, store">
            </div>
            <div class="col-md-1">
                <button class="btn btn-primary w-100">Filter</button>
            </div>
        </form>

        <div class="table-responsive">
            <table class="table align-middle">
                <thead>
                    <tr>
                        <th>Product</th>
                        <th>Store</th>
                        <th>Category</th>
                        <th>Brand</th>
                        <th>Inventory</th>
                        <th>Price</th>
                        <th>Status</th>
                        <th class="text-end">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($products as $product)
                        <tr>
                            <td>
                                <div class="fw-bold">{{ $product->name }}</div>
                                <div class="small text-muted">SKU: {{ $product->sku ?: 'Not set' }}</div>
                            </td>
                            <td>{{ $product->restaurant?->name ?? '-' }}</td>
                            <td>{{ $product->category?->name ?? '-' }}</td>
                            <td>{{ $product->brand?->name ?? '-' }}</td>
                            <td>
                                @if($product->track_inventory)
                                    <span class="badge bg-{{ ($product->stock_quantity ?? 0) > 0 ? 'success' : 'danger' }}">{{ $product->stock_quantity ?? 0 }} left</span>
                                @else
                                    <span class="badge bg-secondary">Not tracked</span>
                                @endif
                            </td>
                            <td>
                                <div class="fw-bold">{{ $currencySymbol }}{{ number_format((float) $product->final_price, $currencyDecimals) }}</div>
                                @if($product->discounted_price)
                                    <div class="small text-muted text-decoration-line-through">{{ $currencySymbol }}{{ number_format((float) $product->price, $currencyDecimals) }}</div>
                                @endif
                            </td>
                            <td>
                                <span class="badge bg-{{ $product->approval_status === 'approved' ? 'success' : ($product->approval_status === 'pending' ? 'warning' : 'danger') }}">
                                    {{ ucfirst($product->approval_status ?? 'approved') }}
                                </span>
                                <div class="small text-muted">{{ $product->is_available ? 'Available' : 'Unavailable' }}</div>
                            </td>
                            <td class="text-end">
                                <a href="{{ route('admin.products.edit', $product) }}" class="btn btn-sm btn-primary">
                                    <i class="fas fa-pen me-1"></i>Edit
                                </a>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="8" class="text-center text-muted py-5">No products found.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        {{ $products->links() }}
    </div>
</div>
@endsection