@extends('admin.layout')
@section('title', 'প্রোডাক্ট সমূহ')
@section('content')

<div class="topbar">
    <h1>প্রোডাক্ট সমূহ</h1>
    <a href="{{ route('admin.products.create') }}" class="btn btn-pink">+ নতুন প্রোডাক্ট</a>
</div>

<div class="card">
    <table>
        <thead>
            <tr><th>ছবি</th><th>টাইটেল</th><th>দাম</th><th>অর্ডার</th><th>স্ট্যাটাস</th><th>লিংক</th><th>একশন</th></tr>
        </thead>
        <tbody>
        @forelse($products as $product)
            <tr>
                <td>
                    @if(!empty($product->images[0]))
                        <img src="{{ $product->images[0] }}" style="width:50px;height:50px;object-fit:cover;border-radius:4px;">
                    @else
                        —
                    @endif
                </td>
                <td>{{ $product->title }}</td>
                <td>{{ $product->price }}/=</td>
                <td>{{ $product->orders_count }}</td>
                <td>
                    @if($product->is_active)
                        <span class="badge badge-delivered">সক্রিয়</span>
                    @else
                        <span class="badge badge-cancelled">নিষ্ক্রিয়</span>
                    @endif
                </td>
                <td><a href="{{ route('product.show', $product->id) }}" target="_blank">পেজ দেখুন ↗</a></td>
                <td style="white-space:nowrap;">
                    <a href="{{ route('admin.products.edit', $product->id) }}" class="btn btn-gray">এডিট</a>
                    <form method="POST" action="{{ route('admin.products.destroy', $product->id) }}" style="display:inline;" onsubmit="return confirm('আপনি কি নিশ্চিত এই প্রোডাক্টটি ডিলিট করতে চান?');">
                        @csrf @method('DELETE')
                        <button type="submit" class="btn btn-red">ডিলিট</button>
                    </form>
                </td>
            </tr>
        @empty
            <tr><td colspan="7">কোনো প্রোডাক্ট পাওয়া যায়নি।</td></tr>
        @endforelse
        </tbody>
    </table>
    <div style="margin-top:15px;">{{ $products->links() }}</div>
</div>

@endsection