{{-- Modal Promoção --}}
<div class="modal fade" id="modal-promocao-{{ $produto->id }}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Ativar Promoção</h4>
                <button type="button" class="close" data-dismiss="modal">
                    <span>&times;</span>
                </button>
            </div>
            <form method="POST" action="{{ route('admin.produtos.toggle-promocao', $produto) }}">
                @csrf
                @method('PATCH')
                <div class="modal-body">
                    <div class="form-group">
                        <label>Preço Original</label>
                        <input type="text" class="form-control" value="R$ {{ number_format($produto->preco, 2, ',', '.') }}" readonly>
                    </div>
                    <div class="form-group">
                        <label>Preço Promocional</label>
                        <input type="number" name="preco_promocional" class="form-control" 
                               step="0.01" min="0.01" max="{{ $produto->preco - 0.01 }}" 
                               value="{{ $produto->preco_promocional ? number_format($produto->preco_promocional, 2, '.', '') : '' }}" 
                               placeholder="0.00" required>
                        <small class="form-text text-muted">
                            Deve ser menor que o preço original (R$ {{ number_format($produto->preco, 2, ',', '.') }})
                        </small>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-warning">
                        <i class="fas fa-tag"></i> {{ $produto->promocao ? 'Atualizar' : 'Ativar' }} Promoção
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- Modal Ajuste de Estoque --}}
<div class="modal fade" id="modal-estoque-{{ $produto->id }}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Ajustar Estoque</h4>
                <button type="button" class="close" data-dismiss="modal">
                    <span>&times;</span>
                </button>
            </div>
            <form method="POST" action="{{ route('admin.produtos.ajustar-estoque', $produto) }}">
                @csrf
                @method('PATCH')
                <div class="modal-body">
                    <div class="form-group">
                        <label>Estoque Atual</label>
                        <input type="text" class="form-control" value="{{ $produto->estoque_atual }}" readonly>
                    </div>
                    <div class="form-group">
                        <label>Tipo de Ajuste</label>
                        <select name="tipo" class="form-control" required>
                            <option value="adicionar">Adicionar</option>
                            <option value="reduzir">Reduzir</option>
                            <option value="definir">Definir Valor</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Quantidade</label>
                        <input type="number" name="quantidade" class="form-control" 
                               min="1" value="1" required>
                        <small class="form-text text-muted">
                            Quantidade a ser adicionada, reduzida ou o valor final a definir
                        </small>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-save"></i> Ajustar Estoque
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- Modal Clonar Produto --}}
<div class="modal fade" id="modal-clonar-{{ $produto->id }}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Clonar Produto</h4>
                <button type="button" class="close" data-dismiss="modal">
                    <span>&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="alert alert-info">
                    <i class="fas fa-info-circle"></i>
                    <strong>Atenção:</strong> Ao clonar, será criado um novo produto com todas as informações 
                    similares ao atual, exceto:
                    <ul class="mt-2 mb-0">
                        <li>Estoque será definido como 0</li>
                        <li>Preço promocional será removido</li>
                        <li>Status de destaque será removido</li>
                    </ul>
                </div>
                <p>Você será redirecionado para a página de edição do produto clonado.</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                <form method="POST" action="{{ route('admin.produtos.clonar', $produto) }}" class="d-inline">
                    @csrf
                    <button type="submit" class="btn btn-success">
                        <i class="fas fa-copy"></i> Clonar Produto
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>

{{-- Modal Excluir --}}
<div class="modal fade" id="modal-excluir-{{ $produto->id }}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header bg-danger">
                <h4 class="modal-title text-white">
                    <i class="fas fa-exclamation-triangle"></i> Confirmar Exclusão
                </h4>
                <button type="button" class="close text-white" data-dismiss="modal">
                    <span>&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="alert alert-danger">
                    <strong>Atenção!</strong> Esta ação não pode ser desfeita.
                </div>
                <p>Você está prestes a excluir o produto:</p>
                <div class="d-flex align-items-center mb-3">
                    @if($produto->imagem_thumb)
                        <img src="{{ Storage::url($produto->imagem_thumb) }}" 
                             alt="{{ $produto->nome }}" 
                             class="img-thumbnail mr-3" 
                             style="width: 60px; height: 60px; object-fit: cover;">
                    @endif
                    <div>
                        <strong>{{ $produto->nome }}</strong><br>
                        <small class="text-muted">
                            Categoria: {{ $produto->categoria->nome ?? 'N/A' }}<br>
                            Preço: R$ {{ number_format($produto->preco, 2, ',', '.') }}
                        </small>
                    </div>
                </div>
                <p><strong>Para confirmar a exclusão, digite o nome do produto:</strong></p>
                <input type="text" class="form-control" id="confirmar-exclusao-{{ $produto->id }}" 
                       placeholder="Digite: {{ $produto->nome }}">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                <form method="POST" action="{{ route('admin.produtos.destroy', $produto) }}" class="d-inline" id="form-excluir-{{ $produto->id }}">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-danger" disabled id="btn-excluir-{{ $produto->id }}">
                        <i class="fas fa-trash"></i> Excluir Produto
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>

@push('scripts')
<script>
$(document).ready(function() {
    // Validação para modal de exclusão
    $('#confirmar-exclusao-{{ $produto->id }}').on('input', function() {
        var nome = $(this).val();
        var nomeEsperado = '{{ $produto->nome }}';
        var btn = $('#btn-excluir-{{ $produto->id }}');
        
        if (nome === nomeEsperado) {
            btn.prop('disabled', false);
        } else {
            btn.prop('disabled', true);
        }
    });
});
</script>
@endpush