@php
$title = __('vendas.list_title');
$categoriaSelecionada = request('categoria_servico_id');
$moedaSelecionada = request('moeda', 'BRL');
@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">{{ __('vendas.breadcrumb_home') }}</a></li>
            <li class="breadcrumb-item active text-dark" aria-current="page">{{ __('vendas.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-cart-check me-2 text-primary"></i>{{ __('vendas.menu') }}
            </h1>
            <span class="text-muted small">{{ __('vendas.subtitle_list') }}</span>
        </div>
        <div>
            <div class="alert alert-info alert-sm p-2 mb-0" style="font-size: 0.875rem;">
                <i class="bi bi-info-circle me-1"></i>
                <strong>{{ __('vendas.label_auto_sales_hint') }}</strong>
                <a href="#" onclick="carregarConteudo(`{{ route('operacoes.orcamento') }}`)" class="alert-link ms-2">{{ __('vendas.button_quote') }}</a>
            </div>
        </div>
    </div>

    <div class="card shadow border-0">
        <div class="card-body">
            <div class="filter-section mb-4" data-base-url="{{ route('operacoes.vendas') }}" 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">{{ __('vendas.label_service_category') }}</legend>
                            <p class="text-muted small mb-3">{{ __('vendas.label_service_category_hint') }}</p>
                            <div class="d-flex flex-wrap gap-3">
                                @if(isset($categoriasServico))
                                    @foreach($categoriasServico as $index => $categoria)
                                    @php
                                        $labelCategoria = $categoria->nome;
                                        $categoriaTraduzida = __('vendas.service_categories_by_id.' . $categoria->id);
                                        if ($categoriaTraduzida !== 'vendas.service_categories_by_id.' . $categoria->id) {
                                            $labelCategoria = $categoriaTraduzida;
                                        }
                                    @endphp
                                    <div class="form-check form-check-inline mb-0">
                                        <input class="form-check-input" type="radio" name="categoria_servico_ui_vendas" id="categoriaVendaListagem{{ $categoria->id }}" value="{{ $categoria->id }}" {{ (string) $categoriaSelecionada === (string) $categoria->id ? 'checked' : ($index === 0 && !$categoriaSelecionada ? 'checked' : '') }}>
                                        <label class="form-check-label" for="categoriaVendaListagem{{ $categoria->id }}">{{ $labelCategoria }}</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">{{ __('vendas.label_currency') }}</legend>
                            <p class="text-muted small mb-3">{{ __('vendas.label_currency_hint') }}</p>
                            <div class="d-flex flex-wrap gap-3">
                                @if(isset($moedas))
                                    @foreach($moedas as $codigoMoeda => $labelMoeda)
                                    <div class="form-check form-check-inline mb-0">
                                        <input class="form-check-input" type="radio" name="moeda_ui_vendas" id="moedaVendaListagem{{ $codigoMoeda }}" value="{{ $codigoMoeda }}" {{ $moedaSelecionada === $codigoMoeda ? 'checked' : '' }}>
                                        <label class="form-check-label" for="moedaVendaListagem{{ $codigoMoeda }}">{{ $codigoMoeda }}</label>
                                    </div>
                                    @endforeach
                                @endif
                            </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="filtroBuscaVendas" placeholder="{{ __('vendas.label_search') }}" value="{{ request('busca') }}" onkeydown="aplicarFiltroVendasPorEnter(event, '{{ route('operacoes.vendas') }}')">
                        </div>
                    </div>
                    <div class="col-md-2">
                        <select class="form-select" id="filtroClienteVendas" onchange="aplicarFiltroVendas('{{ route('operacoes.vendas') }}')">
                            <option value="">{{ __('vendas.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="filtroStatusVendas" onchange="aplicarFiltroVendas('{{ route('operacoes.vendas') }}')">
                            <option value="">{{ __('vendas.label_status_filter') }}</option>
                            @php
                            $statusVendaEnum = \App\Enum\StatusVenda::cases();
                            @endphp
                            @foreach($statusVendaEnum as $status)
                            <option value="{{ $status->value }}" {{ request('status') === $status->value ? 'selected' : '' }}>{{ $status->value }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2">
                        <select class="form-select" id="filtroTipoServicoVendas" onchange="aplicarFiltroVendas('{{ route('operacoes.vendas') }}')">
                            <option value="">{{ __('vendas.label_service_type') }}</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 }}</option>
                            @endforeach
                            @endif
                        </select>
                    </div>
                    <div class="col-md-1 d-grid">
                        <button type="button" class="btn btn-outline-primary" onclick="aplicarFiltroVendas('{{ route('operacoes.vendas') }}')">
                            <i class="bi bi-funnel me-1"></i>{{ __('vendas.button_filter') }}
                        </button>
                    </div>
                </div>
            </div>
            <div class="table-responsive">
                <table class="table table-hover table-fixed-column" id="tabelaVendas">
                    <thead>
                        <tr>
                            <th>{{ __('vendas.label_code') }}</th>
                            <th>{{ __('vendas.label_source_quote') }}</th>
                            <th>{{ __('vendas.label_client') }}</th>
                            <th>{{ __('vendas.label_date') }}</th>
                            <th>{{ __('vendas.label_sale_status') }}</th>
                            <th>{{ __('vendas.label_payment_method') }}</th>
                            <th>{{ __('vendas.label_total') }}</th>
                            <th>{{ __('vendas.label_actions') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @if(isset($vendas) && $vendas->count() > 0)
                        @foreach($vendas as $venda)
                        <tr>
                            <td>{{ $venda->codigo }}</td>
                            <td>
                                @if($venda->orcamento_id && $venda->orcamento)
                                    <a href="#" onclick="carregarConteudo(`{{ route('operacoes.orcamento.visualizar', $venda->orcamento_id) }}?moeda={{ urlencode($venda->orcamento->moeda ?? $venda->moeda ?? 'BRL') }}`)" 
                                       class="text-decoration-none text-primary" data-bs-toggle="tooltip" title="{{ __('vendas.label_view_quote') }}">
                                        <i class="bi bi-file-earmark-text me-1"></i>
                                        {{ $venda->orcamento->codigo }}
                                    </a>
                                @else
                                    <span class="text-muted">-</span>
                                @endif
                            </td>
                            <td data-cliente-id="{{ $venda->cliente_id }}">{{ $venda->cliente->nome_fantasia ?? 'N/A' }}</td>
                            <td>{{ $venda->data_venda ? $venda->data_venda->format('d/m/Y') : 'N/A' }}</td>
                            <td>
                                @if($venda->status == 'Concluída')
                                    <span class="badge bg-success">{{ $venda->status }}</span>
                                @elseif($venda->status == 'Processando')
                                    <span class="badge bg-primary">{{ $venda->status }}</span>
                                @elseif($venda->status == 'Vencida')
                                    <span class="badge bg-danger">{{ $venda->status }}</span>
                                @elseif($venda->status == 'Cancelada')
                                    <span class="badge bg-secondary">{{ $venda->status }}</span>
                                @else
                                    <span class="badge bg-warning text-dark">{{ $venda->status }}</span>
                                @endif
                            </td>
                            @php
                                $formaPagamentoNome = $venda->formaPagamento->nome ?? 'N/A';
                                if (in_array($formaPagamentoNome, ['Boleto Bancário', 'Boleto Bancario'])) {
                                    $formaPagamentoNome = 'Boleto';
                                }
                            @endphp
                            <td data-forma-pagamento-codigo="{{ $venda->formaPagamento->codigo ?? '' }}">{{ $formaPagamentoNome }}</td>
                            <td>{{ \App\Helpers\MoneyHelper::simboloMoeda($venda->moeda ?? ($venda->orcamento->moeda ?? 'BRL')) }} {{ number_format($venda->total ?? 0, 2, ',', '.') }}</td>
                            <td>
                                <a href="#" onclick="carregarConteudo(`{{ route('operacoes.vendas.visualizar', $venda->id) }}`)" class="text-decoration-none">
                                    <i class="bi bi-eye icon-action view" data-bs-toggle="tooltip" title="{{ __('vendas.button_view') }}"></i>
                                </a>
                                @if($venda->podeSerEditada())
                                <a href="#" onclick="carregarConteudo(`{{ route('operacoes.vendas.editar', $venda->id) }}`)" class="text-decoration-none">
                                    <i class="bi bi-pencil-square icon-action edit" data-bs-toggle="tooltip" title="{{ __('vendas.button_edit') }}"></i>
                                </a>
                                <button type="button" class="btn btn-link p-0 m-0 align-baseline text-danger" onclick="excluir(`{{ route('operacoes.vendas.destroy', $venda->id) }}`)">
                                    <i class="bi bi-trash icon-action delete" data-bs-toggle="tooltip" title="{{ __('vendas.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-cart-x" style="font-size: 3rem; color: #6c757d;"></i></div>
                                    <h4 class="mb-2">{{ __('vendas.label_no_sales') }}</h4>
                                    <p class="text-muted mb-3">
                                        {{ request('busca') || request('cliente_id') || request('status')
                                            ? __('vendas.label_no_sales_hint')
                                            : __('vendas.label_auto_sales_hint') }}
                                    </p>
                                    <button type="button" onclick="carregarConteudo(`{{ route('operacoes.orcamento') }}`)" class="btn btn-primary">
                                        <i class="bi bi-file-earmark-text me-2"></i>
                                        {{ __('vendas.button_quote') }}
                                    </button>
                                </div>
                                @endif
                            </td>
                        </tr>
                        @endif
                    </tbody>
                </table>
            </div>

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