@extends('layouts.admin')

@section('title', 'Create product page — '.config('app.name'))
@section('page_title', 'Create product page')

@section('breadcrumbs')
    <li class="breadcrumb-item"><a href="{{ route('admin.cms.product-pages.index') }}">Product pages</a></li>
    <li class="breadcrumb-item active">Create</li>
@endsection

@section('content')
    <form method="POST" action="{{ route('admin.cms.product-pages.store') }}" class="card">
        @csrf
        <div class="card-body">
            <p class="text-muted">Choose the catalog product. Next you will add page sections one by one from a list — Overview first is a good start.</p>
            <div class="mb-3">
                <label class="form-label" for="product_id">Product</label>
                <select class="form-select" id="product_id" name="product_id" required>
                    <option value="">Select a product</option>
                    @foreach ($products as $product)
                        @php
                            $hasPage = in_array($product->contentCode(), $usedCodes, true)
                                || in_array(strtolower((string) $product->code), $usedCodes, true);
                        @endphp
                        <option value="{{ $product->id }}" @selected((string) old('product_id') === (string) $product->id)>
                            {{ $product->name }} ({{ strtoupper($product->code) }}){{ $hasPage ? ' — page already started' : ' — no page yet' }}
                        </option>
                    @endforeach
                </select>
            </div>
        </div>
        <div class="card-footer d-flex gap-2">
            <button class="btn btn-primary" type="submit">Continue</button>
            <a class="btn btn-outline-secondary" href="{{ route('admin.cms.product-pages.index') }}">Cancel</a>
        </div>
    </form>
@endsection