@extends('layouts.admin')
@section('title', 'QR Pages')
@section('role-label', 'Business Panel')
@section('page-title', 'QR Pages')
@section('page-subtitle', 'Create landing pages for each QR code')
@section('sidebar-nav')@include('restaurant-admin.partials.sidebar')@endsection

@section('content')
<div class="flex justify-end mb-6">
    <a href="{{ route('business.qr-pages.create') }}" class="btn btn-primary">
        <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/></svg>
        New QR Page
    </a>
</div>

@if($pages->isEmpty())
<div class="card p-16 text-center">
    <div class="text-5xl mb-3">📄</div>
    <div class="text-slate-400 mb-2 font-semibold">No QR pages yet</div>
    <div class="text-slate-500 text-sm mb-5">Create pages for booking, catalog, reviews, and more</div>
    <a href="{{ route('business.qr-pages.create') }}" class="btn btn-primary">Create First Page</a>
</div>
@else
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-5">
    @foreach($pages as $page)
    <div class="card p-5">
        <div class="flex justify-between items-start mb-3">
            <span class="text-3xl">{{ $page->page_type_icon }}</span>
            <span class="badge {{ $page->status === 'active' ? 'badge-success' : 'badge-muted' }}">{{ $page->status }}</span>
        </div>
        <h3 class="font-bold text-slate-200 mb-1">{{ $page->title }}</h3>
        <div class="text-xs text-slate-500 mb-3 capitalize">{{ str_replace('_',' ',$page->page_type) }}</div>
        @if($page->description)
        <p class="text-xs text-slate-400 mb-3 line-clamp-2">{{ $page->description }}</p>
        @endif
        <div class="bg-white/5 rounded-lg px-3 py-2 mb-4 font-mono text-xs text-slate-400 break-all">
            /q/{{ $business->slug }}/page/{{ $page->slug }}
        </div>
        <div class="flex gap-2">
            <a href="{{ route('public.page', ['slug'=>$business->slug,'page_slug'=>$page->slug]) }}" target="_blank" class="btn btn-secondary btn-sm">Preview</a>
            <a href="{{ route('business.qr-pages.edit', $page) }}" class="btn btn-secondary btn-sm">Edit</a>
            <form method="POST" action="{{ route('business.qr-pages.destroy', $page) }}" onsubmit="return confirm('Delete?')">
                @csrf @method('DELETE')
                <button type="submit" class="btn btn-danger btn-sm">Del</button>
            </form>
        </div>
    </div>
    @endforeach
</div>
@endif
@endsection