@extends('admin.layouts.app')

@section('content')
    <div class="azp-page">
        <div class="azp-page-header">
            <div>
                <h1 class="azp-page-title">Fornecedores</h1>
                <div class="azp-page-subtitle">Gestão de fornecedores</div>
            </div>

            <div class="azp-actions">
                <a href="{{ route('admin.fornecedores.create') }}" class="btn primary">Novo fornecedor</a>
            </div>
        </div>

        @if(session('success'))
            <div class="flash success">{{ session('success') }}</div>
        @endif

        @if($errors->any())
            <div class="flash error">
                {{ $errors->first() }}
            </div>
        @endif

        <div class="azp-card" style="margin-bottom:20px;">
            <form method="GET" action="{{ route('admin.fornecedores.index') }}">
                <div class="azp-form-grid" style="align-items:end;">
                    <div class="field">
                        <label class="label" for="q">Pesquisar</label>
                        <input type="text" name="q" id="q" value="{{ $q }}" placeholder="Nome ou referência">
                    </div>

                    <div class="field" style="display:flex; gap:10px;">
                        <button type="submit" class="btn primary">Pesquisar</button>
                        <a href="{{ route('admin.fornecedores.index') }}" class="btn outline">Limpar</a>
                    </div>
                </div>
            </form>
        </div>

        <div class="azp-card">
            <table class="azp-table">
                <thead>
                <tr>
                    <th>ID</th>
                    <th>Nome</th>
                    <th>Ref</th>
                    <th>Mínimo encomenda</th>
                    <th>Portes</th>
                    <th style="width:180px;">Ações</th>
                </tr>
                </thead>
                <tbody>
                @forelse($fornecedores as $fornecedor)
                    <tr>
                        <td>{{ $fornecedor->id }}</td>
                        <td>{{ $fornecedor->nome }}</td>
                        <td>{{ $fornecedor->ref }}</td>
                        <td>{{ number_format($fornecedor->minimo_encomenda, 2, ',', '.') }} €</td>
                        <td>{{ number_format($fornecedor->portes, 2, ',', '.') }} €</td>
                        <td>
                            <div class="azp-actions">
                                <a href="{{ route('admin.fornecedores.edit', $fornecedor->id) }}" class="btn outline xs">Editar</a>

                                <form method="POST" action="{{ route('admin.fornecedores.destroy', $fornecedor->id) }}" onsubmit="return confirm('Remover este fornecedor?');" style="display:inline-block;">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn danger xs">Eliminar</button>
                                </form>
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6">Nenhum fornecedor encontrado.</td>
                    </tr>
                @endforelse
                </tbody>
            </table>

            <div style="margin-top:20px;">
                {{ $fornecedores->appends(request()->query())->links() }}
            </div>
        </div>
    </div>
@endsection