@extends('layouts.app')

@section('titulo', $produto->exists ? 'Editar Produto' : 'Novo Produto')
@section('subtitulo', 'Produtos')

@section('conteudo')
<form method="POST" action="{{ $produto->exists ? route('produtos.update', $produto) : route('produtos.store') }}">
    @csrf
    @if ($produto->exists) @method('PUT') @endif

    <div class="row g-3">
        <div class="col-lg-8">
            <div class="card mb-3">
                <div class="card-header">Identificação</div>
                <div class="card-body row g-3">
                    <div class="col-md-3">
                        <label class="form-label small fw-semibold">Código Interno *</label>
                        <input type="text" name="codigo_interno" class="form-control" value="{{ old('codigo_interno', $produto->codigo_interno) }}" required>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label small fw-semibold">Código de Barras</label>
                        <input type="text" name="codigo_barras" class="form-control" value="{{ old('codigo_barras', $produto->codigo_barras) }}" placeholder="Gerado automaticamente">
                    </div>
                    <div class="col-md-6">
                        <label class="form-label small fw-semibold">Descrição *</label>
                        <input type="text" name="descricao" class="form-control" value="{{ old('descricao', $produto->descricao) }}" required>
                    </div>

                    <div class="col-md-3">
                        <label class="form-label small fw-semibold">Tipo *</label>
                        <select name="tipo" class="form-select" required>
                            <option value="acabado" {{ old('tipo', $produto->tipo) === 'acabado' ? 'selected' : '' }}>Produto Acabado</option>
                            <option value="materia_prima" {{ old('tipo', $produto->tipo) === 'materia_prima' ? 'selected' : '' }}>Matéria-Prima</option>
                            <option value="embalagem" {{ old('tipo', $produto->tipo) === 'embalagem' ? 'selected' : '' }}>Embalagem</option>
                        </select>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label small fw-semibold">Categoria</label>
                        <select name="categoria_id" class="form-select">
                            <option value="">— Nenhuma —</option>
                            @foreach ($categorias as $categoria)
                                <option value="{{ $categoria->id }}" {{ (string) old('categoria_id', $produto->categoria_id) === (string) $categoria->id ? 'selected' : '' }}>
                                    {{ $categoria->nome }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label small fw-semibold">Unidade *</label>
                        <select name="unidade_id" class="form-select" required>
                            @foreach ($unidades as $unidade)
                                <option value="{{ $unidade->id }}" {{ (string) old('unidade_id', $produto->unidade_id) === (string) $unidade->id ? 'selected' : '' }}>
                                    {{ $unidade->sigla }} — {{ $unidade->nome }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label small fw-semibold">Peso (kg)</label>
                        <input type="number" step="0.001" name="peso" class="form-control" value="{{ old('peso', $produto->peso) }}">
                    </div>

                    <div class="col-12">
                        <label class="form-label small fw-semibold">Descrição Detalhada</label>
                        <textarea name="descricao_detalhada" class="form-control" rows="2">{{ old('descricao_detalhada', $produto->descricao_detalhada) }}</textarea>
                    </div>
                </div>
            </div>

            <div class="card mb-3">
                <div class="card-header">Custos, Preços e Estoque</div>
                <div class="card-body row g-3">
                    <div class="col-md-3">
                        <label class="form-label small fw-semibold">Custo Médio</label>
                        <div class="input-group">
                            <span class="input-group-text">R$</span>
                            <input type="number" step="0.0001" name="custo_medio" class="form-control" value="{{ old('custo_medio', $produto->custo_medio) }}">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label small fw-semibold">Preço Base (Varejo)</label>
                        <div class="input-group">
                            <span class="input-group-text">R$</span>
                            <input type="number" step="0.01" name="preco_base" class="form-control" value="{{ old('preco_base', $produto->preco_base) }}">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label small fw-semibold">Estoque Mínimo</label>
                        <input type="number" step="0.001" name="estoque_minimo" class="form-control" value="{{ old('estoque_minimo', $produto->estoque_minimo) }}">
                    </div>
                    <div class="col-md-3">
                        <label class="form-label small fw-semibold">Estoque Atual</label>
                        <input type="number" step="0.001" name="estoque_atual" class="form-control" value="{{ old('estoque_atual', $produto->estoque_atual ?? 0) }}" {{ $produto->exists ? 'readonly' : '' }}>
                        @if($produto->exists)
                            <div class="text-muted-sm">Ajustes de estoque devem ser feitos pelo módulo Estoque.</div>
                        @endif
                    </div>
                    <div class="col-md-3">
                        <label class="form-label small fw-semibold">Validade (dias)</label>
                        <input type="number" name="validade_dias" class="form-control" value="{{ old('validade_dias', $produto->validade_dias) }}">
                    </div>
                </div>
            </div>

            @if (old('tipo', $produto->tipo) === 'acabado')
            <div class="card mb-3">
                <div class="card-header">Preços por Tabela</div>
                <div class="card-body">
                    @if ($tabelasPreco->isEmpty())
                        <p class="text-muted-sm mb-0">Nenhuma tabela de preço cadastrada.</p>
                    @else
                        <div class="row g-3">
                            @foreach ($tabelasPreco as $tabela)
                                <div class="col-md-3">
                                    <label class="form-label small fw-semibold">{{ $tabela->nome }}</label>
                                    <div class="input-group">
                                        <span class="input-group-text">R$</span>
                                        <input type="number" step="0.01" name="precos[{{ $tabela->id }}]" class="form-control"
                                            value="{{ old('precos.'.$tabela->id, $precosAtuais[$tabela->id]->preco ?? '') }}"
                                            placeholder="Auto ({{ $tabela->percentual_ajuste >= 0 ? '+' : '' }}{{ $tabela->percentual_ajuste }}%)">
                                    </div>
                                </div>
                            @endforeach
                        </div>
                        <div class="text-muted-sm mt-2">Deixe em branco para usar o ajuste percentual automático da tabela sobre o preço base.</div>
                    @endif
                </div>
            </div>
            @endif

            <div class="card mb-3">
                <div class="card-header">Dados Fiscais</div>
                <div class="card-body row g-3">
                    <div class="col-md-4">
                        <label class="form-label small fw-semibold">NCM</label>
                        <input type="text" name="ncm" class="form-control" value="{{ old('ncm', $produto->ncm) }}" placeholder="ex: 20098990">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label small fw-semibold">CEST</label>
                        <input type="text" name="cest" class="form-control" value="{{ old('cest', $produto->cest) }}">
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-4">
            <div class="card mb-3">
                <div class="card-header">Situação</div>
                <div class="card-body">
                    <div class="form-check form-switch mb-2">
                        <input class="form-check-input" type="checkbox" id="ativo" name="ativo" value="1" {{ old('ativo', $produto->ativo ?? true) ? 'checked' : '' }}>
                        <label class="form-check-label" for="ativo">Produto ativo</label>
                    </div>

                    @if ($produto->exists)
                        <hr>
                        <dl class="row mb-0 small">
                            <dt class="col-6 text-muted-sm">Margem</dt>
                            <dd class="col-6 text-end">{{ number_format($produto->margem_percentual, 2, ',', '.') }}%</dd>
                        </dl>
                    @endif
                </div>
            </div>

            <div class="d-flex gap-2">
                <button type="submit" class="btn btn-primary flex-fill">{{ $produto->exists ? 'Salvar alterações' : 'Cadastrar produto' }}</button>
                <a href="{{ $produto->exists ? route('produtos.show', $produto) : route('produtos.index') }}" class="btn btn-outline-secondary">Cancelar</a>
            </div>
        </div>
    </div>
</form>
@endsection