@extends('layouts.app')

@section('title', 'Create Product')

@section('content')
    <x-breadcrumbs :items="[
        ['label' => 'Dashboard', 'url' => route('dashboard')],
        ['label' => 'Products & Services', 'url' => route('products.index')],
        ['label' => 'Create'],
    ]" />

    <x-page-header title="Create Product" />

    <x-card>
        <form method="POST" action="{{ route('products.store') }}">
            @csrf
            @include('products.partials._form')
            <div class="d-flex gap-2 mt-3">
                <button type="submit" class="btn btn-primary">Save Product</button>
                <a href="{{ route('products.index') }}" class="btn btn-outline-secondary">Cancel</a>
            </div>
        </form>
    </x-card>
@endsection
