@php
$title = __('orcamento.list_title');
$categoriasServicoListagem = isset($categoriasServico) ? $categoriasServico : collect();
$moedaSelecionada = request('moeda');
$labelTodosTiposServico = __('orcamento.label_all_service_types');
$isInternational = in_array(strtoupper((string) $moedaSelecionada), ['USD', 'EUR'], true);

if (method_exists($categoriasServicoListagem, 'isEmpty') && $categoriasServicoListagem->isEmpty() && isset($tiposServico)) {
    $categoriasServicoListagem = $tiposServico
        ->map(function ($tipoServico) {
            return $tipoServico->categoriaServico;
        })
        ->filter()
        ->unique('id')
        ->values();
}
@endphp

<div class="container-fluid pt-1" style="margin-top: -32px;">
    <nav aria-label="breadcrumb" class="mb-2" style="margin-top: -18px;">
        <ol class="breadcrumb bg-transparent px-0 py-1 mb-1" style="font-size: 0.98rem;">
            <li class="breadcrumb-item"><a href="/" class="text-decoration-none text-secondary">{{ __('orcamento.breadcrumb_home') }}</a></li>
            <li class="breadcrumb-item active text-dark" aria-current="page">{{ __('orcamento.menu') }}</li>
        </ol>
    </nav>
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h1 class="fw-bold mb-0" style="font-size:2.1rem; letter-spacing:1px;">
                <i class="bi bi-file-earmark-text me-2 text-primary"></i>{{ __('orcamento.menu') }}
            </h1>
            <span class="text-muted small">{{ __('orcamento.subtitle_list') }}</span>
        </div>
        <div>
            <button type="button" class="btn btn-sm btn-outline-primary" onclick="carregarConteudo(`{{ route('operacoes.orcamento.novo') }}?moeda={{ urlencode($moedaSelecionada) }}`)">
                <i class="bi bi-plus-circle me-2"></i>{{ __('orcamento.button_new') }}
            </button>
        </div>
    </div>
    <div class="card shadow border-0">
        <div class="card-body">
            <div class="filter-section mb-4" data-base-url="{{ route('operacoes.orcamento') }}" data-initial-category="{{ request('categoria_servico_id', '') }}" data-initial-type="{{ request('tipo_servico_id', '') }}">
                <div class="row g-3 mb-4">
                    <div class="col-md-6">
                        <fieldset class="h-100 border rounded-3 px-3 px-md-4 pb-3 pt-2 bg-light-subtle" style="border-color: #d7e3f4 !important;">
                            <legend class="float-none w-auto px-2 mb-2 fs-6 fw-semibold text-primary">{{ __('orcamento.label_service_category') }}</legend>
                            <p class="text-muted small mb-3">{{ __('orcamento.subtitle_list') }}</p>
                            <div class="d-flex flex-wrap gap-3">
                                @php
                                    $categoriaSelecionada = request('categoria_servico_id');
                                    if (!$categoriaSelecionada && isset($tiposServico) && request('tipo_servico_id')) {
                                        $tipoSelecionado = $tiposServico->firstWhere('id', (int) request('tipo_servico_id'));
                                        $categoriaSelecionada = $tipoSelecionado ? $tipoSelecionado->categoria_servico_id : '';
                                    }
                                @endphp
                                @if(isset($categoriasServicoListagem))
                                    @foreach($categoriasServicoListagem as $index => $categoriaServico)
                                    @php
                                        $labelCategoriaServico = $categoriaServico->nome;
                                        if ($isInternational) {
                                            $chaveCategoria = 'orcamento.service_categories_by_id.' . $categoriaServico->id;
                                            $traducaoCategoria = __($chaveCategoria);
                                            if (is_string($traducaoCategoria) && $traducaoCategoria !== $chaveCategoria) {
                                                $labelCategoriaServico = $traducaoCategoria;
                                            }
                                        }
                                    @endphp
                                    <div class="form-check form-check-inline mb-0">
                                        <input class="form-check-input" type="radio" name="categoria_servico_ui" id="categoriaOrcamento{{ $categoriaServico->id }}" value="{{ $categoriaServico->id }}" {{ (string) $categoriaSelecionada === (string) $categoriaServico->id ? 'checked' : ($index === 0 && !$categoriaSelecionada ? 'checked' : '') }}>
                                        <label class="form-check-label" for="categoriaOrcamento{{ $categoriaServico->id }}">{{ $labelCategoriaServico }}</label>
                                    </div>
                                    @endforeach
                                @endif
                            </div>
                        </fieldset>
                    </div>
                    <div class="col-md-6">
                        <fieldset class="h-100 border rounded-3 px-3 px-md-4 pb-3 pt-2 bg-light-subtle" style="border-color: #d7e3f4 !important;">
                            <legend class="float-none w-auto px-2 mb-2 fs-6 fw-semibold text-primary">{{ __('orcamento.label_currency') }}</legend>
                            <p class="text-muted small mb-3">{{ __('orcamento.label_currency') }}</p>
                            <div class="d-flex flex-wrap gap-3">
                                @foreach($moedas as $codigoMoeda => $labelMoeda)
                                <div class="form-check form-check-inline mb-0">
                                    <input class="form-check-input" type="radio" name="moeda_ui_orcamentos" id="moedaOrcamentoListagem{{ $codigoMoeda }}" value="{{ $codigoMoeda }}" {{ $moedaSelecionada === $codigoMoeda ? 'checked' : '' }}>
                                    <label class="form-check-label" for="moedaOrcamentoListagem{{ $codigoMoeda }}">{{ $codigoMoeda }}</label>
                                </div>
                                @endforeach
                            </div>
                        </fieldset>
                    </div>
                </div>

                <div class="row g-2 align-items-end">
                    <div class="col-md-5">
                        <div class="input-group">
                            <span class="input-group-text"><i class="bi bi-search"></i></span>
                            <input type="text" class="form-control" id="filtroBuscaOrcamentos" placeholder="{{ __('orcamento.placeholder_search_budget') }}" value="{{ request('busca') }}" onkeydown="aplicarFiltroOrcamentosPorEnter(event, '{{ route('operacoes.orcamento') }}')">
                        </div>
                    </div>
                    <div class="col-md-2">
                        <select class="form-select" id="filtroClienteOrcamentos" onchange="aplicarFiltroOrcamentos('{{ route('operacoes.orcamento') }}')">
                            <option value="">{{ __('orcamento.label_all_clients') }}</option>
                            @if(isset($clientes))
                                @foreach($clientes as $cliente)
                                <option value="{{ $cliente->id }}" {{ (string) request('cliente_id') === (string) $cliente->id ? 'selected' : '' }}>{{ $cliente->razao_social }}</option>
                                @endforeach
                            @endif
                        </select>
                    </div>
                    <div class="col-md-2">
                        <select class="form-select" id="filtroTipoServicoOrcamentos" onchange="aplicarFiltroOrcamentos('{{ route('operacoes.orcamento') }}')">
                            <option value="">{{ $labelTodosTiposServico }}</option>
                            @if(isset($tiposServico))
                                @foreach($tiposServico as $tipoServico)
                                <option value="{{ $tipoServico->id }}" data-categoria-id="{{ $tipoServico->categoria_servico_id }}" {{ (string) request('tipo_servico_id') === (string) $tipoServico->id ? 'selected' : '' }}>{{ $tipoServico->nome_exibicao ?? $tipoServico->nome }}</option>
                                    @endforeach
                            @endif
                        </select>
                    </div>
                    <div class="col-md-2">
                        <select class="form-select" id="filtroStatusOrcamentos" onchange="aplicarFiltroOrcamentos('{{ route('operacoes.orcamento') }}')">
                            <option value="">{{ __('orcamento.label_status') }}</option>
                            <option value="Aguardando Cliente" {{ request('status') === 'Aguardando Cliente' ? 'selected' : '' }}>Aguardando Cliente</option>
                            <option value="Aprovado pelo Cliente" {{ request('status') === 'Aprovado pelo Cliente' ? 'selected' : '' }}>Aprovado pelo Cliente</option>
                            <option value="Convertido em Venda" {{ request('status') === 'Convertido em Venda' ? 'selected' : '' }}>Convertido em Venda</option>
                            <option value="Cancelado pelo Cliente" {{ request('status') === 'Cancelado pelo Cliente' ? 'selected' : '' }}>Cancelado pelo Cliente</option>
                        </select>
                    </div>
                    <div class="col-md-1 d-grid">
                        <button type="button" class="btn btn-outline-primary" onclick="aplicarFiltroOrcamentos('{{ route('operacoes.orcamento') }}')">
                            <i class="bi bi-funnel me-1"></i>{{ __('orcamento.button_filter') }}
                        </button>
                    </div>
                </div>
            </div>
            <div class="table-responsive">
                <table class="table table-hover table-fixed-column" id="tabelaOrcamentos">
                    <thead>
                        <tr>
                            <th class="sortable">{{ __('orcamento.label_code') }}</th>
                            <th class="sortable">{{ __('orcamento.label_emission_date') }}</th>
                            <th class="sortable">{{ __('orcamento.label_client') }}</th>
                            <th class="sortable">{{ __('orcamento.label_service_type') }}</th>
                            <th class="sortable">{{ __('orcamento.label_currency') }}</th>
                            <th class="sortable">{{ __('orcamento.label_total') }}</th>
                            <th class="sortable">{{ __('orcamento.label_validity_date') }}</th>
                            <th class="sortable">{{ __('orcamento.label_status') }}</th>
                            <th>{{ __('orcamento.label_actions') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @if(isset($orcamentos) && $orcamentos->count() > 0)
                            @foreach($orcamentos as $orcamento)
                            <tr>
                                <td>{{ $orcamento->codigo }}</td>
                                <td>{{ $orcamento->data_emissao ? $orcamento->data_emissao->format('d/m/Y') : '-' }}</td>
                                <td>{{ $orcamento->cliente ? $orcamento->cliente->nome_fantasia : '-' }}</td>
                                <td>{{ $orcamento->tipoServico ? $orcamento->tipoServico->nome : '-' }}</td>
                                <td>{{ $orcamento->moeda ?? '-' }}</td>
                                <td>{{ \App\Helpers\MoneyHelper::formatarPorMoeda($orcamento->total, $orcamento->moeda ?? 'BRL') }}</td>
                                <td>{{ $orcamento->data_validade ? $orcamento->data_validade->format('d/m/Y') : '-' }}</td>
                                <td>
                                    @if($orcamento->status == 'Aguardando Cliente')
                                        <span class="badge bg-info">{{ $orcamento->status }}</span>
                                    @elseif($orcamento->status == 'Aprovado pelo Cliente')
                                        <span class="badge bg-primary">{{ $orcamento->status }}</span>
                                    @elseif($orcamento->status == 'Convertido em Venda')
                                        <span class="badge bg-success">{{ $orcamento->status }}</span>
                                    @elseif($orcamento->status == 'Cancelado pelo Cliente')
                                        <span class="badge bg-danger">{{ $orcamento->status }}</span>
                                    @else
                                        <span class="badge bg-secondary">{{ $orcamento->status }}</span>
                                    @endif
                                </td>
                                <td>
                                    <!-- Botões básicos sempre disponíveis -->
                                    <a href="#" onclick="carregarConteudo(`{{ route('operacoes.orcamento.visualizar', $orcamento->id) }}?moeda={{ urlencode($moedaSelecionada) }}`)" class="text-decoration-none me-2">
                                        <i class="bi bi-eye icon-action view" data-bs-toggle="tooltip" title="{{ __('orcamento.button_view') }}"></i>
                                    </a>
                                    
                                    <!-- Botão de editar -->
                                    @if($orcamento->status !== 'Convertido em Venda')
                                        <!-- Orçamento ainda não foi convertido - pode editar normalmente -->
                                        <a href="#" onclick="carregarConteudo(`{{ route('operacoes.orcamento.editar', $orcamento->id) }}?moeda={{ urlencode($moedaSelecionada) }}`)" class="text-decoration-none me-2">
                                            <i class="bi bi-pencil-square icon-action edit" data-bs-toggle="tooltip" title="{{ __('orcamento.button_edit') }}"></i>
                                        </a>
                                    @elseif($orcamento->status === 'Convertido em Venda' && $orcamento->vendas && $orcamento->vendas->count() > 0)
                                        @php $venda = $orcamento->vendas->first(); @endphp
                                        @if($venda->status === \App\Enum\StatusVenda::PENDENTE->value)
                                            <!-- Ainda pode editar orçamento se venda está pendente (sincronização automática) -->
                                            <a href="#" onclick="carregarConteudo(`{{ route('operacoes.orcamento.editar', $orcamento->id) }}?moeda={{ urlencode($moedaSelecionada) }}`)" class="text-decoration-none me-2">
                                                <i class="bi bi-pencil-square icon-action edit" data-bs-toggle="tooltip" title="{{ __('orcamento.button_edit') }}"></i>
                                            </a>
                                        @endif
                                    @endif

                                    <!-- Botões de controle de status -->
                                    @if($orcamento->status == 'Aguardando Cliente')
                                        <button type="button" class="btn btn-link p-0 m-0 align-baseline text-success me-2" 
                                                onclick="aprovarDiretamente(`{{ $orcamento->id }}`)" 
                                                data-bs-toggle="tooltip" title="{{ __('orcamento.button_approve') }}">
                                            <i class="bi bi-check2-circle"></i>
                                        </button>
                                        <button type="button" class="btn btn-link p-0 m-0 align-baseline text-primary me-2" 
                                                onclick="enviarParaAprovacao(`{{ $orcamento->id }}`)" 
                                                data-bs-toggle="tooltip" title="{{ __('orcamento.button_send') }}">
                                            <i class="bi bi-envelope-plus"></i>
                                        </button>
                                    @elseif($orcamento->status == 'Convertido em Venda')
                                        <!-- Link para visualizar venda -->
                                        @if($orcamento->vendas && $orcamento->vendas->count() > 0)
                                            @php $venda = $orcamento->vendas->first(); @endphp
                                            <a href="#" onclick="carregarConteudo(`{{ route('operacoes.vendas.visualizar', $venda->id) }}`)" 
                                               class="text-decoration-none me-2" data-bs-toggle="tooltip" title="{{ __('orcamento.button_view') }}">
                                                <i class="bi bi-cart text-success"></i>
                                            </a>
                                        @endif
                                    @endif

                                    <!-- Botão excluir - apenas se não foi convertido em venda -->
                                    @if($orcamento->status !== 'Convertido em Venda')
                                        <button type="button" class="btn btn-link p-0 m-0 align-baseline text-danger" 
                                                onclick="excluir(`{{ route('operacoes.orcamento.destroy', $orcamento->id) }}`)">
                                            <i class="bi bi-trash icon-action delete" data-bs-toggle="tooltip" title="{{ __('orcamento.button_delete') }}"></i>
                                        </button>
                                    @endif
                                </td>
                            </tr>
                            @endforeach
                        @else
                        <tr>
                            <td colspan="9" class="text-center">
                                @if(isset($error))
                                <span class="text-danger">{{ $error }}</span>
                                @else
                                <div class="py-4">
                                    <div class="mb-2"><i class="bi bi-file-earmark-text" style="font-size: 3rem; color: #6c757d;"></i></div>
                                    <h4 class="mb-2">{{ __('orcamento.empty_budgets') }}</h4>
                                    <p class="text-muted mb-3">
                                        {{ request('busca') || request('cliente_id') || request('tipo_servico_id') || request('status') || request('moeda')
                                            ? 'Try adjusting the filters to find records.'
                                            : 'Start by creating your first quote' }}
                                    </p>
                                    <button type="button" class="btn btn-primary" onclick="carregarConteudo(`{{ route('operacoes.orcamento.novo') }}`)">
                                        <i class="bi bi-plus-circle me-2"></i>{{ __('orcamento.button_new') }}
                                    </button>
                                </div>
                                @endif
                            </td>
                        </tr>
                        @endif
                    </tbody>
                </table>
            </div>

            <x-pagination :items="$orcamentos" :baseUrl="route('operacoes.orcamento')" />
        </div>
    </div>
</div>