@php
    use App\Models\ConfiguradorProduto\Categorias\Categoria;
    use App\Models\ConfiguradorProduto\Proposta\PropostaOrcamentoItem;
    use App\Models\Unico\Cadastros\UnidadeMedida;
    use App\Models\Unico\Pessoas\Representante;
    use App\Services\Configprodutos\Proposta\PropostaOrcamentoItensValidacaoService;
    use App\Services\ItensValidacaoService;
    use App\Structural\Enums\ConfigProduto\Orcamento\TipoFrete;
    use App\Structural\Enums\Situacao;
    use Illuminate\Support\Facades\Auth;

    try {
        $model->getCampoByName('finaliza');
    } catch (Exception $e) {
        $this->getOutput()->writeln("Removido: <error>{$rotina->nome}</error>");
    }

@endphp
@extends('layouts.secundario.create')

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

@section('titulo')
    @if(isset($acao))
        @switch($acao->slug)
            @case(\App\Structural\Enums\Estrutura\Acao::NOVO->slug())
                Inserindo
                @break
            @case(\App\Structural\Enums\Estrutura\Acao::EDITAR->slug())
                Editando
                @break
            @case(\App\Structural\Enums\Estrutura\Acao::VISUALIZAR->slug())
                Visualizando
                @break
            @default
                {{ $rotina->rotinaAcoes->where('acao_id', $acao->id)->first()->titulo }}
                @break
        @endswitch
    @endif
    @if(isset($rotina))
        {{$rotina->nome}}
    @else
        @yield('nome')
    @endif
    @if(isset($model) && $model->getValorId())
        #{{$model->getValorId()}}
    @endif

    | Versão #{{$model->propostaOrcamentoAtivo->versao ?? 1}}
@endsection

@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  -->
    @php
        $pessoaAuth = Auth::user()->pessoa;
        $representante = false;
        if($pessoaAuth){
            $representante = (bool)Representante::find(Auth::user()->pessoa->id);
        }
    @endphp
    <x-form.monta-campo
        :route="$acao->slug"
        :coluna="$model->getCampoByName('representante_id')"
        :registro="$model"
        :readOnly="$representante"
        :valor="old('representante_id', $representante ? $pessoaAuth->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>

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

    <x-form.monta-campo
        :route="$acao->slug"
        :coluna="$model->getCampoByName('dados_contato')"
        :registro="$model"
        :valor="$model?->dados_contato">
    </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"
                    :readonly="$representante"
                    :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="$model->getCampoByName('data_prevista_inspecao')"
                    :registro="$model"
                    :valor="$model?->data_prevista_inspecao">
                </x-form.monta-campo>

                <x-form.monta-campo
                    :route="$acao->slug"
                    :coluna="$model->getCampoByName('data_prevista_entrega')"
                    :registro="$model"
                    :valor="$model?->data_prevista_entrega">
                </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="btn-duplicar"></div>
                    <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: calc(17% - 50px)">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"
                                 style="width: 50px">Obs.
                            </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();
                        $existeItemCategoria = $propostaOrcamentoItem->propostaOrcamentoItemCategorias()->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="btn-duplicar">
                                <i class="fa-regular fa-copy"></i>
                            </div>
                            <div class="espaco-indicador"> {{ $rowPosition+1 }} </div>
                            <div class="linha-orcamento linha-item">
                                <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')->where('situacao', Situacao::ATIVA->value)->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% - 75px); border-right: none">
                                    <input type="hidden"
                                           name="agrupador_id" />
                                    <select
                                        @class(['form-control'])
                                        @if(!$existeItemCategoria) required @endif
                                        data-live-search="true"
                                        name="produto_id">

                                        <option value=""
                                                class="select-placeholder">Selecione...
                                        </option>
                                        @if(old("produtos.$rowPosition.produto_id", $propostaOrcamentoItem->produto_id))
                                            <option value="{{$propostaOrcamentoItem->produto_id}}" selected>
                                                {{$propostaOrcamentoItem->produto?->descricao_detalhada}}
                                            </option>
                                        @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"
                                     style="width: 50px">
                                    <x-form.inputs.hidden
                                        name="observacao"
                                        :value='old("produtos.$rowPosition.observacao", $propostaOrcamentoItem->observacao)'
                                        :route="$acao->slug">
                                    </x-form.inputs.hidden>
                                    <button class="orcamento-observacao">. . .</button>
                                </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() || $representante"
                                        :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() || $representante"
                                        :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->valorFinalComVariacao ?? 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="btn-duplicar"></div>
                                    <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="p-1">Categoria <span class="required-asterisk text-danger">*</span></div>
                                            <div class="p-1">Produto</div>
                                            <div class="p-1">Descrição</div>
                                        </div>
                                    </div>
                                    <div class="col-6"
                                         style="width: calc(49% - 37px)"></div>
                                </div>
                                <span class="subcategorias">
                                    @if($existeItemCategoria)
                                        <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('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/functions.js') }}" type="text/javascript"></script>

    <script>
        let representante = @json($representante);
    </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
    @if ($acao->slug === \App\Structural\Enums\Estrutura\Acao::NOVO->slug())
        <input type="hidden"
               name="salvar_editar"
               value="1">

        <button class="btn-acao success"
                type="submit">
            Salvar e Continuar Editando
        </button>
    @endif
@endsection