@extends('admin.layouts.app')
@section('title', 'Products')
@section('heading', 'Products')

@section('content')
<div class="page-actions">
    <div class="page-actions-info">
        <span class="muted">{{ $products->total() }} total</span>
        <span class="dot"></span>
        <span class="muted">Page {{ $products->currentPage() }} of {{ max($products->lastPage(), 1) }}</span>
    </div>
    <div class="page-actions-buttons">
        <button type="button" class="adm-btn adm-btn-ghost" data-toggle-view><i class="fa-solid fa-table-cells-large"></i> View</button>
        <a href="{{ route('admin.products.create') }}" class="adm-btn adm-btn-primary"><i class="fa-solid fa-plus"></i> Add Product</a>
        @if($products->total() > 0)
        <form method="POST" action="{{ route('admin.products.delete-all') }}" style="display:inline" onsubmit="return confirm('Delete ALL {{ $products->total() }} products? This cannot be undone!');">
            @csrf
            <button type="submit" class="adm-btn adm-btn-danger"><i class="fa-solid fa-trash"></i> Delete All</button>
        </form>
        @endif
    </div>
</div>

<div class="mini-stats">
    <div class="mini-stat"><i class="fa-solid fa-boxes-stacked"></i><div><span class="ms-label">Catalog</span><span class="ms-value">{{ $stats['total'] }}</span></div></div>
    <div class="mini-stat ms-warn"><i class="fa-solid fa-tag"></i><div><span class="ms-label">On sale</span><span class="ms-value">{{ $stats['on_sale'] }}</span></div></div>
    <div class="mini-stat ms-orange"><i class="fa-solid fa-triangle-exclamation"></i><div><span class="ms-label">Low stock</span><span class="ms-value">{{ $stats['low'] }}</span></div></div>
    <div class="mini-stat ms-danger"><i class="fa-solid fa-circle-xmark"></i><div><span class="ms-label">Out of stock</span><span class="ms-value">{{ $stats['out'] }}</span></div></div>
</div>

<form method="GET" class="filter-bar">
    <div class="search-input">
        <i class="fa-solid fa-magnifying-glass"></i>
        <input type="text" name="q" placeholder="Search by name…" value="{{ $filters['q'] ?? '' }}">
    </div>
    <select name="category">
        <option value="">All categories</option>
        @foreach($categories as $c)
            <option value="{{ $c }}" @selected(($filters['category'] ?? '') === $c)>{{ ucfirst($c) }}</option>
        @endforeach
    </select>
    <select name="tag">
        <option value="">All collections</option>
        @foreach($tags as $t)
            <option value="{{ $t }}" @selected(($filters['tag'] ?? '') === $t)>{{ ucfirst(str_replace('_',' ',$t)) }}</option>
        @endforeach
    </select>
    <select name="stock">
        <option value="">Any stock</option>
        <option value="in"  @selected(($filters['stock'] ?? '') === 'in')>In stock</option>
        <option value="low" @selected(($filters['stock'] ?? '') === 'low')>Low (1-5)</option>
        <option value="out" @selected(($filters['stock'] ?? '') === 'out')>Out of stock</option>
    </select>
    <select name="sort">
        <option value="newest"     @selected(($filters['sort'] ?? '') === 'newest')>Newest</option>
        <option value="oldest"     @selected(($filters['sort'] ?? '') === 'oldest')>Oldest</option>
        <option value="price_asc"  @selected(($filters['sort'] ?? '') === 'price_asc')>Price ↑</option>
        <option value="price_desc" @selected(($filters['sort'] ?? '') === 'price_desc')>Price ↓</option>
        <option value="name_asc"   @selected(($filters['sort'] ?? '') === 'name_asc')>Name A-Z</option>
        <option value="stock_low"  @selected(($filters['sort'] ?? '') === 'stock_low')>Stock ↑</option>
    </select>
    <button class="adm-btn adm-btn-primary"><i class="fa-solid fa-filter"></i> Apply</button>
    <a href="{{ route('admin.products.index') }}" class="adm-btn adm-btn-ghost">Reset</a>
</form>

<form method="POST" action="{{ route('admin.products.bulk-delete') }}" id="bulkForm" onsubmit="return confirm('Delete selected products?');">
    @csrf

    <div class="bulk-bar" id="bulkBar" hidden>
        <span><strong id="bulkCount">0</strong> selected</span>
        <button type="submit" class="adm-btn adm-btn-danger"><i class="fa-solid fa-trash"></i> Delete selected</button>
        <button type="button" class="adm-btn adm-btn-ghost" data-bulk-clear>Clear</button>
    </div>

    <div class="table-wrap" data-view="table">
        <table class="data-table products-table">
            <thead>
                <tr>
                    <th class="col-check"><input type="checkbox" data-bulk-all></th>
                    <th>Product</th>
                    <th>Category</th>
                    <th>Collection</th>
                    <th>Price</th>
                    <th>Stock</th>
                    <th class="col-actions">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($products as $p)
                    <tr>
                        <td class="col-check"><input type="checkbox" name="ids[]" value="{{ $p->id }}" data-bulk-row></td>
                        <td>
                            <div class="prod-cell">
                                <img src="{{ asset($p->publicImagePath()) }}" class="thumb" alt="">
                                <div>
                                    <strong>{{ $p->name }}</strong>
                                    <small class="muted">#{{ $p->id }} · {{ $p->created_at?->format('M d, Y') }}</small>
                                </div>
                            </div>
                        </td>
                        <td><span class="chip">{{ ucfirst($p->category) }}</span></td>
                        <td>
                            @if($p->collection_tag)
                                <span class="chip chip-amber">{{ ucfirst(str_replace('_',' ',$p->collection_tag)) }}</span>
                            @else
                                <span class="muted">—</span>
                            @endif
                        </td>
                        <td>
                            <strong>Rs {{ number_format($p->price, 0) }}</strong>
                            @if($p->original_price)
                                <br><small class="strike muted">Rs {{ number_format($p->original_price, 0) }}</small>
                            @endif
                        </td>
                        <td>
                            @if($p->stock <= 0)
                                <span class="badge badge-cancelled">Out</span>
                            @elseif($p->stock <= 5)
                                <span class="badge badge-pending">Low ({{ $p->stock }})</span>
                            @else
                                <span class="badge badge-delivered">{{ $p->stock }}</span>
                            @endif
                        </td>
                        <td class="col-actions actions-row">
                            <a href="{{ route('product.show', $p) }}" target="_blank" data-no-pjax class="adm-btn adm-btn-ghost" title="View on site"><i class="fa-solid fa-eye"></i></a>
                            <a href="{{ route('admin.products.edit', $p) }}" class="adm-btn adm-btn-warn" title="Edit"><i class="fa-solid fa-pen"></i></a>
                            <form method="POST" action="{{ route('admin.products.duplicate', $p) }}" style="display:inline;">
                                @csrf
                                <button class="adm-btn adm-btn-ghost" title="Duplicate"><i class="fa-solid fa-clone"></i></button>
                            </form>
                            <form method="POST" action="{{ route('admin.products.destroy', $p) }}" onsubmit="return confirm('Delete {{ addslashes($p->name) }}?');" style="display:inline;">
                                @csrf @method('DELETE')
                                <button class="adm-btn adm-btn-danger" title="Delete"><i class="fa-solid fa-trash"></i></button>
                            </form>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="7" class="empty-row">No products match your filters.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div class="card-wrap" data-view="cards" hidden>
        @forelse($products as $p)
            <div class="prod-card">
                <label class="prod-card-check"><input type="checkbox" name="ids[]" value="{{ $p->id }}" data-bulk-row></label>
                <div class="prod-card-img" style="background-image:url('{{ asset($p->publicImagePath()) }}');position:relative">
                    @php $hoverImage = collect($p->publicGalleryPaths())->skip(1)->first(); @endphp
                    @if($hoverImage)
                    <img src="{{ asset($hoverImage) }}" class="prod-card-hover-img" alt="">
                    @endif
                    @if($p->stock <= 0)
                        <span class="prod-card-flag flag-out">Out</span>
                    @elseif($p->stock <= 5)
                        <span class="prod-card-flag flag-low">Low</span>
                    @endif
                </div>
                <div class="prod-card-body">
                    <strong class="prod-card-name">{{ $p->name }}</strong>
                    <div class="prod-card-meta">
                        <span class="chip">{{ ucfirst($p->category) }}</span>
                        @if($p->collection_tag)
                            <span class="chip chip-amber">{{ ucfirst(str_replace('_',' ',$p->collection_tag)) }}</span>
                        @endif
                    </div>
                    <div class="prod-card-price">
                        <strong>Rs {{ number_format($p->price, 0) }}</strong>
                        @if($p->original_price)
                            <small class="strike muted">Rs {{ number_format($p->original_price, 0) }}</small>
                        @endif
                        <span class="muted prod-card-stock">· {{ $p->stock }} in stock</span>
                    </div>
                </div>
                <div class="prod-card-actions">
                    <a href="{{ route('admin.products.edit', $p) }}" class="adm-btn adm-btn-warn"><i class="fa-solid fa-pen"></i> Edit</a>
                    <a href="{{ route('product.show', $p) }}" target="_blank" data-no-pjax class="adm-btn adm-btn-ghost"><i class="fa-solid fa-eye"></i></a>
                </div>
            </div>
        @empty
            <div class="empty-row">No products match your filters.</div>
        @endforelse
    </div>
</form>

<div class="pagination-wrap">{{ $products->links() }}</div>
@endsection