@extends('admin.layout')
@section('content')
<div class="page-header">
    <div class="page-title">Collections</div>
    <a href="{{ route('admin.collections.create') }}" class="btn btn-black">+ New Collection</a>
</div>

@if(session('success'))
    <div class="alert-success" style="background:#f0fdf4;border:1px solid #86efac;padding:12px 16px;border-radius:4px;margin-bottom:16px;color:#166534">{{ session('success') }}</div>
@endif

<div class="card">
    <table style="width:100%;border-collapse:collapse">
        <thead>
            <tr style="border-bottom:1px solid #e5e7eb">
                <th style="text-align:left;padding:12px;font-size:12px;text-transform:uppercase;color:#888">Name</th>
                <th style="text-align:left;padding:12px;font-size:12px;text-transform:uppercase;color:#888">Listings</th>
                <th style="text-align:left;padding:12px;font-size:12px;text-transform:uppercase;color:#888">Status</th>
                <th style="text-align:left;padding:12px;font-size:12px;text-transform:uppercase;color:#888">Order</th>
                <th style="padding:12px"></th>
            </tr>
        </thead>
        <tbody>
            @forelse($collections as $collection)
            <tr style="border-bottom:1px solid #f3f4f6">
                <td style="padding:12px">
                    <div style="font-weight:600">{{ $collection->name }}</div>
                    <div style="font-size:12px;color:#888">{{ $collection->slug }}</div>
                </td>
                <td style="padding:12px">{{ $collection->listings_count }}</td>
                <td style="padding:12px">
                    <form method="POST" action="{{ route('admin.collections.toggle', $collection->id) }}" style="display:inline">
                        @csrf @method('PATCH')
                        <button type="submit" style="padding:4px 12px;border-radius:4px;border:none;cursor:pointer;font-size:12px;background:{{ $collection->is_published ? '#f0fdf4' : '#fef2f2' }};color:{{ $collection->is_published ? '#166534' : '#991b1b' }}">
                            {{ $collection->is_published ? 'Published' : 'Draft' }}
                        </button>
                    </form>
                </td>
                <td style="padding:12px">{{ $collection->sort_order }}</td>
                <td style="padding:12px;text-align:right">
                    <a href="{{ route('admin.collections.edit', $collection->id) }}" class="btn btn-black" style="margin-right:8px;padding:6px 12px;font-size:12px">Edit</a>
                    <form method="POST" action="{{ route('admin.collections.destroy', $collection->id) }}" style="display:inline" onsubmit="return confirm('Delete this collection?')">
                        @csrf @method('DELETE')
                        <button type="submit" style="padding:6px 12px;background:#ef4444;color:white;border:none;border-radius:4px;cursor:pointer;font-size:12px">Delete</button>
                    </form>
                </td>
            </tr>
            @empty
            <tr><td colspan="5" style="padding:24px;text-align:center;color:#888">No collections yet</td></tr>
            @endforelse
        </tbody>
    </table>
</div>
@endsection