@php
use App\Enum\StatusOrcamento;
$title = __('orcamento.edit_title');
$moedaSelecionada = $orcamento->moeda ?? 'BRL';
@endphp

<div class="container-fluid pt-1" style="margin-top: -32px;" data-base-url="{{ route('operacoes.orcamento.editar', $orcamento->id) }}">
    <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"><a href="#" onclick="voltarParaListagemFiltrada('orcamentos', `{{ route('operacoes.orcamento') }}?moeda={{ urlencode($moedaSelecionada) }}`)" class="text-decoration-none text-secondary">{{ __('orcamento.menu') }}</a></li>
            <li class="breadcrumb-item active text-dark" aria-current="page">{{ __('orcamento.edit_title') }}</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-pencil-square me-2 text-primary"></i>{{ __('orcamento.edit_title') }}
            </h1>
            <span class="text-muted small">{{ __('orcamento.subtitle_edit') }}</span>
        </div>
        <div>
            <button type="button" class="btn btn-sm btn-outline-secondary" onclick="voltarParaListagemFiltrada('orcamentos', `{{ route('operacoes.orcamento') }}?moeda={{ urlencode($moedaSelecionada) }}`)">
                <i class="bi bi-arrow-left me-2"></i>{{ __('orcamento.button_back') }}
            </button>
        </div>
    </div>

    <div class="card shadow border-0 mb-4">
        <div class="card-header bg-white border-0 pb-1">
            <span class="fw-bold">{{ __('orcamento.label_details') }}</span>
        </div>
        <div class="card-body">

            <form id="formEditarOrcamento" class="needs-validation" novalidate
                data-preserve-totals-on-load="true"
                data-automatic-cash-payment="{{ __('orcamento.automatic_cash_payment', ['total' => ':total']) }}"
                data-automatic-installment-payment="{{ __('orcamento.automatic_installment_payment', ['entry' => ':entry', 'installments' => ':installments', 'installment' => ':installment']) }}"
                data-automatic-final-installment-adjustment="{{ __('orcamento.automatic_final_installment_adjustment', ['sign' => ':sign', 'amount' => ':amount']) }}"
                data-automatic-delivery-deadline="{{ __('orcamento.automatic_delivery_deadline', ['deadline' => ':deadline']) }}"
                data-automatic-delivery-deadline-missing="{{ __('orcamento.automatic_delivery_deadline_missing') }}"
                data-automatic-outsourcing-observations="{{ __('orcamento.automatic_outsourcing_observations', ['deadline' => ':deadline']) }}">
                @csrf
                <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.help_category_local') }}</p>
                            <div class="d-flex flex-wrap gap-3">
                                @foreach($categoriasServico as $categoria)
                                @php
                                    $labelCategoria = $categoria->nome;
                                    $categoriaTraduzida = __('orcamento.service_categories_by_id.' . $categoria->id);
                                    if ($categoriaTraduzida !== 'orcamento.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" id="categoriaOrcamento{{ $categoria->id }}" value="{{ $categoria->id }}" {{ optional($orcamento->tipoServico)->categoria_servico_id == $categoria->id ? 'checked' : '' }} disabled>
                                    <label class="form-check-label" for="categoriaOrcamento{{ $categoria->id }}">{{ $labelCategoria }}</label>
                                </div>
                                @endforeach
                            </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.help_currency_local') }}</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" id="moedaOrcamento{{ $codigoMoeda }}" value="{{ $codigoMoeda }}" {{ $moedaSelecionada === $codigoMoeda ? 'checked' : '' }}>
                                    <label class="form-check-label" for="moedaOrcamento{{ $codigoMoeda }}">{{ $codigoMoeda }}</label>
                                </div>
                                @endforeach
                            </div>
                            <input type="hidden" id="moeda" name="dados[moeda]" value="{{ $moedaSelecionada }}">
                        </fieldset>
                    </div>
                </div>

                <div class="row mb-3">
                    <div class="col-md-3">
                        <label for="codigo" class="form-label">{{ __('orcamento.label_number') }}</label>
                        <input type="text" class="form-control" id="codigo" name="dados[codigo]" value="{{ old('codigo', $orcamento->codigo) }}" disabled>
                    </div>
                    <div class="col-md-3">
                        <label for="dataOrcamento" class="form-label required-field">{{ __('orcamento.label_date') }}</label>
                        <div class="input-group">
                            <input type="text" class="form-control datepicker" id="dataOrcamento"
                                style="z-index: 1 !important;"
                                name="dados[data_emissao]"
                                data-mask="date"
                                value="{{ old('data_emissao', $orcamento->data_emissao ? $orcamento->data_emissao->format('d/m/Y') : '') }}"
                                readonly required>
                            <span class="input-group-text"><i class="bi bi-calendar3"></i></span>
                        </div>
                        <div class="invalid-feedback">{{ __('orcamento.validation_date') }}</div>
                    </div>
                    <div class="col-md-3">
                        <label for="validadeOrcamento" class="form-label required-field">{{ __('orcamento.label_validity') }}</label>
                        <div class="input-group">
                            <input type="text" class="form-control datepicker" id="validadeOrcamento"
                                style="z-index: 1 !important;"
                                name="dados[data_validade]"
                                data-mask="date"
                                value="{{ old('data_validade', $orcamento->data_validade ? $orcamento->data_validade->format('d/m/Y') : '') }}"
                                readonly required>
                            <span class="input-group-text"><i class="bi bi-calendar3"></i></span>
                        </div>
                        <div class="invalid-feedback">{{ __('orcamento.validation_validity') }}</div>
                    </div>
                    <div class="col-md-3">
                        <label for="statusOrcamento" class="form-label">{{ __('orcamento.label_status') }}</label>
                        <select class="form-select" id="statusOrcamento" name="dados[status]">
                            <option value="{{ StatusOrcamento::AGUARDANDO_CLIENTE->value }}" {{ $orcamento->status == StatusOrcamento::AGUARDANDO_CLIENTE->value ? 'selected' : '' }}>{{ StatusOrcamento::AGUARDANDO_CLIENTE->value }}</option>
                            <option value="{{ StatusOrcamento::APROVADO_CLIENTE->value }}" {{ $orcamento->status == StatusOrcamento::APROVADO_CLIENTE->value ? 'selected' : '' }}>{{ StatusOrcamento::APROVADO_CLIENTE->value }}</option>
                            <option value="{{ StatusOrcamento::CONVERTIDO_VENDA->value }}" {{ $orcamento->status == StatusOrcamento::CONVERTIDO_VENDA->value ? 'selected' : '' }}>{{ StatusOrcamento::CONVERTIDO_VENDA->value }}</option>
                            <option value="{{ StatusOrcamento::CANCELADO->value }}" {{ $orcamento->status == StatusOrcamento::CANCELADO->value ? 'selected' : '' }}>{{ StatusOrcamento::CANCELADO->value }}</option>
                        </select>
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col-md-6">
                        <label for="clienteOrcamento" class="form-label required-field">{{ __('orcamento.label_client') }}</label>
                        <select class="form-select" id="clienteOrcamento" name="dados[cliente_id]" required>
                            <option value="">{{ __('orcamento.placeholder_select') }}</option>
                            @foreach($clientes as $cliente)
                            <option value="{{ $cliente->id }}" {{ $orcamento->cliente_id == $cliente->id ? 'selected' : '' }}>{{ $cliente->nome_fantasia ?? $cliente->razao_social }}</option>
                            @endforeach
                        </select>
                        <div class="invalid-feedback">{{ __('orcamento.validation_client') }}</div>
                    </div>
                    <div class="col-md-3">
                        <label for="tipoServico" class="form-label required-field">{{ __('orcamento.label_service_type') }}</label>
                        <select class="form-select" id="tipoServico" name="dados[tipo_servico_id]" required>
                            <option value="">{{ __('orcamento.placeholder_select') }}</option>
                            @if(isset($tiposServico))
                            @foreach($tiposServico as $tipo)
                            <option value="{{ $tipo->id }}" data-categoria-id="{{ $tipo->categoria_servico_id }}" {{ $orcamento->tipo_servico_id == $tipo->id ? 'selected' : '' }}>{{ $tipo->nome_exibicao ?? $tipo->nome }}</option>
                            @endforeach
                            @endif
                        </select>
                        <div class="invalid-feedback">
                            {{ __('orcamento.validation_service_type') }}
                        </div>
                    </div>
                    <div class="col-md-3">
                        <label for="prazoEntrega" class="form-label">{{ __('orcamento.label_delivery_deadline') }}</label>
                        <input type="text" class="form-control" id="prazoEntrega" name="dados[prazo_entrega]" value="{{ old('prazo_entrega', $orcamento->prazo_entrega) }}" placeholder="Ex: 30 dias úteis">
                        <div class="invalid-feedback">
                            {{ __('orcamento.validation_delivery_deadline') }}
                        </div>
                    </div>
                </div>

                <div class="row mb-3">
                    <div class="col-md-12">
                        <label for="descricaoOrcamento" class="form-label required-field">{{ __('orcamento.label_project_description') }}</label>
                        <textarea class="form-control" id="descricaoOrcamento" name="dados[descricao_projeto]" rows="3" required>{{ old('descricao_projeto', $orcamento->descricao_projeto) }}</textarea>
                        <div class="invalid-feedback">
                            {{ __('orcamento.validation_project_description') }}
                        </div>
                    </div>
                </div>

                <h5 class="mt-4 mb-3">{{ __('orcamento.label_items') }}</h5>

                <div class="table-responsive mb-3">
                    <table class="table table-bordered" id="tabelaItensOrcamento" data-moeda="{{ $moedaSelecionada }}">
                        <thead class="table-light">
                            <tr>
                                <th style="width: 5%">#</th>
                                <th style="width: 17%">{{ __('orcamento.label_service_item') }}</th>
                                <th style="width: 19%">{{ __('orcamento.label_description') }}</th>
                                <th style="width: 9%">{{ __('orcamento.label_people_count') }}</th>
                                <th style="width: 10%">{{ __('orcamento.label_quantity_short') }}</th>
                                <th style="width: 10%">{{ __('orcamento.label_unit_short') }}</th>
                                <th style="width: 10%">{{ __('orcamento.label_unit_price_short') }}</th>
                                <th style="width: 10%">{{ __('orcamento.label_total_short') }}</th>
                                <th style="width: 5%">{{ __('orcamento.label_actions') }}</th>
                            </tr>
                        </thead>
                        <tbody id="itensOrcamento">
                            @foreach($servicosOrcamento as $index => $item)
                            <tr>
                                <td>{{ $index + 1 }}
                                    <input type="hidden" name="itens[{{ $index }}][id]" value="{{ $item->id ?? '' }}">
                                </td>
                                <td>
                                    <select class="form-select form-select-sm" name="itens[{{ $index }}][servico_id]" onchange="buscarValorUnitario(this)" required>
                                        <option value="0">Selecione o serviço...</option>
                                        @foreach($servicos ?? [] as $servico)
                                        <option value="{{ $servico->id }}" {{ $item->servico_id == $servico->id ? 'selected' : '' }}>{{ $servico->nome_exibicao ?? $servico->nome }}</option>
                                        @endforeach
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" name="itens[{{ $index }}][descricao]" value="{{ $item->descricao ?? '' }}" placeholder="Descrição do serviço" required>
                                </td>
                                <td>
                                    <input type="number" class="form-control form-control-sm" name="itens[{{ $index }}][pessoas]" min="1" value="{{ $item->pessoas ?? 1 }}" required>
                                </td>
                                <td>
                                    <input type="number" class="form-control form-control-sm" name="itens[{{ $index }}][quantidade]" min="1" value="{{ $item->quantidade ?? 1 }}" required>
                                </td>
                                <td>
                                    <select class="form-select form-select-sm" id="unidade{{ $index }}" name="itens[{{ $index }}][unidade]" required>
                                        @foreach($unidades ?? [] as $unidade)
                                        <option value="{{ $unidade->tipo }}" {{ $item->unidade == $unidade->tipo ? 'selected' : '' }}>{{ $unidade->unidade }}</option>
                                        @endforeach
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" name="itens[{{ $index }}][valor_unitario]" value="{{ $item->valor_unitario_formatado_exibicao ?? \App\Helpers\MoneyHelper::formatarPorMoeda($item->valor_unitario ?? 0, $moedaSelecionada) }}" onblur="formatarValorUnitarioItens()" required>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" name="itens[{{ $index }}][valor_total]" value="{{ $item->valor_total_formatado_exibicao ?? \App\Helpers\MoneyHelper::formatarPorMoeda($item->valor_total ?? 0, $moedaSelecionada) }}" readonly>
                                </td>
                                <td class="text-center">
                                    <button type="button" class="btn btn-sm btn-danger btn-remover-item" onclick="removerItemOrcamentoLocal(this)">
                                        <i class="bi bi-trash"></i>
                                    </button>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                        <tfoot>
                            <tr>
                                <td colspan="9">
                                    <button type="button" class="btn btn-sm btn-success" id="btnadicionarItemOrcamento" onclick="adicionarItemOrcamento()">
                                        <i class="bi bi-plus-circle me-1"></i>Adicionar Item
                                    </button>
                                </td>
                            </tr>
                        </tfoot>
                    </table>
                </div>

                <!-- Seção de Condições de Pagamento -->
                <div class="row mb-3">
                    <div class="col-md-12">
                        <div class="row">
                            <!-- Coluna esquerda: Campos de condições de pagamento -->
                            <div class="col-md-6">
                                <div class="border border-secondary-subtle rounded p-3 h-100 bg-light-subtle">
                                    <div class="d-flex align-items-center mb-3 pb-2 border-bottom border-secondary-subtle">
                                        <i class="bi bi-credit-card text-primary me-2"></i>
                                        <h6 class="mb-0 text-primary">{{ __('orcamento.label_payment_conditions_title') }}</h6>
                                    </div>
                                    <div class="row mb-3">
                                        <div class="col-md-6">
                                            <label for="formaPagamento" class="form-label">{{ __('orcamento.label_payment_method_title') }}</label>
                                            <select class="form-select" id="formaPagamento" name="dados[forma_pagamento]">
                                                <option value="">Selecione...</option>
                                                @foreach($formasPagamento ?? [] as $forma)
                                                <option value="{{ $forma->codigo }}" {{ old('forma_pagamento', $orcamento->condicoesPagamento->forma_pagamento ?? '') == $forma->codigo ? 'selected' : '' }}>{{ $forma->nome }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="col-md-6">
                                            <label for="tipoPagamento" class="form-label">{{ __('orcamento.label_payment_type_title') }}</label>
                                            <select class="form-select" id="tipoPagamento" name="dados[tipo_pagamento]">
                                                <option value="">Selecione...</option>
                                                <option value="À Vista" {{ old('tipo_pagamento', $orcamento->condicoesPagamento->tipo_pagamento ?? '') == 'À Vista' ? 'selected' : '' }}>À Vista</option>
                                                @php
                                                    $tipoPagamentoSelecionado = old('tipo_pagamento', $orcamento->condicoesPagamento->tipo_pagamento ?? '');
                                                    $tipoPagamentoSelecionado = match($tipoPagamentoSelecionado) {
                                                        '3x Sem Juros' => '3',
                                                        '6x Sem Juros' => '6',
                                                        '12x Sem Juros' => '12',
                                                        default => $tipoPagamentoSelecionado,
                                                    };
                                                @endphp
                                                @for($numeroParcelas = 2; $numeroParcelas <= 12; $numeroParcelas++)
                                                <option value="{{ $numeroParcelas }}" {{ (string) $tipoPagamentoSelecionado === (string) $numeroParcelas ? 'selected' : '' }}>{{ $numeroParcelas }}x Sem Juros</option>
                                                @endfor
                                            </select>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <label for="dataVencimento" class="form-label">{{ __('orcamento.label_due_date') }}</label>
                                            <div class="input-group">
                                                <input type="text" class="form-control datepicker" id="dataVencimento"
                                                    style="z-index: 1 !important;"
                                                    name="dados[data_vencimento_preferida]"
                                                    data-mask="date"
                                                    value="{{ old('data_vencimento_preferida', $orcamento->condicoesPagamento && $orcamento->condicoesPagamento->data_vencimento ? $orcamento->condicoesPagamento->data_vencimento->format('d/m/Y') : '') }}"
                                                    readonly>
                                                <span class="input-group-text"><i class="bi bi-calendar3"></i></span>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <label for="valorEntrada" class="form-label">{{ __('orcamento.label_entry_value') }}</label>
                                            <div class="input-group">
                                                <span class="input-group-text js-moeda-simbolo">{{ \App\Helpers\MoneyHelper::simboloMoeda($moedaSelecionada) }}</span>
                                                <input type="text" class="form-control money" id="valorEntrada" name="dados[valor_entrada]" 
                                                       value="{{ old('valor_entrada', $orcamento->condicoesPagamento->valor_entrada ?? 0) }}">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- Coluna direita: Resumo financeiro -->
                            <div class="col-md-6">
                                <div class="border border-secondary-subtle rounded p-3 h-100 bg-light-subtle">
                                    <div class="d-flex align-items-center mb-3 pb-2 border-bottom border-secondary-subtle">
                                        <i class="bi bi-calculator text-primary me-2"></i>
                                        <h6 class="mb-0 text-primary">{{ __('orcamento.label_financial_summary') }}</h6>
                                    </div>
                                    <div id="resumoOrcamento">
                                        <div class="d-flex justify-content-between mb-3">
                                            <span>{{ __('orcamento.label_subtotal') }}:</span>
                                            <span id="subtotalOrcamento" class="text-nowrap ms-4" data-mask="money">{{ \App\Helpers\MoneyHelper::formatarPorMoeda($orcamento->subtotal ?? 0, $moedaSelecionada) }}</span>
                                        </div>
                                        <div class="d-flex justify-content-between mb-3">
                                            <div class="input-group input-group-sm">
                                                <span class="input-group-text">{{ __('orcamento.label_discount') }}</span>
                                                <input type="text" class="form-control form-control-sm" id="descontoOrcamento" name="dados[desconto]" value="{{ $orcamento->desconto }}" data-mask="percent" placeholder="0.0" onchange="calcularTotaisOrcamento()">
                                                <span class="input-group-text">%</span>
                                            </div>
                                            <span id="valorDescontoOrcamento" class="text-nowrap ms-4">{{ \App\Helpers\MoneyHelper::formatarPorMoeda($orcamento->valor_desconto ?? 0, $moedaSelecionada) }}</span>
                                        </div>
                                        <div class="d-flex justify-content-between fw-bold border-top border-secondary-subtle pt-2">
                                            <span>{{ __('orcamento.label_total') }}:</span>
                                            <span id="totalOrcamento" class="text-nowrap ms-4 text-success fs-5" data-mask="money">{{ \App\Helpers\MoneyHelper::formatarPorMoeda($orcamento->total ?? 0, $moedaSelecionada) }}</span>
                                        </div>
                                        
                                        <!-- Campos hidden para enviar os totais calculados -->
                                        <input type="hidden" id="subtotalHidden" name="dados[subtotal]" value="{{ $orcamento->subtotal }}">
                                        <input type="hidden" id="valorDescontoHidden" name="dados[valor_desconto]" value="{{ $orcamento->valor_desconto }}">
                                        <input type="hidden" id="totalHidden" name="dados[total]" value="{{ $orcamento->total }}">
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <!-- Campo de observações em linha separada -->
                        <div class="row mt-3">
                            <div class="col-md-12">
                                <label for="observacoesPagamento" class="form-label">{{ __('orcamento.label_observations_payment') }}</label>
                                <textarea class="form-control" id="observacoesPagamento" name="dados[observacoes_pagamento]" rows="2">{{ $orcamento->condicoesPagamento->observacoes ?? '' }}</textarea>
                            </div>
                        </div>
                        
                        <!-- Preview das Parcelas -->
                        <div class="row mt-3">
                            <div class="col-md-12">
                                <div id="preview-parcelas" style="display: none;"></div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row mb-3">
                    <div class="col-md-12">
                        <label for="observacoesOrcamento" class="form-label">{{ __('orcamento.label_observations') }}</label>
                        <textarea class="form-control" id="observacoesOrcamento" name="dados[observacoes]" rows="3">{{ old('observacoes', $orcamento->observacoes) }}</textarea>
                    </div>
                </div>

                <div class="d-grid gap-2 d-md-flex justify-content-md-end mt-4">
                    <button type="button" class="btn btn-sm btn-outline-secondary me-md-2" onclick="voltarParaListagemFiltrada('orcamentos', `{{ route('operacoes.orcamento') }}?moeda={{ urlencode($moedaSelecionada) }}`)">
                        <i class="bi bi-x-circle me-2"></i>{{ __('orcamento.button_cancel') }}
                    </button>
                    <button type="button" class="btn btn-sm btn-primary" onclick="atualizar(`{{ route('operacoes.orcamento.update', $orcamento->id) }}?moeda={{ urlencode($moedaSelecionada) }}`, 'formEditarOrcamento')">
                        <i class="bi bi-check-circle me-2"></i>{{ __('orcamento.button_save') }}
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>