@extends('layouts.admin')
@section('title', 'Nova Categoria de Produto')

@section('breadcrumb')
    <a class="breadcrumb-item" href="{{ route('admin.registers.product-categories.index') }}">Categorias</a>
    <span class="breadcrumb-separator">/</span>
    <span class="breadcrumb-current">Nova Categoria</span>
@endsection

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">Nova Categoria</h1>
        <p class="page-subtitle">Agrupe produtos e serviços do hotel por tipo.</p>
    </div>
</div>

<div class="card" style="max-width:600px;">
    <div class="card-header"><h3 style="margin:0;font-size:15px;">Dados da Categoria</h3></div>
    <div class="card-body">
        <form action="{{ route('admin.registers.product-categories.store') }}" method="POST">
            @csrf

            @if($errors->any())
                <div class="alert alert-danger mb-lg">
                    <ul style="margin:0;padding-left:16px;">
                        @foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach
                    </ul>
                </div>
            @endif

            <div class="form-group">
                <label class="form-label">Nome <span class="text-danger">*</span></label>
                <input type="text" name="name" class="form-input" value="{{ old('name') }}"
                       placeholder="Ex: Bar & Bebidas, Lavanderia, Serviços de Quarto" required>
            </div>

            <div class="form-group">
                <label class="form-label">Tipo <span class="text-danger">*</span></label>
                <select name="type" class="form-select" required>
                    <option value="">— Selecione —</option>
                    <option value="food_beverage" {{ old('type') == 'food_beverage' ? 'selected' : '' }}>🍽 Alimentação & Bebidas</option>
                    <option value="laundry"       {{ old('type') == 'laundry'       ? 'selected' : '' }}>👕 Lavanderia</option>
                    <option value="service"       {{ old('type') == 'service'       ? 'selected' : '' }}>✨ Serviços</option>
                    <option value="other"         {{ old('type') == 'other'         ? 'selected' : '' }}>📦 Outros</option>
                </select>
            </div>

            <div class="form-group">
                <label class="form-label">Ordem de Exibição</label>
                <input type="number" name="sort_order" class="form-input" style="max-width:120px;"
                       value="{{ old('sort_order', 0) }}" min="0">
                <p class="form-hint">Categorias com número menor aparecem primeiro.</p>
            </div>

            <div class="form-group">
                <label class="form-check">
                    <input type="checkbox" name="is_active" value="1" {{ old('is_active', true) ? 'checked' : '' }}>
                    <span>Categoria ativa</span>
                </label>
            </div>

            <div class="flex gap-sm mt-lg">
                <button type="submit" class="btn btn-primary">Salvar Categoria</button>
                <a href="{{ route('admin.registers.product-categories.index') }}" class="btn btn-ghost">Cancelar</a>
            </div>
        </form>
    </div>
</div>
@endsection