@php
    use App\Models\ConfiguradorProduto\Categorias\Categoria;use App\Models\ConfiguradorProduto\Proposta\PropostaOrcamentoItem;use App\Models\Unico\UnidadeMedida;use App\Services\Configprodutos\Proposta\PropostaOrcamentoItensValidacaoService;use App\Services\ItensValidacaoService;use App\Structural\Enums\ConfigProduto\Orcamento\TipoFrete;
@endphp
@extends('layouts.secundario.create')

@php
    $propostaOrcamento = $model->propostaOrcamentoAtivo()->firstOrNew();
@endphp

@section('fields')
    <!-- ID -->
    <x-form.monta-campo
        :route="$acao->slug"
        :coluna="$model->getCampoByName('id')"
        :registro="$model"
        :valor="old('id', $model->id)">
    </x-form.monta-campo>

    <!-- Tipo Orçamento -->
    <x-form.monta-campo
        :route="$acao->slug"
        :coluna="$model->getCampoByName('tipo_orcamento_id')"
        :registro="$model"
        :valor="old('tipo_orcamento_id', $model->tipo_orcamento_id)">
    </x-form.monta-campo>

    <!-- Cliente -->
    <x-form.monta-campo
        :route="$acao->slug"
        :coluna="$model->getCampoByName('cliente_id')"
        :registro="$model"
        :valor="old('cliente_id', $model->cliente_id)">
    </x-form.monta-campo>

    <!-- Representante  -->
    <x-form.monta-campo
        :route="$acao->slug"
        :coluna="$model->getCampoByName('representante_id')"
        :registro="$model"
        :valor="old('representante_id', $model->representante_id)">
    </x-form.monta-campo>

    <x-form.monta-campo
        :route="$acao->slug"
        :coluna="$model->getCampoByName('endereco_entrega_id')"
        :registro="$model"
        :valor="$model?->endereco_entrega_id">
    </x-form.monta-campo>

    <hr style="border: none; width: 100%">

    <x-accordion.accordion id="acc-informacoes">
        <x-accordion.item id="acc-item-informacoes" title="Informações" open="0">
            <div class="row">
                <x-form.inputs.hidden
                    name="propostaOrcamentos[0][id]"
                    :route="$acao->slug"
                    :value='$propostaOrcamento->getKey()'>
                </x-form.inputs.hidden>

                <x-form.monta-campo
                    :route="$acao->slug"
                    :coluna="$propostaOrcamento->getCampoByName('condicao_pagamento_id')"
                    :registro="$propostaOrcamento"
                    :valor="$propostaOrcamento?->condicao_pagamento_id"
                    name="propostaOrcamentos[0][condicao_pagamento_id]">
                </x-form.monta-campo>


                <x-form.monta-campo
                    :route="$acao->slug"
                    :coluna="$propostaOrcamento->getCampoByName('forma_pagamento_id')"
                    :registro="$propostaOrcamento"
                    :valor="$propostaOrcamento?->forma_pagamento_id"
                    name="propostaOrcamentos[0][forma_pagamento_id]">
                </x-form.monta-campo>

                <x-form.monta-campo
                    :route="$acao->slug"
                    :coluna="$propostaOrcamento->getCampoByName('tabela_preco_id')"
                    :registro="$propostaOrcamento"
                    :valor="$propostaOrcamento?->tabela_preco_id"
                    name="propostaOrcamentos[0][tabela_preco_id]">
                </x-form.monta-campo>

                <x-form.monta-campo
                    :route="$acao->slug"
                    :coluna="$propostaOrcamento->getCampoByName('percentual_desconto')"
                    :registro="$propostaOrcamento"
                    :valor="$propostaOrcamento?->percentual_desconto"
                    customClass="js-orcamento-desconto-total"
                    name="propostaOrcamentos[0][percentual_desconto]">
                </x-form.monta-campo>

                <x-form.monta-campo
                    :route="$acao->slug"
                    :coluna="$propostaOrcamento->getCampoByName('valor_desconto')"
                    :registro="$propostaOrcamento"
                    :valor="$propostaOrcamento?->valor_desconto"
                    name="propostaOrcamentos[0][valor_desconto]">
                </x-form.monta-campo>

                <x-form.monta-campo
                    :route="$acao->slug"
                    :coluna="$propostaOrcamento->getCampoByName('observacao')"
                    :registro="$propostaOrcamento"
                    :valor="$propostaOrcamento?->observacao"
                    name="propostaOrcamentos[0][observacao]">
                </x-form.monta-campo>

                <div class="hidden">
                    <x-form.monta-campo
                        :route="$acao->slug"
                        :coluna="$propostaOrcamento->getCampoByName('config')"
                        :registro="$propostaOrcamento"
                        :valor="$propostaOrcamento?->config"
                        name="propostaOrcamentos[0][config]">
                    </x-form.monta-campo>
                </div>

                <hr style="border: none; width: 100%">

                <x-accordion.accordion id="acc-config">
                    <x-accordion.item id="acc-item-config" title="Configurações" open="0">
                        <ul class="nav nav-tabs" id="tabConfig">
                        </ul>
                        <div id="divConfig" class="row">
                        </div>
                    </x-accordion.item>
                </x-accordion.accordion>
            </div>
        </x-accordion.item>
    </x-accordion.accordion>

    <hr style="border: none; width: 100%">

    <x-accordion.accordion id="acc-produtos">
        <x-accordion.item id="acc-item-produtos" title="Produtos" open="1">
            <x-repeater.repeater
                :defaultStyle="false"
                id="itens"
                name="propostaOrcamentos[0][propostaOrcamentoItens]"
                custom-class="repeater-orcamento"
                linhasIniciais="1"
                :route="$acao->slug">
                <div class="row">
                    <div class="espaco-indicador"></div>
                    <div class="orcamento-header-produtos">
                        <div class="row">
                            <div class="col-1 p-1" style="width: 11%">Categoria<span class="text-danger">*</span></div>
                            <div class="col-2 p-1" style="width: 17%">Produto</div>
                            <div class="col-2 p-1">Descrição</div>
                            <div class="col-1 p-1">Und.Medida <span class="text-danger">*</span></div>
                            <div class="col-1 p-1">Quantidade <span class="text-danger">*</span></div>
                            <div class="col-1 p-1">Valor Unit.</div>
                            <div class="col-1 p-1">Variação</div>
                            <div class="col-1 p-1">Desc. (%)</div>
                            <div class="col-1 p-1">Valor Prod.</div>
                            <div class="col-1 p-1">Valor Desc.</div>
                            <div class="col-1 p-1">Valor Total</div>
                        </div>
                    </div>
                    <div class="header-acoes"></div>
                </div>
                @php
                    $propostaOrcamentoItens = $propostaOrcamento?->propostaOrcamentoItens()->exists() ? $propostaOrcamento?->propostaOrcamentoItens : [new PropostaOrcamentoItem()]
                @endphp
                @foreach($propostaOrcamentoItens as $rowPosition => $propostaOrcamentoItem)
                    @php $isKit = $propostaOrcamentoItem->categoria?->subcategorias()->exists(); @endphp
                    <x-repeater.repeater-item :custom-button="true" :custom-button-class="'success btn-collapse collapse-orcamento'" :custom-button-icon="'fa-solid fa-chevron-up'" :route="$acao->slug">
                        <div class="row linha-produto @if($propostaOrcamentoItem->propostaOrcamentoItemCategorias()->exists()) linha-subcategoria @endif">
                            <div class="espaco-indicador"></div>
                            <div class="linha-orcamento">
                                <x-form.inputs.hidden
                                    name="id"
                                    :route="$acao->slug"
                                    :value='$propostaOrcamentoItem->getKey()'>
                                </x-form.inputs.hidden>
                                <div class="col-1" style="width: 11%">
                                    <x-form.inputs.select
                                        name="categoria_id"
                                        class="col-categoria"
                                        :customClass="$isKit ? 'kit' : null"
                                        :route="$acao->slug"
                                        :options="Categoria::query()->whereNull('pai_id')->orderBy('ordem')->get()->pluck('descricao', 'id')->toArray()"
                                        :value='old("produtos.$rowPosition.categoria_id", $propostaOrcamentoItem->categoria_id)'>
                                    </x-form.inputs.select>
                                </div>
                                <div class="col-2 col-produtos" style="width: calc(17% - 24.75px); border-right: none">
                                    <select @class(['form-control', 'selectpicker']) @if($isKit) disabled @endif data-live-search="true" name="produto_id" placeholder="Selecione...">
                                        @if(old("produtos.$rowPosition.categoria_id", $propostaOrcamentoItem->categoria_id))
                                            @foreach($propostaOrcamentoItem->listaProdutosOuCategorias() as $grupo)
                                                <optgroup label="{{$grupo['agrupador']}}" data-agrupador="{{$grupo['id']}}">
                                                    @foreach($grupo['produtos'] as $produto)
                                                        <option
                                                            @if(old("produtos.$rowPosition.produto_id", $propostaOrcamentoItem->produto_id) == $produto['id']) selected @endif
                                                        value="{{$produto['id']}}" data-descricao-orcamento="{{$produto['descricao_orcamento']}}">{{$produto['descricao']}}
                                                        </option>
                                                    @endforeach
                                                </optgroup>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                                @php
                                    $arrayVariacoes = $propostaOrcamentoItem ?
                                        PropostaOrcamentoItensValidacaoService::montaoJson($propostaOrcamentoItem) :
                                        $categoria->itensVariacao();
                                    $count = 0;
                                @endphp
                                <div class="icone-variacoes">
                                    <input type="hidden" id="variacoes" disabled name="json-variacoes" value="{{json_encode($arrayVariacoes)}}">
                                    <i class="fa-regular fa-square-plus"></i>
                                </div>
                                <div class="inputs-variacoes">
                                    @foreach($arrayVariacoes as $variacao)
                                        @foreach($variacao['itens'] as $item)
                                            <input type="hidden" name="propostaOrcamentoItemVariacoes[{{$count}}][id]" value="{{$item['id']}}">
                                            <input type="hidden" name="propostaOrcamentoItemVariacoes[{{$count}}][variacao_item_id]" value="{{$item['item_id']}}">
                                            <input type="hidden" name="propostaOrcamentoItemVariacoes[{{$count}}][percentual_sobre_valor]" value="{{$item['percentual_sobre_valor']}}">
                                            <input type="hidden" name="propostaOrcamentoItemVariacoes[{{$count}}][valor_referencia]" value="{{$item['valor_referencia']}}">
                                            <input type="hidden" name="propostaOrcamentoItemVariacoes[{{$count}}][situacao]" @if(!$item['ativo']) value="0" @else value="1" @endif>
                                            @php $count++; @endphp
                                        @endforeach
                                    @endforeach
                                </div>
                                <div class="col-2 col-descricao">
                                    <x-form.inputs.text
                                        name="descricao"
                                        :value='old("produtos.$rowPosition.categoria_id", $propostaOrcamentoItem->descricao)'
                                        :route="$acao->slug">
                                    </x-form.inputs.text>
                                </div>
                                <div class="col-1">
                                    <x-form.inputs.select
                                        name="unidade_medida_id"
                                        :value='old("produtos.$rowPosition.unidade_medida_id", $propostaOrcamentoItem->unidade_medida_id)'
                                        :options="UnidadeMedida::all()->pluck('descricao', 'id')->toArray()"
                                        :route="$acao->slug">
                                    </x-form.inputs.select>
                                </div>
                                <div class="col-1 col-quantidade">
                                    <x-form.inputs.number
                                        name="quantidade"
                                        :value='old("produtos.$rowPosition.quantidade", $propostaOrcamentoItem->quantidade ?? 0)'
                                        :length="['max' => 100, 'min' => 0, 'decimais' => 2]"
                                        :route="$acao->slug">
                                    </x-form.inputs.number>
                                </div>
                                <div class="col-1">
                                    <x-form.inputs.number
                                        name="preco_unitario"
                                        :required="false"
                                        :readonly="$propostaOrcamentoItem->propostaOrcamentoItemCategorias()->exists()"
                                        :length="['min' => 0, 'max' => null, 'decimais' => 2]"
                                        :value='old("produtos.$rowPosition.preco_unitario", $propostaOrcamentoItem->preco_unitario ?? 0)'
                                        :route="$acao->slug">
                                    </x-form.inputs.number>
                                </div>
                                <div class="col-1">
                                    <x-form.inputs.number
                                        name="preco_variacoes"
                                        :required="false"
                                        :readonly="true"
                                        :length="['min' => 0, 'max' => null, 'decimais' => 2]"
                                        :value='old("produtos.$rowPosition.preco_variacoes", $propostaOrcamentoItem->preco_variacoes ?? 0)'
                                        :route="$acao->slug">
                                    </x-form.inputs.number>
                                </div>
                                <div class="col-1">
                                    <x-form.inputs.number
                                        name="percentual_desconto"
                                        :readonly="$propostaOrcamentoItem->propostaOrcamentoItemCategorias()->exists()"
                                        :required="false"
                                        :value='old("produtos.$rowPosition.percentual_desconto", $propostaOrcamentoItem->percentual_desconto ?? 0)'
                                        :length="['min' => 0, 'max' => 100, 'decimais' => 2]"
                                        :route="$acao->slug">
                                    </x-form.inputs.number>
                                </div>
                                <div class="col-1">
                                    <x-form.inputs.number
                                        name="valor_produto"
                                        :required="false"
                                        :readonly="true"
                                        :length="['decimais' => 2]"
                                        :value='old("produtos.$rowPosition.valor_produto", $propostaOrcamentoItem->valorTotal ?? 0)'
                                        :route="$acao->slug">
                                    </x-form.inputs.number>
                                </div>
                                <div class="col-1">
                                    <x-form.inputs.number
                                        name="valor_desconto"
                                        :required="false"
                                        :readonly="true"
                                        :value='old("produtos.$rowPosition.valor_desconto", $propostaOrcamentoItem->valorDesconto ?? 0)'
                                        :length="['decimais' => 2]"
                                        :route="$acao->slug">
                                    </x-form.inputs.number>
                                </div>
                                <div class="col-1">
                                    <x-form.inputs.number
                                        name="valor_total"
                                        :required="false"
                                        :readonly="true"
                                        :value='old("produtos.$rowPosition.valor_total", $propostaOrcamentoItem->valorFinal + $propostaOrcamentoItem->preco_variacoes ?? 0)'
                                        :length="['decimais' => 2]"
                                        :route="$acao->slug">
                                    </x-form.inputs.number>
                                </div>
                            </div>
                        </div>
                        <div @class(['card', 'border-top-0', 'collapse', 'show' => $propostaOrcamentoItem->propostaOrcamentoItemCategorias()->exists()]) style="border: none">
                            <div class="card-body" repeater-clone-ignore>
                                <div class="row">
                                    <div class="espaco-indicador"></div>
                                    <div class="col-6" style="display:flex; width: calc(51% - 9px)">
                                        <div class="selecao-subcategoria"></div>
                                        <div class="colunas-subcategoria">
                                            <div class="col-4 p-1">Categoria <span class="required-asterisk text-danger">*</span></div>
                                            <div class="col-4 p-1">Produto</div>
                                            <div class="col-4 p-1">Descrição</div>
                                        </div>
                                    </div>
                                    <div class="col-6" style="width: calc(49% - 7px)"></div>
                                </div>
                                <span class="subcategorias">
                                    @if($propostaOrcamentoItem->propostaOrcamentoItemCategorias()->exists())
                                        <x-configprodutos.proposta.conteiner-subcategoria
                                            :route="$acao->slug"
                                            :categoriaPai="$propostaOrcamentoItem->categoria"
                                            :propostaOrcamentoItemCategorias="$propostaOrcamentoItem->propostaOrcamentoItemCategorias"
                                            :row="$rowPosition">
                                        </x-configprodutos.proposta.conteiner-subcategoria>
                                    @endif
                                </span>
                            </div>
                        </div>
                    </x-repeater.repeater-item>
                @endforeach
            </x-repeater.repeater>
        </x-accordion.item>
    </x-accordion.accordion>

    <hr style="border: none; width: 100%">

    <x-accordion.accordion id="acc-frete">
        <x-accordion.item id="acc-item-frete" title="Frete" open="0">
            <div class="row">
                <div class="col-2 soel-form-field">
                    <x-form.inputs.select
                        label="Tipo Frete"
                        id="tipo_frete"
                        name="propostaOrcamentos[0][tipo_frete]"
                        :required="true"
                        value="{{$propostaOrcamento?->tipo_frete ?? 0}}"
                        :options="TipoFrete::valuesAssociative()"
                        :route="$acao->slug">
                    </x-form.inputs.select>
                </div>
                <x-form.monta-campo
                    :route="$acao->slug"
                    :coluna="$propostaOrcamento->getCampoByName('tabela_frete_id')"
                    :registro="$propostaOrcamento"
                    :valor="$propostaOrcamento?->tabela_frete_id"
                    name="propostaOrcamentos[0][tabela_frete_id]">
                </x-form.monta-campo>
                <div class="col-2 soel-form-field">
                    <x-form.inputs.select
                        label="Destino"
                        id="tabela_frete_item_id"
                        name="propostaOrcamentos[0][tabela_frete_item_id]"
                        :required="false"
                        value="{{$propostaOrcamento?->tabela_frete_item_id}}"
                        :options="$propostaOrcamento?->tabela_frete_id ? collect($propostaOrcamento?->tabelafrete->regioesAtivasToArray()['regioes'])->pluck('nome', 'regiao_id')->toArray() : []"
                        :route="$acao->slug">
                    </x-form.inputs.select>
                </div>
                <x-form.monta-campo
                    :route="$acao->slug"
                    :coluna="$propostaOrcamento->getCampoByName('valor_frete')"
                    :registro="$propostaOrcamento"
                    :valor="$propostaOrcamento?->valor_frete ?? 0"
                    name="propostaOrcamentos[0][valor_frete]">
                </x-form.monta-campo>
            </div>
        </x-accordion.item>
    </x-accordion.accordion>

    <hr style="border: none; width: 100%">

    <div class="col-12 d-inline-flex justify-content-end">
        <div class="col-8 d-inline-flex gap-2" style="align-items: flex-end">
            <div>
                <span class="fw-bold">Qtd. Categorias</span>
                <input class="form-control input-form js-orcamento-input-qtdCategorias" type="text" disabled>
            </div>
            <div>
                <span class="fw-bold">Valor Produto</span>
                <input class="form-control input-form js-orcamento-input-valorTotal decimal" type="text" disabled value="{{number_format($propostaOrcamento?->valorItens(), 2, '.', '')}}">
            </div>
            <div>
                <span class="fw-bold">Variações</span>
                <input class="form-control input-form js-orcamento-input-valorVariacoes decimal" type="text" disabled value="{{number_format($propostaOrcamento?->valorVariacoes(), 2, '.', '')}}">
            </div>
            <div>
                <span class="fw-bold">Valor Frete</span>
                <input class="form-control input-form js-orcamento-input-frete decimal" type="text" disabled value="{{number_format($propostaOrcamento?->frete, 2, '.', '')}}">
            </div>
            <div>
                <span class="fw-bold">Valor Desc.</span>
                <input class="form-control input-form js-orcamento-input-desconto decimal" type="text" disabled value="{{number_format($propostaOrcamento?->descontoEmValor(), 2, '.', '')}}">
            </div>
            <div>
                <span class="fw-bold">Valor Total</span>
                <input class="form-control input-form js-orcamento-input-valorFinal decimal" type="text" disabled value="{{number_format($propostaOrcamento?->valorTotal(), 2, '.', '')}}">
            </div>
        </div>
    </div>

    <hr style="border: none; width: 100%">

    @if($model->exists && $acao->slug === \App\Structural\Enums\Estrutura\Acao::EDITAR->slug())
        <div class="col-12 d-inline-flex justify-content-end">
            <div class="col-4 d-inline-flex gap-2" style="justify-content: flex-end">
                Salvar nova versão <input type="checkbox" name="propostaOrcamentos[0][gerar_versionamento]">
            </div>
        </div>
    @endif

    <link rel="stylesheet" type="text/css" href="{{asset('/css/especificos/configuradorproduto/orcamento/orcamento.css')}}"/>
@endsection
@section('script')
    <script src="{{ asset('/js/comportamento/configuradorproduto/proposta/proposta.js') }}" type="text/javascript"></script>
@endsection

@section('botoes')
    @if ($acao->slug === \App\Structural\Enums\Estrutura\Acao::EDITAR->slug())
        <button type="button"
                class="btn-acao success"
                data-bs-toggle="modal"
                data-bs-target="#modalAcaoSemTela"
                data-acaotitulo="Download"
                data-acaometodo="GET"
                data-route="/configproduto/proposta/download/{{$model->id}}"
                data-acao="download"
                title="Download">
            Download
            <i class="fa-solid fa-file-pdf"></i>
        </button>
    @endif
@endsection