@extends('layouts.app')

@section('titulo', 'Fornecedores')
@section('subtitulo', 'Cadastro e histórico de compras')

@section('acoes')
    @can('fornecedores.criar')
        <a href="{{ route('fornecedores.create') }}" class="btn btn-primary btn-sm">+ Novo Fornecedor</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-6">
                <label class="form-label small fw-semibold">Buscar</label>
                <input type="text" name="busca" class="form-control form-control-sm" placeholder="Razão social, fantasia ou CPF/CNPJ" value="{{ request('busca') }}">
            </div>
            <div class="col-md-3">
                <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-3">
                <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 ($fornecedores->isEmpty())
            <div class="empty-state">
                <p class="mb-2">Nenhum fornecedor encontrado.</p>
                @can('fornecedores.criar')
                    <a href="{{ route('fornecedores.create') }}" class="btn btn-primary btn-sm">Cadastrar primeiro fornecedor</a>
                @endcan
            </div>
        @else
            <div class="table-responsive">
                <table class="table table-hover mb-0">
                    <thead>
                        <tr>
                            <th>Razão Social / Fantasia</th>
                            <th>CPF/CNPJ</th>
                            <th>Cidade/UF</th>
                            <th>Contato</th>
                            <th>Situação</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($fornecedores as $fornecedor)
                            <tr>
                                <td>
                                    <a href="{{ route('fornecedores.show', $fornecedor) }}" class="fw-semibold text-decoration-none">
                                        {{ $fornecedor->nome_fantasia ?: $fornecedor->razao_social }}
                                    </a>
                                    @if($fornecedor->nome_fantasia)
                                        <div class="text-muted-sm">{{ $fornecedor->razao_social }}</div>
                                    @endif
                                </td>
                                <td>{{ $fornecedor->cpf_cnpj }}</td>
                                <td>{{ $fornecedor->cidade ? "{$fornecedor->cidade}/{$fornecedor->estado}" : '—' }}</td>
                                <td>{{ $fornecedor->contato_principal ?: '—' }}</td>
                                <td>
                                    <span class="badge-status {{ $fornecedor->ativo ? 'finalizado' : 'cancelado' }}">
                                        {{ $fornecedor->ativo ? 'Ativo' : 'Inativo' }}
                                    </span>
                                </td>
                                <td class="text-end">
                                    <a href="{{ route('fornecedores.show', $fornecedor) }}" class="btn btn-sm btn-outline-secondary">Ver</a>
                                    @can('fornecedores.editar')
                                        <a href="{{ route('fornecedores.edit', $fornecedor) }}" class="btn btn-sm btn-outline-secondary">Editar</a>
                                    @endcan
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endif
    </div>
</div>

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