@extends('admin.layouts.app')

@push('styles')
@endpush

@section('title', 'Detalhes do Fornecedor')

@section('content')
    <main class="page-content">
        @canany(['ler-fornecedores', 'gerir-fornecedores'])
            <!--breadcrumb-->
            <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
                <div class="breadcrumb-title pe-3">Fornecedores</div>
                <div class="ps-3">
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb mb-0 p-0">
                            <li class="breadcrumb-item"><a href="{{ route('inicio') }}"><i class="bx bx-home-alt"></i></a></li>
                            <li class="breadcrumb-item"><a href="{{ route('fornecedores.index') }}">Fornecedores</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Detalhes</li>
                        </ol>
                    </nav>
                </div>
                <div class="ms-auto">
                    @can('escrever-fornecedores')
                        <a href="{{ route('fornecedores.edit', Crypt::encryptString($fornecedor->id)) }}" class="btn btn-warning btn-sm">
                            <i class="bi bi-pencil"></i> Editar
                        </a>
                    @endcan
                    <a href="{{ route('fornecedores.index') }}" class="btn btn-secondary btn-sm">
                        <i class="bi bi-arrow-left"></i> Voltar
                    </a>
                </div>
            </div>
            <!--end breadcrumb-->

            <div class="card shadow-sm radius-10 border-0 mb-3">
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label fw-bold">Nome</label>
                            <p class="form-control-plaintext">{{ $fornecedor->nome }}</p>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-bold">NIF</label>
                            <p class="form-control-plaintext">{{ $fornecedor->nif }}</p>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-bold">Estado AGT</label>
                            <p class="form-control-plaintext">
                                @if($fornecedor->agt_estado)
                                    <span class="badge bg-{{ $fornecedor->agt_estado == 'ACTIVO' ? 'success' : 'danger' }}">
                                        {{ $fornecedor->agt_estado }}
                                    </span>
                                @else
                                    <span class="text-muted">Não consultado</span>
                                @endif
                            </p>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-bold">Telefone</label>
                            <p class="form-control-plaintext">{{ $fornecedor->telefone ?: 'N/A' }}</p>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-bold">Email</label>
                            <p class="form-control-plaintext">{{ $fornecedor->email ?: 'N/A' }}</p>
                        </div>
                        <div class="col-12">
                            <label class="form-label fw-bold">Endereço</label>
                            <p class="form-control-plaintext">{{ $fornecedor->endereco ?: 'N/A' }}</p>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-bold">Total de Movimentações</label>
                            <p class="form-control-plaintext">{{ isset($movimentacoes) ? $movimentacoes->total() : ($fornecedor->movimentacoes->count() ?? 0) }}</p>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-bold">Data de Cadastro</label>
                            <p class="form-control-plaintext">{{ $fornecedor->created_at->format('d/m/Y H:i') }}</p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="card shadow-sm radius-10 border-0 mt-3">
                <div class="card-body">
                    <h5 class="mb-3">Movimentações do Fornecedor</h5>

                    {{-- Filtros: tipo e intervalo de datas --}}
                    <form method="GET" class="row g-2 mb-3">
                        <div class="col-auto">
                            <select name="tipo" class="form-select form-select-sm">
                                <option value="">Todos os tipos</option>
                                <option value="entrada" {{ request('tipo') == 'entrada' ? 'selected' : '' }}>Entrada</option>
                                <option value="saida" {{ request('tipo') == 'saida' ? 'selected' : '' }}>Saída</option>
                            </select>
                        </div>

                        <div class="col-auto">
                            <input type="date" name="data_de" class="form-control form-control-sm" value="{{ request('data_de') }}" placeholder="Data de">
                        </div>

                        <div class="col-auto">
                            <input type="date" name="data_ate" class="form-control form-control-sm" value="{{ request('data_ate') }}" placeholder="Data até">
                        </div>

                        <div class="col-auto">
                            <button type="submit" class="btn btn-primary btn-sm">Filtrar</button>
                            <a href="{{ route('fornecedores.show', Crypt::encryptString($fornecedor->id)) }}" class="btn btn-outline-secondary btn-sm">Limpar</a>
                        </div>
                    </form>

                    @if(isset($movimentacoes) && $movimentacoes->count())
                        @component('admin.components.table', ['listagem' => $movimentacoes, 'search' => null])
                            <thead>
                                <tr>
                                    <th width="10">#</th>
                                    <th>Tipo</th>
                                    <th>Item</th>
                                    <th>Quantidade</th>
                                    <th>Custo Total</th>
                                    <th>Depósito</th>
                                    <th>Data</th>
                                    <th>Responsável</th>
                                    <th>&nbsp;</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($movimentacoes as $movimentacao)
                                    <tr data-entry-id="{{ $movimentacao->id }}">
                                        <td>{{ $loop->iteration }}</td>
                                        <td>
                                            <span class="badge bg-{{ $movimentacao->tipo == 'entrada' ? 'success' : 'danger' }}">
                                                {{ ucfirst($movimentacao->tipo ?? '') }}
                                            </span>
                                        </td>
                                        <td>{{ $movimentacao->item->nome ?? '' }}</td>
                                        <td>{{ $movimentacao->quantidade ?? 0 }}</td>
                                        <td>{{ $movimentacao->custo_total ?? 0 }}</td>
                                        <td>{{ $movimentacao->deposito->nome ?? '-' }}</td>
                                        <td>{{ $movimentacao->data_mov ? $movimentacao->data_mov->format('d/m/Y H:i') : '' }}</td>
                                        <td>{{ $movimentacao->user->name ?? '' }}</td>
                                        <td>
                                            @can('ler-movimentacoes')
                                                <a class="action-icon" title="Visualizar" href="{{ route('movimentacoes.show', Crypt::encryptString($movimentacao->id)) }}">
                                                    <i class="bi bi-eye"></i>
                                                </a>
                                            @endcan
                                            @can('escrever-movimentacoes')
                                                <a class="action-icon" title="Editar" href="{{ route('movimentacoes.edit', Crypt::encryptString($movimentacao->id)) }}">
                                                    <i class="bi bi-pencil-square"></i>
                                                </a>
                                            @endcan
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        @endcomponent

                        <div class="mt-2">
                            {{ $movimentacoes->links() }}
                        </div>
                    @else
                        <div class="alert alert-info">Nenhuma movimentação encontrada para este fornecedor.</div>
                    @endif
                </div>
            </div>
        @else
            <div class="alert alert-danger">
                Não tem permissão para visualizar esta página.
            </div>
        @endcanany
    </main>
@endsection

@push('scripts')
@endpush