@php use App\Http\Controllers\ConfiguradorProduto\Categorias\ProdutoPorCategoriaService;use App\Http\Controllers\ConfiguradorProduto\Categorias\SubcategoriaPorCategoriaService;use App\Models\ConfiguradorProduto\Categorias\Categoria;use App\Models\ConfiguradorProduto\Orcamento\OrcamentoItem;use App\Models\ConfiguradorProduto\TabelaPrecos\TabelaFrete;use App\Models\Unico\UnidadeMedida;use App\Models\Unico\Financas\Moeda;use App\Services\ItensValidacaoService;use App\Structural\Enums\ConfigProduto\Orcamento\TipoFrete;use App\Structural\Enums\Situacao;@endphp
@extends('layouts.app.create')

@php
    $uniqueid = uniqid();
@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>

    <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">
                <!-- Condição Pagamento  -->
                <x-form.monta-campo
                    :route="$acao->slug"
                    :coluna="$model->getCampoByName('condicao_pagamento_id')"
                    :registro="$model"
                    :valor="old('condicao_pagamento_id', $model->condicao_pagamento_id)">
                </x-form.monta-campo>

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

                <!-- Tabela Preço -->
                <x-form.monta-campo
                    :route="$acao->slug"
                    :coluna="$model->getCampoByName('tabela_preco_id')"
                    :registro="$model"
                    :valor="old('tabela_preco_id', $model->tabela_preco_id)">
                </x-form.monta-campo>

                <!-- Situação -->
                <x-form.monta-campo
                    :route="$acao->slug"
                    :coluna="$model->getCampoByName('situacao_id')"
                    :registro="$model"
                    :valor="old('situacao_id', $model->situacao_id)">
                </x-form.monta-campo>

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

                <!-- Desconto Total -->
                <x-form.monta-campo
                    :route="$acao->slug"
                    :coluna="$model->getCampoByName('percentual_desconto')"
                    :registro="$model"
                    :valor="old('percentual_desconto', $model->percentual_desconto)"
                    customClass="js-orcamento-desconto-total">
                </x-form.monta-campo>

                <!-- Usuario Geração -->

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

                <!-- Data prevista Medição -->
                <x-form.monta-campo
                    :route="$acao->slug"
                    :coluna="$model->getCampoByName('data_prevista_inspecao')"
                    :registro="$model"
                    :valor="old('data_prevista_inspecao', $model->data_prevista_inspecao)">
                </x-form.monta-campo>

                <!-- Observação -->
                <x-form.monta-campo
                    :route="$acao->slug"
                    :coluna="$model->getCampoByName('observacao')"
                    :registro="$model"
                    :valor="old('observacao', $model->observacao)">
                </x-form.monta-campo>

                <!-- Data Geração -->
                <x-form.monta-campo
                    :route="$acao->slug"
                    :coluna="$model->getCampoByName('data_geracao')"
                    :registro="$model"
                    :valor="old('data_geracao', $model->data_geracao)">
                </x-form.monta-campo>

                <!-- Hora Geração -->
                <x-form.monta-campo
                    :route="$acao->slug"
                    :coluna="$model->getCampoByName('hora_geracao')"
                    :registro="$model"
                    :valor="old('hora_geracao', $model->hora_geracao)">
                </x-form.monta-campo>

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

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

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

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

                <div class="hidden">
                    <x-form.monta-campo
                        :route="$acao->slug"
                        :coluna="$model->getCampoByName('config')"
                        :registro="$model"
                        :valor="old('config', $model->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="itens"
                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>
                @foreach($model->itens()->exists() ? $model->itens : [new OrcamentoItem()] as $rowPosition => $item)
                    @php $isKit = $item->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($item->orcamentoItemCategorias()->exists()) linha-subcategoria @endif">
                            <div class="espaco-indicador"></div>
                            <div class="linha-orcamento">
                                <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", $item->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", $item->categoria_id))
                                            @foreach($item->listaProdutosOuCategorias() as $grupo)
                                                <optgroup label="{{$grupo['agrupador']}}" data-agrupador="{{$grupo['id']}}">
                                                    @foreach($grupo['produtos'] as $produto)
                                                        <option
                                                            @if(old("produtos.$rowPosition.produto_id", $item->produto_id) == $produto['id']) selected @endif
                                                        value="{{$produto['id']}}" data-descricao-orcamento="{{$produto['descricao_orcamento']}}">{{$produto['descricao']}}
                                                        </option>
                                                    @endforeach
                                                </optgroup>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                                <div class="icone-variacoes">
                                    @if($item)
                                        <input type="hidden" id="variacoes" name="json-variacoes" value="{{ItensValidacaoService::montaoJson($item)}}">
                                    @else
                                        <input type="hidden" id="variacoes" name="json-variacoes" value="{{$categoria->itensVariacao()}}">
                                    @endif
                                    <i class="fa-regular fa-square-plus"></i>
                                </div>
                                <div class="col-2 col-descricao">
                                    <x-form.inputs.text
                                        name="descricao"
                                        :value='old("produtos.$rowPosition.categoria_id", $item->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", $item->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", $item->quantidade)'
                                        :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="$item->orcamentoItemCategorias()->exists()"
                                        :length="['min' => 0, 'max' => null, 'decimais' => 2]"
                                        :value='old("produtos.$rowPosition.preco_unitario", $item->preco_unitario)'
                                        :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", $item->preco_variacoes)'
                                        :route="$acao->slug">
                                    </x-form.inputs.number>
                                </div>
                                <div class="col-1">
                                    <x-form.inputs.number
                                        name="percentual_desconto"
                                        :readonly="$item->orcamentoItemCategorias()->exists()"
                                        :required="false"
                                        :value='old("produtos.$rowPosition.percentual_desconto", $item->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", $item->valorTotal)'
                                        :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", $item->valorDesconto)'
                                        :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", $item->valorFinal + $item->preco_variacoes)'
                                        :length="['decimais' => 2]"
                                        :route="$acao->slug">
                                    </x-form.inputs.number>
                                </div>
                            </div>
                        </div>
                        <div @class(['card', 'border-top-0', 'collapse', 'show' => $item->orcamentoItemCategorias()->exists()]) style="border: none" id="subcategoria-{{$uniqueid}}">
                            <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($item->orcamentoItemCategorias()->exists())
                                        <x-configprodutos.orcamento.conteiner-subcategoria :route="$acao->slug" :categoriaPai="$item->categoria" :orcamentoItemCategoria="$item->orcamentoItemCategorias" :row="$rowPosition"></x-configprodutos.orcamento.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"
                        name="tipo_frete"
                        :required="true"
                        :value='old("tipo_frete", $model->tipo_frete)'
                        :options="TipoFrete::valuesAssociative()"
                        :route="$acao->slug">
                    </x-form.inputs.select>
                </div>
                <x-form.monta-campo
                    :route="$acao->slug"
                    :coluna="$model->getCampoByName('tabela_frete_id')"
                    :registro="$model"
                    :valor="old('tabela_frete_id', $model->tabela_frete_id)">
                </x-form.monta-campo>
                <div class="col-2 soel-form-field">
                    <x-form.inputs.select
                        label="Destino"
                        name="tabela_frete_item_id"
                        :required="false"
                        :value='old("tabela_frete_item_id", $model->tabela_frete_item_id)'
                        :options="$model->tabela_frete_id ? collect($model->tabelafrete->regioesAtivasToArray()['regioes'])->pluck('nome', 'regiao_id')->toArray() : []"
                        :route="$acao->slug">
                    </x-form.inputs.select>
                </div>
                <x-form.monta-campo
                    :route="$acao->slug"
                    :coluna="$model->getCampoByName('frete')"
                    :registro="$model"
                    :valor="old('frete', $model->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-4 d-inline-flex gap-2" style="align-items: flex-end">
            <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($model->valorItens(), 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($model->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($model->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($model->valorTotal(), 2, '.', '')}}">
            </div>
        </div>
    </div>

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

    <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="gerar_versionamento">
        </div>
    </div>
    <link rel="stylesheet" type="text/css" href="{{asset('/css/especificos/configuradorproduto/orcamento/orcamento.css')}}"/>
@endsection

@section('script')
    <script src="{{ asset('/js/comportamento/configuradorproduto/orcamento/orcamento.js') }}" type="text/javascript"></script>
@endsection