@php
    use App\Models\ConfiguradorProduto\Categorias\Categoria;
    use App\Models\ConfiguradorProduto\Proposta\PropostaInspecaoItem;use App\Models\ConfiguradorProduto\Proposta\PropostaInspecaoValores;use App\Services\Configprodutos\Proposta\PropostaInspecaoOrcamentoItemVariacaoService;use App\Structural\Enums\ConfigProduto\Inspecao\PropostaInspecaoSituacao;use App\Structural\Enums\Estrutura\Acao;

    if ($model->situacao === PropostaInspecaoSituacao::ORCADO->value){
        $removeBotoesPadrao = ['salvar'];
    }

    $categorias = Categoria::query()->whereNull('pai_id')->orderBy('ordem')->get();
    $categorias = $categorias->filter(function ($categoria){
      return $categoria->subcategorias()->exists();
    });
    $categorias = $categorias->pluck('descricao', 'id')->toArray();

@endphp

@extends('layouts.secundario.create')

@section('fields')
    <section
        class="@if($model->situacao === PropostaInspecaoSituacao::CONCLUIDA->value || $model->situacao === PropostaInspecaoSituacao::ORCADO->value) inspecao-finalizada @endif">

        @php
            $propostaInspecaoFases = $model->propostaInspecaoFases()->first(); //Terá somente uma fase na abrilar
        @endphp
        <x-form.inputs.hidden
            name="proposta_id"
            :value='$model->proposta_id'>
        </x-form.inputs.hidden>
        <x-form.inputs.hidden
            name="orcamento_id"
            :value='$model->orcamento_id'>
        </x-form.inputs.hidden>
        <x-form.inputs.hidden
            name="situacao_id"
            :value='$model->situacao_id'>
        </x-form.inputs.hidden>
        <x-form.inputs.hidden
            name="fluxo_inspecao_id"
            :value='$model->fluxo_inspecao_id'>
        </x-form.inputs.hidden>
        <x-form.inputs.hidden
            name="usuario_geracao_id"
            :value='$model->usuario_geracao_id'>
        </x-form.inputs.hidden>
        <x-form.inputs.hidden
            name="situacao"
            :value='$model->situacao'>
        </x-form.inputs.hidden>
        <x-form.inputs.hidden
            name="tipo_orcamento_id"
            :value='$model->tipo_orcamento_id'>
        </x-form.inputs.hidden>
        <x-form.inputs.hidden
            name="tipo_orcamento_situacao_id"
            :value='$model->tipo_orcamento_situacao_id'>
        </x-form.inputs.hidden>
        <x-form.inputs.hidden
            name="proposta_inspecao_fase_id"
            :value='$propostaInspecaoFases->id'>
        </x-form.inputs.hidden>

        <x-form.inputs.hidden
            name="proposta_inspecoes_id"
            :value='$model->id'>
        </x-form.inputs.hidden>

        <div class="filtros">
            <div class="row">
                @foreach($propostaInspecaoFases?->fluxoInspecaoFases?->tipoInspecao?->tipoInspecaoItens()->orderBy('ordem')->get() as $tipoInspecaoItem)
                    @if($tipoInspecaoItem->inspecaoItem->configuracao?->filtravel)
                        <div class="col-2 me-2">
                            <div class="campo-filtro">
                                <label>{{$tipoInspecaoItem->inspecaoItem->label}}</label>
                                <span data-campo="{{$tipoInspecaoItem->inspecaoItem->slug}}">
                                <select
                                    name="{{$tipoInspecaoItem->inspecaoItem->slug}}"
                                    id="{{$tipoInspecaoItem->inspecaoItem->slug}}">
                                    <option selected
                                            value="todos">Todos</option>
                                </select>
                            </span>

                            </div>
                        </div>
                    @endif
                @endforeach
                <div class="col-3 d-flex align-items-end mb-1">
                    <button type="button"
                            class="btn-acao primary btn-limpar me-2">Limpar
                    </button>
                </div>
            </div>
        </div>

        <x-repeater.repeater
            :defaultStyle="false"
            id="itens"
            name="propostaInspecaoItens"
            custom-class="repeater-proposta-inspecao"
            linhasIniciais="1"
            :route="$acao->slug"
        >
            @if($model->situacao !== PropostaInspecaoSituacao::ORCADO->value)
                <button type="button"
                        class="btn-acao btn-modal-categorias mb-3">Selecionar categoria para medições filtradas
                </button>
            @endif

            <div class="header-itens-inspecao">
                <div class="row">
                    <div class="col-12">
                        <div class="row header">
                            <div class="col-1 medicao-id"></div>
                            <div class="col-3">Categoria</div>
                            <div class="col-2"
                                 style="width: calc(17% - 50px)">Produto
                            </div>

                            <div class="col-7"
                                 style="border-left: none;">
                                <div class="row label-campos flex-nowrap">
                                    @foreach($propostaInspecaoFases?->fluxoInspecaoFases?->tipoInspecao?->tipoInspecaoItens()->orderBy('ordem')->get() as $tipoInspecaoItem)
                                        <div class="col-2">{{$tipoInspecaoItem->inspecaoItem->label}}</div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            @php
                $propostaInspecaoItens = $propostaInspecaoFases?->propostaInspecaoItens()->exists() ?
                    $propostaInspecaoFases?->propostaInspecaoItens :
                    [new PropostaInspecaoItem()];
            @endphp

            @foreach($propostaInspecaoItens as $rowItem => $propostaInspecaoItem)
                <x-repeater.repeater-item
                    :route="$acao->slug"
                    :custom-button="true"
                    :custom-button-icon="'fa-solid fa-chevron-up'"
                    :custom-button-class="'rotate'"
                >

                    <div class="linha-item linha-medicao">
                        <x-form.inputs.hidden
                            name="id"
                            :value='$propostaInspecaoItem->id'>
                        </x-form.inputs.hidden>

                        <x-form.inputs.hidden
                            name="atribuir_categoria_default"
                            :value='1'>
                        </x-form.inputs.hidden>

                        @if($acao->slug === Acao::CONFIGURAR->slug())
                            <div class="col-1 check-linha">
                                <div class="form-check">
                                    <input class="form-check-input"
                                           type="checkbox"
                                           value="on"
                                           name="gerar_orcamento">
                                </div>
                            </div>
                        @endif

                        <div class="medicao-id col-1 espaco-indicador">{{$rowItem + 1}}</div>
                        <div class="categoria col-3"
                             data-position="{{$rowItem}}">
                            <x-form.inputs.select
                                name="categoria_id"
                                class=""
                                :required="false"
                                :customClass="null"
                                :options="$categorias"
                                :value='$propostaInspecaoItem->propostaInspecaoOrcamentoItens()->first()?->categoria_id'
                            >
                            </x-form.inputs.select>
                        </div>

                        <div class="col-2 col-produtos has-variacoes"
                             style="">
                            <input type="hidden"
                                   name="agrupador_id" />
                            <select @class(['form-control'])
                                    @if($propostaInspecaoItem->propostaInspecaoOrcamentoItens()->first()?->categoria->agrupadores()->exists())
                                        required
                                    @endif
                                    @if(!$propostaInspecaoItem->propostaInspecaoOrcamentoItens()->first()?->categoria->agrupadores()->exists())
                                        disabled
                                    @endif
                                    data-live-search="true"
                                    name="produto_id"
                                    style="height: 33px">
                                <option value="" class="select-placeholder">Selecione...</option>

                                @if(old("produtos.$rowItem.produto_id", $propostaInspecaoItem->propostaInspecaoOrcamentoItens()->first()?->produto_id))
                                    <option value="{{$propostaInspecaoItem->propostaInspecaoOrcamentoItens()->first()?->produto_id}}"
                                            selected>
                                        {{$propostaInspecaoItem->propostaInspecaoOrcamentoItens()->first()?->produto?->descricao_detalhada}}
                                    </option>
                                @endif

                            </select>
                        </div>

                        @php
                            $arrayVariacoes = $propostaInspecaoItem->propostaInspecaoOrcamentoItens()->exists() ?
                                PropostaInspecaoOrcamentoItemVariacaoService::montaoJson($propostaInspecaoItem->propostaInspecaoOrcamentoItens()->first()) :
                                [];
                            $count = 0;
                        @endphp

                        <div class="icone-variacoes" style="display: block">
                            <input type="hidden"
                                   class="medicao-variacoes"
                                   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="[propostaInspecaoOrcamentoItens][propostaInspecaoOrcamentoItemVariacoes][{{$count}}][id]"
                                           value="{{$item['id']}}">
                                    <input type="hidden"
                                           name="[propostaInspecaoOrcamentoItens][propostaInspecaoOrcamentoItemVariacoes][{{$count}}][variacao_item_id]"
                                           value="{{$item['item_id']}}">
                                    <input type="hidden"
                                           name="[propostaInspecaoOrcamentoItens][propostaInspecaoOrcamentoItemVariacoes][{{$count}}][percentual_sobre_valor]"
                                           value="{{$item['percentual_sobre_valor']}}">
                                    <input type="hidden"
                                           name="[propostaInspecaoOrcamentoItens][propostaInspecaoOrcamentoItemVariacoes][{{$count}}][valor_referencia]"
                                           value="{{$item['valor_referencia']}}">
                                    <input type="hidden"
                                           name="[propostaInspecaoOrcamentoItens][propostaInspecaoOrcamentoItemVariacoes][{{$count}}][situacao]"
                                           @if(!$item['ativo']) value="0"
                                           @else value="1" @endif>
                                    @php $count++; @endphp
                                @endforeach
                            @endforeach
                        </div>

                        <div class="valores col-7">
                            <div class="row flex-nowrap">
                                @foreach($propostaInspecaoFases?->fluxoInspecaoFases?->tipoInspecao?->tipoInspecaoItens()->orderBy('ordem')->get() as $rowValor => $tipoInspecaoItem)
                                    @php
                                        $valor = PropostaInspecaoValores::where("proposta_inspecao_item_id", $propostaInspecaoItem->id)->where("tipo_inspecao_item_id", $tipoInspecaoItem->id)->first();
                                    @endphp

                                    <div class="col-2">
                                        <input type="hidden"
                                               name="propostaInspecaoValor[{{$rowValor}}][tipo_inspecao_item_id]"
                                               value=''
                                               data-value="{{$tipoInspecaoItem->getKey()}}">

                                        <x-form.inputs.hidden
                                            name="propostaInspecaoValor[{{$rowValor}}][id]"
                                            :value='$valor?->id'>
                                        </x-form.inputs.hidden>

                                        <x-configprodutos.proposta-inspecao.campo
                                            :tipoInspecaoItem="$tipoInspecaoItem"
                                            :valor="$valor"
                                            :row="$rowValor"
                                            :disabled="$model->situacao === PropostaInspecaoSituacao::CONCLUIDA->value"
                                        >
                                        </x-configprodutos.proposta-inspecao.campo>
                                    </div>
                                @endforeach
                            </div>
                        </div>

                        <div class="subcategoria-container col-12"
                             style="display: none">
                            <div class="row">
                                <div class="col-12">
                                    @if($propostaInspecaoItem->propostaInspecaoOrcamentoItens()->exists())
                                        <x-configprodutos.proposta-inspecao.container-subcategoria
                                            :route="$acao->slug"
                                            :categoriaPaiSelecionada="$propostaInspecaoItem->propostaInspecaoOrcamentoItens()->first()"
                                        >
                                        </x-configprodutos.proposta-inspecao.container-subcategoria>
                                    @endif
                                </div>
                            </div>
                        </div>

                    </div>
                </x-repeater.repeater-item>
            @endforeach
        </x-repeater.repeater>

        <div class="modal-categorias d-none">
            <div class="sobreposta produtos">
                <div class="header">
                    <span>Selecionar categoria</span>
                    <i class="fa-solid fa-xmark"></i>
                </div>
                <div class="body">
                    <div class="linha-item linha-medicao">
                        <x-form.inputs.select
                            name="filtros_categoria_id"
                            class=""
                            :required="false"
                            :customClass="null"
                            :options="$categorias"
                        >
                        </x-form.inputs.select>

                        <div class="col-produtos">
                            <select @class(['form-control'])
                                    disabled
                                    data-live-search="true"
                                    name="filtros_categoria_produto_id"
                                    style="height: 33px">
                                <option value=""
                                        class="select-placeholder">Selecione o produto
                                </option>
                            </select>
                        </div>

                        <div class="subcategoria-container"></div>
                    </div>

                    <div class="row">
                        <div class="col-12 d-flex justify-content-end mb-3 mt-3 pe-3">
                            <button type="button"
                                    class="btn-acao me-2 submit-categorias-filtro">Confirmar
                            </button>
                            <button type="button"
                                    class="btn-acao danger cancelar">Cancelar
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <link
            rel="stylesheet"
            type="text/css"
            href="{{asset('/css/especificos/configuradorproduto/orcamento/orcamento.css')}}" />

        <link
            rel="stylesheet"
            type="text/css"
            href="{{asset('/css/especificos/configuradorproduto/proposta_inspecao/proposta_inspecao.css')}}" />
        @endsection

        @section('botoes')

            @if($model->situacao === PropostaInspecaoSituacao::PENDENTE->value || $model->situacao === PropostaInspecaoSituacao::EM_EXECUCAO->value)
                <button
                    type="button"
                    class="btn-acao finalizar-medicao"
                    title="Finalizar Medição">
                    Concluir Medição
                    <i class="fa-solid fa-check"></i>
                </button>
            @endif

            @if($model->situacao === PropostaInspecaoSituacao::CONCLUIDA->value)
                <button
                    type="button"
                    class="btn-acao gerar-orcamento"
                    title="Gerar Orçamento">
                    Gerar Orçamento
                    <i class="fa-solid fa-file-pdf"></i>
                </button>
            @endif
        @endsection

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