@extends('layouts.admin')
@section('title', 'Novo Produto / Serviço')

@section('breadcrumb')
    <a class="breadcrumb-item" href="{{ route('admin.registers.products.index') }}">Produtos & Serviços</a>
    <span class="breadcrumb-separator">/</span>
    <span class="breadcrumb-current">Novo</span>
@endsection

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">Novo Produto / Serviço</h1>
        <p class="page-subtitle">Cadastre um item que pode ser lançado no consumo das reservas.</p>
    </div>
</div>

<div class="card" style="max-width:680px;">
    <div class="card-header"><h3 style="margin:0;font-size:15px;">Dados do Produto / Serviço</h3></div>
    <div class="card-body">
        <form action="{{ route('admin.registers.products.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 style="display:grid;grid-template-columns:1fr 1fr;gap:16px;">

                <div class="form-group" style="grid-column:1/-1;">
                    <label class="form-label">Nome <span class="text-danger">*</span></label>
                    <input type="text" name="name" class="form-input"
                           value="{{ old('name') }}" placeholder="Ex: Água Mineral 500ml, Lavagem de Roupa, Transfer..." required>
                </div>

                <div class="form-group">
                    <label class="form-label">Categoria <span class="text-danger">*</span></label>
                    <select name="product_category_id" class="form-select" required>
                        <option value="">— Selecione —</option>
                        @foreach($categories as $cat)
                            <option value="{{ $cat->id }}" {{ old('product_category_id') == $cat->id ? 'selected' : '' }}>
                                {{ $cat->name }}
                            </option>
                        @endforeach
                    </select>
                    @if($categories->isEmpty())
                        <p class="form-hint" style="color:var(--color-warning);">
                            ⚠️ <a href="{{ route('admin.registers.product-categories.create') }}">Crie uma categoria</a> antes.
                        </p>
                    @endif
                </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="product" {{ old('type') == 'product' ? 'selected' : '' }}>📦 Produto (estoque)</option>
                        <option value="service" {{ old('type') == 'service' ? 'selected' : '' }}>✨ Serviço (sem estoque)</option>
                    </select>
                </div>

                <div class="form-group">
                    <label class="form-label">Preço Unitário (R$) <span class="text-danger">*</span></label>
                    <input type="number" name="unit_price" class="form-input" step="0.01" min="0"
                           value="{{ old('unit_price') }}" placeholder="0,00" required>
                </div>

                <div class="form-group">
                    <label class="form-label">Unidade de Medida</label>
                    <input type="text" name="unit" class="form-input"
                           value="{{ old('unit') }}" placeholder="un, kg, hora, diária...">
                    <p class="form-hint">Opcional. Aparece na nota do hóspede.</p>
                </div>

                <div class="form-group" style="grid-column:1/-1;">
                    <label class="form-label">Descrição Interna</label>
                    <textarea name="description" class="form-textarea" rows="2"
                              placeholder="Descrição opcional para uso interno...">{{ old('description') }}</textarea>
                </div>

                <div class="form-group">
                    <label class="form-check">
                        <input type="checkbox" name="is_active" value="1" {{ old('is_active', true) ? 'checked' : '' }}>
                        <span>Produto ativo (disponível para lançamento)</span>
                    </label>
                </div>

                <div class="form-group">
                    <label class="form-check">
                        <input type="checkbox" name="manages_stock" value="1" {{ old('manages_stock') ? 'checked' : '' }}>
                        <span>Controla estoque</span>
                    </label>
                    <p class="form-hint">Ative para produtos de bares e lanchonetes.</p>
                </div>
            </div>

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