@extends('layouts.admin')
@section('title', 'Editar Produto')

@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">Editar: {{ $product->name }}</span>
@endsection

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">Editar Produto / Serviço</h1>
        <p class="page-subtitle">{{ $product->name }}</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.update', $product) }}" method="POST">
            @csrf @method('PUT')

            @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', $product->name) }}" 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>
                        @foreach($categories as $cat)
                            <option value="{{ $cat->id }}"
                                {{ old('product_category_id', $product->product_category_id) == $cat->id ? 'selected' : '' }}>
                                {{ $cat->name }}
                            </option>
                        @endforeach
                    </select>
                </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->type) == 'product' ? 'selected' : '' }}>📦 Produto</option>
                        <option value="service" {{ old('type', $product->type) == 'service' ? 'selected' : '' }}>✨ Serviço</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', $product->unit_price) }}" 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', $product->unit) }}" placeholder="un, kg, hora...">
                </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">{{ old('description', $product->description) }}</textarea>
                </div>

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

                <div class="form-group">
                    <label class="form-check">
                        <input type="checkbox" name="manages_stock" value="1"
                               {{ old('manages_stock', $product->manages_stock) ? 'checked' : '' }}>
                        <span>Controla estoque</span>
                    </label>
                </div>
            </div>

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