@extends('layouts.app')

@section('titulo', 'Produtos')
@section('subtitulo', 'Acabados, matérias-primas e embalagens')

@section('acoes')
    @can('produtos.criar')
        <a href="{{ route('produtos.create') }}" class="btn btn-primary btn-sm">+ Novo Produto</a>
    @endcan
@endsection

@section('conteudo')
<div class="card mb-3">
    <div class="card-body">
        <form method="GET" class="row g-2 align-items-end">
            <div class="col-md-4">
                <label class="form-label small fw-semibold">Buscar</label>
                <input type="text" name="busca" class="form-control form-control-sm" placeholder="Descrição, código ou EAN" value="{{ request('busca') }}">
            </div>
            <div class="col-md-2">
                <label class="form-label small fw-semibold">Tipo</label>
                <select name="tipo" class="form-select form-select-sm">
                    <option value="">Todos</option>
                    <option value="acabado" {{ request('tipo') === 'acabado' ? 'selected' : '' }}>Acabado</option>
                    <option value="materia_prima" {{ request('tipo') === 'materia_prima' ? 'selected' : '' }}>Matéria-Prima</option>
                    <option value="embalagem" {{ request('tipo') === 'embalagem' ? 'selected' : '' }}>Embalagem</option>
                </select>
            </div>
            <div class="col-md-2">
                <label class="form-label small fw-semibold">Situação</label>
                <select name="ativo" class="form-select form-select-sm">
                    <option value="">Todos</option>
                    <option value="1" {{ request('ativo') === '1' ? 'selected' : '' }}>Ativos</option>
                    <option value="0" {{ request('ativo') === '0' ? 'selected' : '' }}>Inativos</option>
                </select>
            </div>
            <div class="col-md-2">
                <div class="form-check mt-4">
                    <input class="form-check-input" type="checkbox" name="estoque_baixo" id="estoque_baixo" value="1" {{ request('estoque_baixo') ? 'checked' : '' }}>
                    <label class="form-check-label small" for="estoque_baixo">Estoque crítico</label>
                </div>
            </div>
            <div class="col-md-2">
                <button type="submit" class="btn btn-outline-secondary btn-sm w-100">Filtrar</button>
            </div>
        </form>
    </div>
</div>

<div class="card">
    <div class="card-body p-0">
        @if ($produtos->isEmpty())
            <div class="empty-state">
                <p class="mb-2">Nenhum produto encontrado.</p>
                @can('produtos.criar')
                    <a href="{{ route('produtos.create') }}" class="btn btn-primary btn-sm">Cadastrar primeiro produto</a>
                @endcan
            </div>
        @else
            <div class="table-responsive">
                <table class="table table-hover mb-0">
                    <thead>
                        <tr>
                            <th>Código</th>
                            <th>Descrição</th>
                            <th>Tipo</th>
                            <th class="text-end">Estoque</th>
                            <th class="text-end">Mínimo</th>
                            <th class="text-end">Preço Base</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($produtos as $produto)
                            <tr>
                                <td><span class="text-muted-sm">{{ $produto->codigo_interno }}</span></td>
                                <td>
                                    <a href="{{ route('produtos.show', $produto) }}" class="fw-semibold text-decoration-none">{{ $produto->descricao }}</a>
                                    @if(!$produto->ativo)
                                        <span class="badge-status cancelado ms-1">Inativo</span>
                                    @endif
                                </td>
                                <td class="text-muted-sm">{{ ucfirst(str_replace('_', ' ', $produto->tipo)) }}</td>
                                <td class="text-end text-money @if((float)$produto->estoque_atual <= (float)$produto->estoque_minimo) text-danger @endif">
                                    {{ number_format($produto->estoque_atual, 3, ',', '.') }} {{ $produto->unidade->sigla }}
                                </td>
                                <td class="text-end text-muted-sm">{{ number_format($produto->estoque_minimo, 3, ',', '.') }}</td>
                                <td class="text-end text-money">R$ {{ number_format($produto->preco_base, 2, ',', '.') }}</td>
                                <td class="text-end">
                                    <a href="{{ route('produtos.show', $produto) }}" class="btn btn-sm btn-outline-secondary">Ver</a>
                                    @can('produtos.editar')
                                        <a href="{{ route('produtos.edit', $produto) }}" class="btn btn-sm btn-outline-secondary">Editar</a>
                                    @endcan
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endif
    </div>
</div>

<div class="mt-3">
    {{ $produtos->links() }}
</div>
@endsection