{{-- Messagens da session --}}
@include('partials.session-message')
<style>
    code[class*=language-], pre[class*=language-] {
        text-shadow: none;
    }

    .btn-delicate {
        padding: 4px 6px;
        font-size: 0.6rem;
        line-height: 1;
        border-radius: 0.25rem;
        margin-top: 13px;
    }

    .preformatted-text {
        white-space: pre-wrap; /* Mantém quebras de linha */
        font-family: monospace; /* Usa uma fonte monoespaçada para preservar a formatação */
    }

    .alert-text p {
        font-weight: bold;
    }
</style>
<style>
    .selected-row {
        background-color: #2dce89;
        color: #fff;
    }
</style>
<style>
    .loading-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 99999;
        align-items: center;
        justify-content: center;
    }

    .loading-overlay img {
        display: block;
        width: 64px; /* Ou qualquer tamanho que você desejar */
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }


</style>
<link rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/base16/edge-dark.min.css">

<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.3.1/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
<div id="loadingIndicator" class="loading-overlay">
    <img src="https://superstorefinder.net/support/wp-content/uploads/2018/01/orange_circles.gif" alt="Carregando...">
</div>
<div class="card shadow-lg mx-4 card-profile-bottom">
    <div class="card-body p-3">
        <div class="row gx-4">
            <div class="col-auto">
                <div class="avatar avatar-xl position-relative">
                    <i class="fa fa-money" style="color:#344767; font-size:48px !important"></i>
                </div>
            </div>
            <div class="col-auto my-auto">
                <div class="h-100">
                    <h5 id="head-name" class="mb-1">
                        Cotação

                    </h5>
                    <p id="head-username" class="mb-0 font-weight-bold text-sm">
                        @if(isset($cotacao))
                            @switch($cotacao->status)
                                @case('concluido')
                                    <span class="badge badge-sm bg-gradient-success p-2">{{ $cotacao->status }}</span>
                                    @break
                                @case('aberto')
                                    <span class="badge badge-sm bg-gradient-info p-2">{{ $cotacao->status }}</span>
                                    @break
                                @case('cancelado')
                                    <span class="badge badge-sm bg-gradient-danger p-2">{{ $cotacao->status }}</span>
                                    @break
                                @case('recusado')
                                    <span class="badge badge-sm bg-gradient-danger p-2">{{ $cotacao->status }}</span>
                                    @break
                                @default
                                    <span class="badge badge-sm bg-gradient-info p-2">{{ $cotacao->status }}</span>
                            @endswitch
                        @endif
                        @if(isset($cotacao))
                            @if(isset($cotacao->awbminuta))
                                <span class="badge badge-sm bg-gradient-success p-2">{{ $cotacao->awbminuta }}</span>
                            @endif
                        @endif
                    </p>
                </div>
            </div>
            @if (isset($cotacao))
                <div class="col-lg-3 col-md-3 my-sm-auto ms-sm-auto me-sm-0 mx-auto mt-3">
                    <div class="nav-wrapper position-relative end-0">

                        <div class="dropdown" id="btnstatus">
                            <a class="btn bg-gradient-dark me-4" href="/cotacoes/create"><i class="fa fa-plus text-sm"
                                                                                            aria-hidden="true"></i>&nbsp;&nbsp;Nova</a>
                            @if($cotacao->status == 'aberto' || $cotacao->status == 'concluido' )
                                <a id="recusado" href="#" data-status="recusado"
                                   class="form-status btn btn-danger btn-sm ms-auto" style="display:none"><i
                                        class="fa fa-times me-3" aria-hidden="true"></i>Recusar</a>

                                <a id="cancelado" href="#" data-status="cancelado"
                                   class="form-status btn btn-danger btn-sm ms-auto " style="display:none"><i
                                        class="fa fa-times me-3" aria-hidden="true"></i>Cancelar</a>
                            @endif

                            <a href="#" style="text-transform: uppercase;"
                               class="btn bg-gradient-dark dropdown-toggle d-none" style="display:none"
                               data-bs-toggle="dropdown"
                               id="navbarDropdownMenuLink2"> {{ isset($cotacao) ? $cotacao->status : old('status') }}
                            </a>

                            <ul class="dropdown-menu " aria-labelledby="navbarDropdownMenuLink2">
                                @if($cotacao->status != 'cancelado' && $cotacao->status != 'concluido'  && $cotacao->status != 'aberto' && $cotacao->status != 'recusado' )
                                    <li>
                                        <a id="aberto" class="dropdown-item form-status" href="#" data-status="aberto">EM
                                            ABERTO</a>
                                    </li>
                                @endif
                                @if($cotacao->status == 'aberto')
                                    <li>
                                        <a id="concluido" class="dropdown-item form-status" href="#"
                                           data-status="concluido">CONCLUIR</a>
                                    </li>
                                @endif
                                @if($cotacao->status == 'aberto' )
                                    <li>
                                        <a id="recusado" class="dropdown-item form-status" href="#"
                                           data-status="recusado">RECUSAR</a>
                                    </li>
                                @endif
                                @if($cotacao->status == 'concluido')
                                    <li>
                                        <a id="cancelado" class="dropdown-item form-status" href="#"
                                           data-status="cancelado">CANCELAR</a>
                                    </li>
                                @endif
                            </ul>
                        </div>
                    </div>
                </div>
            @endif
        </div>
    </div>
</div>
<div class="container-fluid py-4">
    <div class="row">
        <div class="col-md-3">
            <div class="card" id="dados">
                <div class="card-header pb-0">
                    <div class="d-flex align-items-center">
                        <p class="mb-4">Cotação <span
                                style="background: #fff; border-radius: 4px; margin: 4pfx; padding: 0px 10px; font-weight: 600;">#{{isset($cotacao) ? $cotacao->idcotacao: ''}}</span>

                        </p>
                    </div>
                </div>
                <div class="card-body">
                    <p class="text-uppercase text-sm">DADOS CADASTRAIS</p>
                    <div class="row">
                        <input type="hidden" name="codtabela"
                               value="{{ isset($cotacao) ? $cotacao->codtabela : old('codtabela') }}">
                        <input type="hidden" name="codservico"
                               value="{{ isset($cotacao) ? $cotacao->codservico : old('codservico') }}">
                        <input type="hidden" name="pesobruto"
                               value="{{ isset($cotacao) ? $cotacao->pesobruto : old('pesobruto') }}">
                        <input type="hidden" name="pesocubado"
                               value="{{ isset($cotacao) ? $cotacao->pesocubado : old('pesocubado') }}">
                        <input type="hidden" name="qtdvolume"
                               value="{{ isset($cotacao) ? $cotacao->qtdvolume : old('qtdvolume') }}">
                        <input type="hidden" name="vlrtotal"
                               value="{{ isset($cotacao) ? $cotacao->vlrtotal : old('vlrtotal') }}">

                        {{-- tipo --}}
                        <div class="col-md-8 d-none">
                            <div class="form-group">
                                <label>{{ __('Tipo') }}</label>
                                <select class="form-control  {{ $errors->has('tipo') ? ' is-invalid' : '' }}"
                                        name="tipo">
                                    <option value="" disabled="disabled">- Selecionar -</option>

                                    <option
                                        value="C" {{ ((isset($cotacao) && $cotacao->tipo == 'C') || (old('tipo') == 'C')) ? 'selected' : '' }}>
                                        Logística Comum
                                    </option>
                                    <option
                                        value="R" {{ ((isset($cotacao) && $cotacao->tipo == 'R') || (old('tipo') == 'R')) ? 'selected' : '' }}>
                                        Logística Reversa
                                    </option>

                                </select>
                            </div>
                        </div>
                        {{-- Empresa --}}

                        <div class="col-11">
                            <div class="form-group">
                                <label>Empresa</label>
                                <select class="form-control  {{ $errors->has('idempresa') ? ' is-invalid' : '' }}"
                                        name="idempresa" required="true" aria-required="true">
                                    <option value="">- Selecionar -</option>
                                    @foreach($empresas as $empresa)
                                        <option value="{{ $empresa->idempresa }}"
                                                data-cnpj="{{ $empresa->cnpj }}"
                                                data-cep="{{ $empresa->cep }}"
                                                data-azulcargo="{{ $empresa->hasAzulCargo ? 'true' : 'false' }}"
                                                data-gollog="{{ $empresa->hasGollog ? 'true' : 'false' }}"

                                            {{ (((isset($cotacao) && $empresa->idempresa == $cotacao->empresa->idempresa) || (old('idempresa') == $empresa->idempresa)) || (isset($empresas) && (count($empresas) == 1)))? 'selected' : '' }}>{{$empresa->sigla}}</option>
                                    @endforeach
                                </select>

                            </div>
                        </div>
                        <div class="col-md-1 d-flex align-items-end">
                            <button class="btn btn-info btn-delicate collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#collapseExample" aria-expanded="false"
                                    aria-controls="collapseExample">
                                <i class="fa fa-info" aria-hidden="true"></i>
                            </button>
                        </div>


                        <div class="collapse" id="collapseExample">
                            <p class="text-uppercase text-sm">ORIGEM </p>
                            <div class="row">
                                <div class="col-md-7">
                                    <div class="form-group">
                                        <label>{{ __('CNPJ') }}</label>
                                        <input
                                            class="form-control cnpj {{ $errors->has('cnpjremetente') ? ' is-invalid' : '' }}"
                                            name="cnpjremetente" id="input-cnpjremetente" type="text"
                                            value="{{ isset($cotacao) ? $cotacao->cnpjremetente : old('cnpjremetente') }}"
                                            placeholder="{{ __('CNPJ Emitente') }}" onkeydown="return false;"/>
                                        @if ($errors->has('cnpjremetente'))
                                            <span id="cnpjremetente-error" class="error text-danger"
                                                  for="input-cnpjremetente">{{ $errors->first('cnpjremetente') }}</span>
                                        @endif
                                    </div>
                                </div>
                                {{-- cep --}}
                                <div class="col-md-5">
                                    <div class="form-group">
                                        <label>{{ __('CEP') }}</label>
                                        <input
                                            class="form-control cep {{ $errors->has('origemcep') ? ' is-invalid' : '' }}"
                                            name="origemcep" id="input-origemcep" type="text"
                                            value="{{ isset($cotacao) ? $cotacao->origemcep : old('origemcep') }}"
                                            placeholder="{{ __('00000-000') }}" required="true" aria-required="true"
                                            onkeydown="return false;"/>
                                        @if ($errors->has('CEP Emitente'))
                                            <span id="origemcep-error" class="error text-danger"
                                                  for="input-origemcep">{{ $errors->first('origemcep') }}</span>
                                        @endif
                                    </div>
                                </div>
                                {{-- Origem Base --}}
                                <!-- ORIGEMBASE div class="col-md-12">
                                        <div class="form-group">
                                            <label >{{ __('Base') }}</label>
                                            <select class="form-control  {{ $errors->has('origembase') ? ' is-invalid' : '' }}" name="origembase"   style="pointer-events: none;" onmousedown="return false;"> >
                                                <option value="" >- Selecionar -</option>
                                                @foreach($carga['Value'] as $item)
                                    @php
                                        $displayText = (strpos($item['Nome'], 'FRAP') !== false) ? $item['Nome'] : $item['Base'] . ' - ' . $item['Nome'];
                                    @endphp
                                        <option value="{{ $item['Base'] }}" {{ ((isset($cotacao) && $item['Base'] == $cotacao->origembase) || (old('origembase') == $item['Base'])) ? 'selected' : '' }}>
                                                        {{ $displayText }} - {{ $item['Cidade'] }}/{{ $item['Estado'] }}
                                    </option>

                                @endforeach
                                </select>
                            </div>
                        </div -->
                            </div>
                        </div>
                        <input type="hidden" id="input-origemibge" name="origemibge"
                               value="{{ isset($cotacao) ? $cotacao->origemibge : old('origemibge') }}">
                        <input type="hidden" id="input-origemcidade" name="origemcidade"
                               value="{{ isset($cotacao) ? $cotacao->origemcidade : old('origemcidade') }}">
                        <input type="hidden" id="input-origemuf" name="origemuf"
                               value="{{ isset($cotacao) ? $cotacao->origemuf : old('origemuf') }}">
                        <hr>
                        <p class="text-uppercase text-sm">DESTINO</p>
                        <div class="col-md-7">
                            <div class="form-group">
                                <label>{{ __('CNPJ ') }}</label>
                                <input
                                    class="form-control cnpjdestinatario {{ $errors->has('cnpjdestinatario') ? ' is-invalid' : '' }}"
                                    name="cnpjdestinatario" id="input-cnpjdestinatario" type="text"
                                    value="{{ isset($cotacao) ? $cotacao->cnpjdestinatario : old('cnpjdestinatario') }}"
                                    placeholder="{{ __('CNPJ Destinatário') }}"/>
                                @if ($errors->has('cnpjdestinatario'))
                                    <span id="cnpjdestinatario-error" class="error text-danger"
                                          for="input-cnpjdestinatario">{{ $errors->first('cnpjdestinatario') }}</span>
                                @endif
                            </div>
                        </div>

                        {{-- cep --}}
                        <div class="col-md-5">
                            <div class="form-group">
                                <label>{{ __('CEP ') }}</label>
                                <input class="form-control cep {{ $errors->has('destinocep') ? ' is-invalid' : '' }}"
                                       name="destinocep" id="input-destinocep" type="text"
                                       value="{{ isset($cotacao) ? $cotacao->destinocep : old('destinocep') }}"
                                       placeholder="{{ __('00000-000') }}" required="true" aria-required="true"/>
                                @if ($errors->has('CEP Destinatário'))
                                    <span id="destinocep-error" class="error text-danger"
                                          for="input-destinocep">{{ $errors->first('destinocep') }}</span>
                                @endif
                            </div>
                        </div>


                        {{-- Destino Base --}}
                        <div class="col-md-12" style="display: none;">
                            <div class="form-group">
                                <label>{{ __('Base - Retira Azul') }}</label>
                                <select class="form-control  {{ $errors->has('destinobase') ? ' is-invalid' : '' }}"
                                        name="destinobase">
                                    <option value="">- Selecionar -</option>
{{--                                    @foreach($carga['Value'] as $item)--}}
{{--                                        <option data-uf="{{$item['Estado']}}"--}}
{{--                                                value="{{ $item['Base'] }}" {{ ((isset($cotacao) && $item['Base'] == $cotacao->destinobase) || (old('destinobase') == $item['Base'])) ? 'selected' : '' }}>{{$item['Base'] }}--}}
{{--                                            - {{ $item['Cidade'] }}/{{ $item['Estado'] }}</option>--}}
{{--                                    @endforeach--}}

                                    @foreach($basesAzul as $item)
                                        <option data-cidade="{{$item['Cidade']}}/{{ $item['Estado']}}" data-uf="{{$item['Estado']}}"
                                                value="{{ $item['Base'] }}" {{ ((isset($cotacao) && $item['Base'] == $cotacao->destinobase) || (old('destinobase') == $item['Base'])) ? 'selected' : '' }}>{{$item['Base'] }}
                                            - {{ $item['Cidade'] }}/{{ $item['Estado'] }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        {{-- Destino Base Gol --}}
                        <div class="col-md-12" style="display: none;">
                            <div class="form-group">
                                <label>{{ __('Base - Retira Gol') }}</label>
                                <select class="form-control  {{ $errors->has('destinobasegol') ? ' is-invalid' : '' }}"
                                        name="destinobasegol">
                                    <option value="">- Selecionar -</option>
                                    @foreach($cargaGol['Value'] as $item)
                                        <option data-uf="{{$item['state']}}"
                                                value="{{ $item['code'] }}" {{ ((isset($cotacao) && $item['code'] == $cotacao->destinobasegol) || (old('destinobasegol') == $item['code'])) ? 'selected' : '' }}>{{$item['code'] }}
                                            - {{ $item['city'] }}/{{ $item['state'] }}</option>
                                    @endforeach

                                </select>
                            </div>
                        </div>

                        <hr>
                        <input type="hidden" id="input-cidadeRetira" name="cidadeRetira"
                               value="{{ isset($cotacao) ? $cotacao->cidadeRetira : old('cidadeRetira') }}">
                        <input type="hidden" id="input-destinoibge" name="destinoibge"
                               value="{{ isset($cotacao) ? $cotacao->destinoibge : old('destinoibge') }}">
                        <input type="hidden" id="input-destinocidade" name="destinocidade"
                               value="{{ isset($cotacao) ? $cotacao->destinocidade : old('destinocidade') }}">
                        <input type="hidden" id="input-destinouf" name="destinouf"
                               value="{{ isset($cotacao) ? $cotacao->destinouf : old('destinouf') }}">
                        <p class="text-uppercase text-sm">FINANCEIRO</p>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>{{ __('Total NF-e (R$)') }}</label>
                                <input class="form-control{{ $errors->has('vlrtotal') ? ' is-invalid' : '' }}"
                                       name="vlrtotal" id="input-vlrtotal" type="text"
                                       value="{{ isset($cotacao) ? number_format($cotacao->vlrtotal, 2, ',','') : old('vlrtotal') }}"
                                       placeholder="{{ __('R$') }}"
                                       oninput="formatarEntradaNumerica(this);"
                                />
                                @if ($errors->has('name'))
                                    <span id="vlrtotal-error" class="error text-danger"
                                          for="input-vlrtotal">{{ $errors->first('vlrtotal') }}</span>
                                @endif
                            </div>
                        </div>
                        <div class="col-md-6 d-none">
                            <div class="form-group">
                                <label>{{ __('Seguro da Carga (R$)') }}</label>
                                <input class="form-control{{ $errors->has('vlrsegurocarga') ? ' is-invalid' : '' }}"
                                       name="vlrsegurocarga" id="input-vlrsegurocarga" type="text"
                                       value="{{ isset($cotacao) ? $cotacao->vlrsegurocarga : old('vlrsegurocarga') }}"
                                       placeholder="{{ __('R$') }}"
                                />
                                @if ($errors->has('name'))
                                    <span id="vlrsegurocarga-error" class="error text-danger"
                                          for="input-vlrsegurocarga">{{ $errors->first('vlrsegurocarga') }}</span>
                                @endif
                            </div>
                        </div>
                        <div class="col-md-6  d-flex align-items-end">
                            <button class="btn btn-info btn-delicate" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#collapseExtraCost" aria-expanded="false"
                                    aria-controls="collapseExtraCost">
                                <i class="fa fa-filter" aria-hidden="true"></i>
                            </button>
                        </div>
                        <div class="row collapse" id="collapseExtraCost">
                            <hr>
                            <p class="text-uppercase text-sm">CUSTOS</p>
                            <div class="col-md-6 ">
                                <div class="form-group">
                                    <label>{{ __('Custo Extra (R$)') }}</label>
                                    <input class="form-control{{ $errors->has('vlrextra') ? ' is-invalid' : '' }}"
                                           name="vlrextra" id="input-vlrextra" type="text"
                                           value="{{ isset($cotacao) ? number_format($cotacao->vlrextra, 2, ',','') : old('vlrextra') }}"
                                           placeholder="{{ __('R$') }}"
                                           oninput="formatarEntradaNumerica(this);"
                                    />
                                    @if ($errors->has('name'))
                                        <span id="vlrextra-error" class="error text-danger" required="true"
                                              aria-required="true"
                                              for="input-vlrextra">{{ $errors->first('vlrextra') }}</span>
                                    @endif
                                </div>
                            </div>


                            <hr>
                            <p class="text-uppercase text-sm">OUTROS</p>
                            {{-- Observação --}}
                            <div class="col-md-12">
                                <div class="form-group">

                                    <label>{{ __('Observação') }}</label>
                                    <textarea class="form-control {{ $errors->has('observacao') ? ' is-invalid' : '' }}"
                                              name="observacao" id="input-observacao"
                                              rows="3">{{ isset($cotacao) ? $cotacao->observacao : old('observacao') }}</textarea>
                                    @if ($errors->has('observacao'))
                                        <span id="observacao-error" class="error text-danger"
                                              for="input-observacao">{{ $errors->first('observacao') }}</span>
                                    @endif

                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-9 mt-4 mt-md-0">
            <div class="row">
                <div class="col-md-12">
                    <div class="card" id="volume">
                        <div class="card-header pb-0">
                            <div class="d-flex align-items-center">
                                <p class="mb-4">Volume(s)</p>
                                <div class="ms-auto">
                                    <button id="procurar" type="submit" class="btn btn-info btn-sm ms-auto "><i
                                            class="fa fa-search me-3"></i>Pesquisar
                                    </button>
                                    <button class="btn btn-danger btn-sm ms-auto d-none"><i class="fas fa-trash"></i>
                                    </button>
                                </div>
                            </div>
                        </div>

                        <div class="card-body">
                            <p class="text-uppercase text-sm">DADOS DO VOLUME</p>
                            <div class="row">
                                <div class="row">
                                    <div class="col-md-11">
                                        <div class="row d-flex justify-content-center">
                                            <div class="col-md-2">
                                                <div class="form-group d-none d-sm-block">
                                                    <label>{{ __('Quantidade') }}</label>
                                                </div>
                                            </div>
                                            <div class="col-md-2">
                                                <div class="form-group d-none d-sm-block">
                                                    <label>{{ __('Altura') }}</label>
                                                </div>
                                            </div>
                                            <div class="col-md-2">
                                                <div class="form-group d-none d-sm-block">
                                                    <label>{{ __('Largura') }}</label>
                                                </div>
                                            </div>
                                            <div class="col-md-2">
                                                <div class="form-group d-none d-sm-block">
                                                    <label>{{ __('Comprimento') }}</label>
                                                </div>
                                            </div>
                                            <div class="col-md-2">
                                                <div class="form-group d-none d-sm-block">
                                                    <label>{{ __('Peso Unitário') }}</label>
                                                </div>
                                            </div>
                                            <div class="col-md-2">
                                                <div class="form-group d-none d-sm-block">
                                                    <label>{{ __('Peso Total') }}</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-1">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="form-group d-none d-sm-block">
                                                    <label>{{ __('Ação') }}</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @if(isset($cotacaoItem))
                                @csrf
                                @php $i = 1;

                                @endphp
                                @foreach ($cotacaoItem as $item)
                                    <div class="row volume-set">
                                        <div class="d-flex align-items-center">
                                            <small class="text-muted">Volume {{$i}}</small>
                                        </div>
                                        <div class="row" data-indice="{{$i}}">
                                            <div class="col-md-11">
                                                <div class="row d-flex justify-content-center">
                                                    <div class="col-md-2">
                                                        <div class="form-group">
                                                            <label
                                                                class="d-block d-sm-none">{{ __('Quantidade') }}</label>
                                                            <div class="input-group">
                                                                <input
                                                                    class="form-control{{ $errors->has('quantidade') ? ' is-invalid' : '' }}"
                                                                    name="quantidade[]" id="input-quantidade"
                                                                    type="number" step="1"
                                                                    value="{{ isset($item) ? $item->quantidade : old('quantidade') }}"
                                                                    placeholder="{{ __('0') }}" required="true"
                                                                    aria-required="true"
                                                                    oninput="atualizarPesoTotal({{$i}})"
                                                                />
                                                                <span class="input-group-text">un</span>
                                                            </div>
                                                            @if ($errors->has('name'))
                                                                <span id="quantidade-error" class="error text-danger"
                                                                      for="input-quantidade">{{ $errors->first('quantidade') }}</span>
                                                            @endif
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2">
                                                        <div class="form-group">
                                                            <input
                                                                name="idcotacaoitem[]" id="input-idcotacaoitem"
                                                                type="hidden"
                                                                value="{{ isset($item) ? $item->idcotacaoitem : old('idcotacaoitem') }}">
                                                            <label class="d-block d-sm-none">{{ __('Altura') }}</label>
                                                            <div class="input-group">
                                                                <input style="/*width:98%*/"
                                                                       class="form-control{{ $errors->has('altura') ? ' is-invalid' : '' }}"
                                                                       name="altura[]" id="input-altura" type="text"
                                                                       step="0.01"
                                                                       value="{{ isset($item) ? number_format($item->altura, 2, ',','') : old('altura') }}"
                                                                       placeholder="{{ __('0,00') }}" required="true"
                                                                       aria-required="true"
                                                                       oninput="formatarEntradaNumerica(this);"
                                                                />
                                                                <span class="input-group-text">m</span>
                                                            </div>
                                                            @if ($errors->has('name'))
                                                                <span id="altura-error" class="error text-danger"
                                                                      for="input-altura">{{ $errors->first('altura') }}</span>
                                                            @endif
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2">
                                                        <div class="form-group">
                                                            <label class="d-block d-sm-none">{{ __('Largura') }}</label>
                                                            <div class="input-group">
                                                                <input style="/*width:98%*/"
                                                                       class="form-control{{ $errors->has('largura') ? ' is-invalid' : '' }}"
                                                                       name="largura[]" id="input-largura" type="text"
                                                                       step="0.01"
                                                                       value="{{ isset($item) ? number_format($item->largura, 2, ',','') : old('largura') }}"
                                                                       placeholder="{{ __('0,00') }}" required="true"
                                                                       aria-required="true"
                                                                       oninput="formatarEntradaNumerica(this);"
                                                                />
                                                                <span class="input-group-text">m</span>
                                                            </div>
                                                            @if ($errors->has('name'))
                                                                <span id="largura-error" class="error text-danger"
                                                                      for="input-largura">{{ $errors->first('largura') }}</span>
                                                            @endif
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2">
                                                        <div class="form-group">
                                                            <label
                                                                class="d-block d-sm-none">{{ __('Comprimento') }}</label>
                                                            <div class="input-group">
                                                                <input style="/*width:98%*/"
                                                                       class="form-control{{ $errors->has('comprimento') ? ' is-invalid' : '' }}"
                                                                       name="comprimento[]" id="input-comprimento"
                                                                       type="text" step="0.01"
                                                                       value="{{ isset($item) ? number_format($item->comprimento, 2, ',',''): old('comprimento') }}"
                                                                       placeholder="{{ __('0,00') }}" required="true"
                                                                       aria-required="true"
                                                                       oninput="formatarEntradaNumerica(this);"
                                                                />
                                                                <span class="input-group-text">m</span>
                                                            </div>
                                                            @if ($errors->has('name'))
                                                                <span id="comprimento-error" class="error text-danger"
                                                                      for="input-comprimento">{{ $errors->first('comprimento') }}</span>
                                                            @endif
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2">
                                                        <div class="form-group">
                                                            <label
                                                                class="d-block d-sm-none">{{ __('Peso Unitário') }}</label>
                                                            <div class="input-group">
                                                                <input style="/*width:98%*/"
                                                                       class="form-control{{ $errors->has('peso') ? ' is-invalid' : '' }}"
                                                                       name="peso[]" id="input-peso" type="text"
                                                                       step="0.01"
                                                                       value="{{ isset($item) ? number_format($item->peso, 2, ',','') : old('peso') }}"
                                                                       placeholder="{{ __('0,00') }}" required="true"
                                                                       aria-required="true"
                                                                       oninput="formatarEntradaNumerica(this);"
                                                                />
                                                                <span class="input-group-text">kg</span>
                                                            </div>
                                                            @if ($errors->has('name'))
                                                                <span id="peso-error" class="error text-danger"
                                                                      for="input-peso">{{ $errors->first('peso') }}</span>
                                                            @endif
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2">
                                                        <div class="form-group">
                                                            <label class="d-block d-sm-none">{{ __('Peso') }}</label>
                                                            <div class="input-group">
                                                                <input style="/*width:98%*/"
                                                                       class="form-control{{ $errors->has('pesototal') ? ' is-invalid' : '' }}"
                                                                       name="pesototal[]" id="input-pesototal"
                                                                       type="text" step="0.01"
                                                                       value="{{ isset($item) ? number_format($item->peso*$item->quantidade, 2, ',','') : old('pesototal') }}"
                                                                       placeholder="{{ __('0,00') }}" required="true"
                                                                       aria-required="true" disabled
                                                                       oninput="formatarEntradaNumerica(this);atualizarPesoTotal({{$i}})"
                                                                />
                                                                <span class="input-group-text">kg</span>
                                                            </div>
                                                            @if ($errors->has('name'))
                                                                <span id="peso-error" class="error text-danger"
                                                                      for="input-peso">{{ $errors->first('peso') }}</span>
                                                            @endif
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-1">
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <div class="form-group">
                                                            <label class="d-block d-sm-none">Excluir</label>
                                                            <button type="button"
                                                                    class="form-control btn btn-danger remove-volume-button"
                                                                    data-id="{{ $item->idcotacaoitem }}"><i
                                                                    class="fa fa-trash"></i></button>
                                                        </div>

                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    @php $i++; @endphp
                                @endforeach
                            @endif
                            <div class="volume-container">
                                <!-- Seus campos de input existentes aqui -->
                            </div>
                            <div class="row">
                                <hr>
                                <div class="ms-auto ">
                                    <button type="button" id="add-volume-button"
                                            class="btn btn-warning btn-sm ms-auto "><i class="fa fa-plus me-3"
                                                                                       aria-hidden="true"></i>Adicionar
                                        Volume
                                    </button>
                                    <button class="btn btn-danger btn-sm ms-auto d-none"><i class="fas fa-trash"
                                                                                            aria-hidden="true"></i>
                                    </button>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
                @if(isset($cotacaoLog) && count($cotacaoLog) > 0)
                    <div class="col-md-12 d-flex justify-content-end">
                        <button class="btn btn-warning btn-delicate collapsed" id="visualizarFalhas" type="button"
                                data-bs-toggle="collapse" data-bs-target="#collapseFalha" aria-expanded="false"
                                aria-controls="collapseExample">
                            <i class="fa fa-exclamation-circle" aria-hidden="true"></i>&nbsp;&nbsp;visualizar falhas
                        </button>
                    </div>

                    @foreach($cotacaoLog as $log)
                        <div class="collapse" id="collapseFalha">
                            <div class="col-md-12 mt-4 cotacao-log-alert">
                                <div class="alert alert-warning alert-dismissible fade show" role="alert">
                                    <span class="alert-icon"><i class="fa fa-exclamation-circle"></i></span>
                                    <span class="alert-text">Falha no(s) serviço(s):<strong></strong>Por favor, verifique as configurações ou contate o administrador.   </span>
                                    <button type="button" class="btn-close" data-idcotacaolog="{{$log->idcotacaolog}}"
                                            data-bs-dismiss="alert" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                            </div>
                        </div>
                    @endforeach
                @endif


                @if (isset($cotacao))
                    <div class="col-md-12 mt-4">
                        <div class="card mb-4" id="retorno">
                            <div class="card-header pb-0">
                                <div class="d-flex flex-column flex-md-row align-items-md-center">
                                    <p class="mb-4 flex-grow-1">Cotações</p>
                                    <div class="ms-md-auto col-md-4">
                                        <div class="row">
                                            <div class="col text-md-end">{{ $cotacao->origemcidade }}
                                                /{{ $cotacao->origemuf }}</div>
                                            <div class="col-1 text-center">></div>
                                            <div class="col text-md-start">{{ $cotacao->destinocidade }}
                                                /{{ $cotacao->destinouf }}</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="card-body px-0 pt-0 pb-2">
                                <div class="table-responsive p-0">
                                    <table class="table align-items-center mb-0" id="retorno">
                                        <thead>
                                        <tr style="cursor: pointer;">
                                            @if(Auth::user()->admin)
                                                @if(Auth::user()->id == 1 || Auth::user()->id == 2 || Auth::user()->id == 75)
                                                    <th class="text-left text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 p-2">
                                                        Aud
                                                    </th>
                                                @endif
                                                <th class="text-left text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 p-2">
                                                    Serviço
                                                </th>
                                                <th class="d-none text-left text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 p-2">
                                                    Taxa Coleta
                                                </th>
                                                <th class="text-left text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 p-2">
                                                    Tipo
                                                </th>
                                                <th class="text-left text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 p-2">
                                                    Destino
                                                </th>
                                                <th class="text-left text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 p-2">
                                                    Prazo (dias úteis)
                                                </th>
                                                <th class="text-left text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 p-2">
                                                    Vlr
                                                </th>
                                                <th class="text-left text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 p-2">
                                                    Peso
                                                </th>
                                                <th class="text-left text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 p-2">
                                                    Vlr KG
                                                </th>
                                                <th class="text-left text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 p-2">
                                                    Vlr Srv+KG
                                                </th>
                                                <th class="text-left text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 p-2">
                                                    % sob Valor
                                                </th>
                                                <th class="text-left text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 p-2">
                                                    Vlr %V
                                                </th>
                                                <th class="text-left text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 p-2">
                                                    % sob CE
                                                </th>
                                                <th class="text-left text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 p-2">
                                                    Vlr %CE
                                                </th>
                                                <th class="text-left text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 p-2">
                                                    Total
                                                </th>
                                            @else
                                                <th class="text-left text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 p-2">
                                                    Serviço
                                                </th>
                                                <th class="d-none text-left text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 p-2">
                                                    Taxa Coleta
                                                </th>
                                                <th class="text-left text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 p-2">
                                                    Tipo
                                                </th>
                                                <th class="text-left text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 p-2">
                                                    Destino
                                                </th>
                                                <th class="text-left text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 p-2">
                                                    Prazo (dias úteis)
                                                </th>
                                                <th class="text-left text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 p-2">
                                                    Total
                                                </th>
                                            @endif

                                        </tr>

                                        </thead>
                                        <tbody>
                                        @if(Auth::user()->admin)
                                            @if (isset($cotacao) && isset($cotacaoRetorno))
                                                @foreach ($cotacaoRetorno as $cotacaoa)
                                                    <!-- Continue com os outros campos -->
                                                    @php
                                                        $msg = [];
                                                        $response = json_decode($cotacaoa->response, true);

                                                        if(is_array($response)) {
                                                            foreach ($response as $item) {
                                                                if(isset($item['msgPrazo']) && $item['msgPrazo']) $msg = $item['msgPrazo'];
                                                            }
                                                        }
                                                    @endphp

                                                    <tr style="cursor: pointer; border-bottom-color: {{$msg ? '#fff' : '#e9ecef'}};"
                                                        data-idcotacaoretorno="{{ $cotacaoa->idcotacaoretorno }}"
                                                        @if($cotacaoa->status == 'ATIVO') class="selected-row" @endif>


                                                        @if(Auth::user()->id == 1 || Auth::user()->id == 2 || Auth::user()->id == 75)
                                                            <td>
                                                                <button type="button"
                                                                        class="btn btn-delicate btn-primary modal-toggle"
                                                                        data-toggle="modal"
                                                                        data-target="#modal{{$cotacaoa->idcotacaoretorno}}">
                                                                    <i class="fas fa-history "></i>
                                                                    <!-- Ícone de informação -->
                                                                </button>
                                                            </td>
                                                        @endif
                                                        <td>
                                                            <div style="display: flex; align-items: center; gap: 10px;">
                                                                <p class="text-xs text-uppercase font-weight-bold mb-0 p-2">{{ $cotacaoa->transportadora }}</p>

                                                            </div>
                                                        </td>
                                                        <td>
                                                            <p class="text-xs text-uppercase font-weight-bold mb-0 p-2">{{ $cotacaoa->tipo }}</p>
                                                        </td>
                                                        <td>
                                                            <p class="text-xs text-uppercase font-weight-bold mb-0 p-2">{{ $cotacaoa->cidadeRetira ?? $cotacaoa->destino }}</p>
                                                        </td>
                                                        <td>
                                                            <p class="text-xs text-uppercase font-weight-bold mb-0 p-2">
                                                                D+{{ $cotacaoa->prazo }}</p>
                                                        </td>
                                                        <td>
                                                            <p class="text-xs text-uppercase font-weight-bold mb-0 p-2">{{ $cotacaoa->vtotal }}</p>
                                                        </td>
                                                        <td>
                                                            <p class="text-xs text-uppercase font-weight-bold mb-0 p-2">{{ $cotacaoa->peso }}</p>
                                                        </td>
                                                        <td>
                                                            <p class="text-xs text-uppercase font-weight-bold mb-0 p-2">{{ $cotacaoa->somatotalkg }}</p>
                                                        </td>
                                                        <td>
                                                            <p class="text-xs text-uppercase font-weight-bold mb-0 p-2">{{ $cotacaoa->somatotalkgextra }}</p>
                                                        </td>
                                                        <td>
                                                            <p class="text-xs text-uppercase font-weight-bold mb-0 p-2">{{ $cotacaoa->somatotalpercentual }}</p>
                                                        </td>
                                                        <td>
                                                            <p class="text-xs text-uppercase font-weight-bold mb-0 p-2">{{ $cotacaoa->vlrsomatotalpercentual }}</p>
                                                        </td>
                                                        <td>
                                                            <p class="text-xs text-uppercase font-weight-bold mb-0 p-2">{{ $cotacaoa->somaextrapercentual }}</p>
                                                        </td>
                                                        <td>
                                                            <p class="text-xs text-uppercase font-weight-bold mb-0 p-2">{{ $cotacaoa->vlrsomaextrapercentual }}</p>
                                                        </td>
                                                        <td>
                                                            <p class="text-xs text-uppercase font-weight-bold mb-0 p-2">{{ $cotacaoa->somatotal }}</p>
                                                        </td>




                                                    </tr>
                                                            @if($msg)
                                                                <tr style="border-top: none; ">
                                                                    <td colspan="{{Auth::user()->id == 1 || Auth::user()->id == 2 || Auth::user()->id == 75 ? 14 : 13}}" style="padding: 0; padding-bottom: 10px; text-align: center; background-color: #fff; border-radius: 8px; font-size: 14px; color: #555;">
                                                                        <div style="display: flex; align-items: center; gap: 8px; margin-left: 10px;">
                                                                            <i class="fas fa-info-circle" style="color: #f39c12; font-size: 16px;"></i>
                                                                            <span style="color: #E25C41">{{ $msg }}</span>
                                                                        </div>
                                                                    </td>
                                                                </tr>
                                                            @endif

                                                @endforeach
                                            @else
                                                <!--$cotacaoArray invalida -->
                                            @endif
                                        @else
                                            @if (isset($cotacao) && isset($cotacaoRetorno))
                                                @foreach ($cotacaoRetorno as $cotacaoa)
                                                    <tr style="cursor: pointer;"
                                                        data-idcotacaoretorno="{{ $cotacaoa->idcotacaoretorno }}"
                                                        @if($cotacaoa->status == 'ATIVO') class="selected-row" @endif>
                                                        <td>
                                                            <p class="text-xs text-uppercase font-weight-bold mb-0 p-2">{{ $cotacaoa->transportadora }}</p>
                                                        </td>
                                                        <td>
                                                            <p class="text-xs text-uppercase font-weight-bold mb-0 p-2">{{ $cotacaoa->tipo }}</p>
                                                        </td>
                                                        <td>
                                                            <p class="text-xs text-uppercase font-weight-bold mb-0 p-2">{{ $cotacaoa->cidadeRetira ?? $cotacaoa->destino }}</p>
                                                        </td>
                                                        <td>
                                                            <p class="text-xs text-uppercase font-weight-bold mb-0 p-2">
                                                                D+{{ $cotacaoa->prazo }}</p>
                                                        </td>

                                                        <td>
                                                            <p class="text-xs text-uppercase font-weight-bold mb-0 p-2">{{ $cotacaoa->somatotal }}</p>
                                                        </td>

                                                        <!-- Continue com os outros campos -->
                                                    </tr>
                                                @endforeach
                                            @else
                                                <!--$cotacaoArray invalida -->
                                            @endif
                                        @endif

                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

                    </div>

                    <div class="col-md-12" id="nfe">
                        <div class="card">
                            <div class="card-header pb-0">
                                <div class="d-flex align-items-center">
                                    <p class="mb-4">Emitir</p>
                                    <div class="ms-auto">
                                        <input type="hidden" name="acao" value="">

                                        @if(isset($cotacao) && isset($cotacaoRetornoAtiva) && (isset($cotacaoRetornoAtiva->transportadoraservico->awb) && $cotacaoRetornoAtiva->transportadoraservico->awb === 1))

                                            <button id="emitirCotacao" type="submit"
                                                    class="btn btn-success btn-sm ms-auto "><i
                                                    class="fa fa-check me-3"></i>Emitir Cotação
                                            </button>

                                            <a id="concluido" href="#" data-status="concluido"
                                               class="form-status btn btn-success btn-sm ms-auto d-none "><i
                                                    class="fa fa-envelope me-3" aria-hidden="true"></i>Emitir
                                                Cotação</a>
                                        @else
                                            <a id="concluido" href="#" data-status="concluido"
                                               class="form-status btn btn-success btn-sm ms-auto "><i
                                                    class="fa fa-envelope me-3" aria-hidden="true"></i>Emitir
                                                Cotação</a>
                                        @endif


                                    </div>
                                </div>
                            </div>
                            @if((Auth::user()->id == 1 || Auth::user()->id == 2 || Auth::user()->id == 75) && (isset($cotacaoRetornoAtiva) && (isset($cotacaoRetornoAtiva->transportadoraservico->awb) && $cotacaoRetornoAtiva->transportadoraservico->awb === 1)))
                                <div class="ms-auto" id="retornoc">
                                    <button style=" margin:8px" type="button"
                                            class="btn btn-delicate btn-primary modal-toggle" data-toggle="modal"
                                            data-target="#modalawb">
                                        <i class="fas fa-info-circle"></i> <!-- Ícone de informação -->
                                    </button>
                                </div>

                            @endif
                            <input type="hidden" name="formapagamento"
                                   value="{{ isset($cotacao->formapagamento) ? $cotacao->formapagamento : (isset($cotacaoRetornoAtiva) ? isset($cotacaoRetornoAtiva->transportadoraservico->formapagamento) ? $cotacaoRetornoAtiva->transportadoraservico->formapagamento : '' : '') }}">
                            <input type="hidden" name="contacorrente"
                                   value="{{ $cotacao->contacorrente ? $cotacao->contacorrente : (isset($cotacaoRetornoAtiva) ? isset($cotacaoRetornoAtiva->transportadoraservico->contacorrente) ? $cotacaoRetornoAtiva->transportadoraservico->contacorrente : '' : '') }}">
                            <input type="hidden" name="tipoentrega"
                                   value="{{ $cotacao->tipoentrega ? $cotacao->tipoentrega : (isset($cotacaoRetornoAtiva) ? ($cotacaoRetornoAtiva->tipo == 'ENTREGA' ? 'Domicilio' : 'Aeroporto') : '') }}">
                            <input type="hidden" name="produtonatureza"
                                   value="{{ $cotacao->produtonatureza ? $cotacao->produtonatureza : (isset($cotacaoRetornoAtiva) ? isset($cotacaoRetornoAtiva->transportadoraservico->produtonatureza) ? $cotacaoRetornoAtiva->transportadoraservico->produtonatureza : '' : '') }}">
                            <input type="hidden" name="seguroproprio"
                                   value="{{ $cotacao->seguroproprio ? $cotacao->seguroproprio : (isset($cotacaoRetornoAtiva) ? isset($cotacaoRetornoAtiva->transportadoraservico->seguroproprio) ? $cotacaoRetornoAtiva->transportadoraservico->seguroproprio: '' : '') }}">
                            <input type="hidden" name="seguroapolice"
                                   value="{{ $cotacao->seguroapolice ? $cotacao->seguroapolice : (isset($cotacaoRetornoAtiva->transportadoraservico->seguroapolice) ? $cotacaoRetornoAtiva->transportadoraservico->seguroapolice : '') }}">
                            <input type="hidden" name="seguroseguradora"
                                   value="{{ $cotacao->seguroseguradora ? $cotacao->seguroseguradora : (isset($cotacaoRetornoAtiva->transportadoraservico->seguroseguradora) ? $cotacaoRetornoAtiva->transportadoraservico->seguroseguradora : '') }}">
                            <input type="hidden" name="siglaservico"
                                   value="{{ $cotacao->siglaservico ? $cotacao->siglaservico : (isset($cotacaoRetornoAtiva->transportadoraservico->sigla) ? trim(str_replace($cotacaoRetornoAtiva->transportadoraservico->sigla, '', $cotacaoRetornoAtiva->transportadora)) : '') }}">
                            <input type="hidden" name="codigoproduto"
                                   value="{{ $cotacao->codigoproduto ? $cotacao->codigoproduto : (isset($cotacaoRetornoAtiva->transportadoraservico->codigoproduto) ? $cotacaoRetornoAtiva->transportadoraservico->codigoproduto : '') }}">
                            <input type="hidden" name="unidadeorigemsigla"
                                   value="{{ $cotacao->unidadeorigemsigla ? $cotacao->unidadeorigemsigla : (isset($cotacaoRetornoAtiva) ? $cotacaoRetornoAtiva->origembase : '') }}">
                            <input type="hidden" name="unidadedestinosigla"
                                   value="{{ $cotacao->unidadedestinosigla ? $cotacao->unidadedestinosigla : (isset($cotacaoRetornoAtiva) ? $cotacaoRetornoAtiva->destinobase : '') }}">
                            <input type="hidden" name="taxacoleta"
                                   value="{{ $cotacao->taxacoleta ? $cotacao->taxacoleta : (isset($cotacaoRetornoAtiva->transportadoraservico->taxacoleta) ? $cotacaoRetornoAtiva->transportadoraservico->taxacoleta : '') }}">
                            <input type="hidden" name="codigomanuseio"
                                   value="{{ $cotacao->codigomanuseio ? $cotacao->codigomanuseio : (isset($cotacaoRetornoAtiva->transportadoraservico->codigomanuseio) ? $cotacaoRetornoAtiva->transportadoraservico->codigomanuseio : '') }}">
                            <input type="hidden" name="cargaperigosa"
                                   value="{{ $cotacao->cargaperigosa ? $cotacao->cargaperigosa : (isset($cotacaoRetornoAtiva->transportadoraservico->cargaperigosa) ? $cotacaoRetornoAtiva->transportadoraservico->cargaperigosa : '') }}">
                            @if(isset($cotacao) && isset($cotacaoRetornoAtiva) && isset($cotacaoRetornoAtiva->transportadoraservico->awb) ? $cotacaoRetornoAtiva->transportadoraservico->awb : '' === 1)

                                <div class="card-body">
                                    <p class="text-uppercase text-sm">DADOS
                                        CADASTRAIS {{$cotacaoRetornoAtiva->origembase}} {{$cotacaoRetornoAtiva->destinobase}}</p>
                                    <div id="nfe-row">
                                        @if(isset($cotacaoNfe))
                                            @csrf
                                            @php
                                                $i = 1;

                                            @endphp
                                            <div class="row">
                                                <div class="col-md-4" style="display: none;">
                                                    <div class="form-group">
                                                        <label >{{ __('Nome destinatario') }}</label>
                                                        <input value="{{ isset($cotacao) ? $cotacao->nomeDestinatario : old('nomeDestinatario') }}" class="form-control  {{ $errors->has('nomeDestinatario') ? ' is-invalid' : '' }}" name="nomeDestinatario" />
                                                    </div>
                                                </div>

                                                <div class="col-md-4" style="display: none;">
                                                    <div class="form-group">
                                                        <label >{{ __('Logradouro') }}</label>
                                                        <input value="{{ isset($cotacao) ? $cotacao->logradouroDestinatario : old('logradouroDestinatario') }}" class="form-control  {{ $errors->has('logradouroDestinatario') ? ' is-invalid' : '' }}" name="logradouroDestinatario" />
                                                    </div>
                                                </div>

                                                <div class="col-md-4" style="display: none;">
                                                    <div class="form-group">
                                                        <label >{{ __('Número') }}</label>
                                                        <input value="{{ isset($cotacao) ? $cotacao->numeroDestinatario : old('numeroDestinatario') }}" class="form-control  {{ $errors->has('numeroDestinatario') ? ' is-invalid' : '' }}" name="numeroDestinatario" />
                                                    </div>
                                                </div>
                                                <div class="col-md-1" style="display: none;">
                                                    <div style="display: flex; gap: 5px; align-items: center;">
                                                        <label >{{ __('AR') }}</label>
                                                        <input type="checkbox" id="ar" value="true" class=" {{ $errors->has('ar') ? ' is-invalid' : '' }}" name="ar"  style="margin-bottom: 0.5rem"/>
                                                    </div>
                                                </div>
                                                <div class="col-md-4" style="display: none;">
                                                    <div style="display: flex; gap: 5px; align-items: center;">
                                                        <label >{{ __('Seguro') }}</label>
                                                        <input type="checkbox" id="seguro" value="true" class=" {{ $errors->has('seguro') ? ' is-invalid' : '' }}" name="seguro"  style="margin-bottom: 0.5rem"/>
                                                    </div>
                                                </div>

                                                <div class="col-md-1" style="display: none;">
                                                    <div style="display: flex; gap: 5px; align-items: center;">
                                                        <label >{{ __('RR') }}</label>
                                                        <input type="checkbox" id="dcConteudo" value="true" class=" {{ $errors->has('dcConteudo') ? ' is-invalid' : '' }}" name="dcConteudo"  style="margin-bottom: 0.5rem"/>
                                                    </div>
                                                </div>

                                                <div class="col-md-12" style="display: none;">
                                                    <div style="display: flex; gap: 5px; flex-direction: column">
                                                        <label >{{ __('Observação') }}</label>
                                                        <textarea  id="obs" class=" {{ $errors->has('obs') ? ' is-invalid' : '' }} form-control" name="obs"  style="margin-bottom: 0.5rem">{{ isset($cotacao) ? $cotacao->obs : old('obs') }}</textarea>
                                                    </div>
                                                </div>

                                            </div>
                                            @foreach ($cotacaoNfe as $nfe)

                                                <div class="row">
                                                    <div class="nfe-container">
                                                        <!-- Linha inicial que será clonada -->
                                                        <div class="row nfe-set mb-1" data-indice="1">
                                                            <input type="hidden" class="form-control"
                                                                   name="idcotacaonfe[]"
                                                                   value="{{ isset($cotacao) ? $nfe->idcotacaonfe : old('idcotacaonfe') }}"/>

                                                            {{-- Destino Base --}}

                                                            <div class="col-md-4">
                                                                <label>{{ __('NF-e') }}</label>
                                                                <input type="text" class="form-control" name="nfe[]"
                                                                       placeholder="Número da NFe"
                                                                       value="{{ isset($cotacao) ? $nfe->nfe : old('nfe') }}"
                                                                       required="true" aria-required="true"/>
                                                            </div>
                                                            <div class="col-md-2">
                                                                <label>{{ __('Valor (R$)') }}</label>
                                                                <input type="text" class="form-control" name="nfevlr[]"
                                                                       placeholder="Valor da NFe"
                                                                       value="{{ isset($cotacao) ? number_format($nfe->nfevlr, 2, ',','') : old('nfevlr') }}"
                                                                       oninput="formatarEntradaNumerica(this);"
                                                                       required="true" aria-required="true"
                                                                />
                                                            </div>
                                                            <div class="col-md-5">
                                                                <label class="col-12">{{ __('XML') }}</label>

                                                                {{-- Se o arquivo existir, mostre o nome e o link para abrir --}}
                                                                <input type="file" class="form-control" name="nfexml[]"
                                                                       onchange="this.form.submit();"/>
                                                                @if(isset($nfe->nfexml) && !empty($nfe->nfexml))
                                                                    <a href="{{ asset('storage/' . $nfe->nfexml) }}"
                                                                       target="_blank" class="text-sm mt-3"><i
                                                                            class="fa fa-file"></i> Visualizar
                                                                        Arquivo</a>
                                                                @endif
                                                            </div>
                                                            <div class="col-md-1">
                                                                <label class="col-12">{{ __('Ação') }}</label>
                                                                <button type="button"
                                                                        class="btn btn-danger remove-nfe-button"
                                                                        data-id="{{ $nfe->idcotacaonfe }}"><i
                                                                        class="fa fa-trash"></i></button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endforeach
                                        @endif
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <button type="button" id="add-nfe-button"
                                                    class="btn btn-warning btn-sm ms-auto ">
                                                <i class="fa fa-plus me-3" aria-hidden="true"></i>
                                                Adicionar NFe
                                            </button>

                                            <button type="button" id="visualizarEtiqueta"
                                                    class="btn btn-warning btn-sm ms-auto " style="display: none">
                                                <i class="fa fa-plus me-3" aria-hidden="true"></i>
                                                Visualizar etiqueta
                                            </button>
                                        </div>
                                    </div>
                                    <hr>

                                </div>
                            @endif
                        </div>
                    </div>
                @endif

                <div class="col-md-12">
                    @if(isset($cotacao))
                        @include('partials.upload', ['model' => $cotacao])
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>

@if(Auth::user()->id == 1 || Auth::user()->id == 2 || Auth::user()->id == 75)
    @if (isset($cotacao) && isset($cotacaoRetorno))
        @foreach ($cotacaoRetorno as $cotacaoa)

            <div class="modal fade " id="modal{{$cotacaoa->idcotacaoretorno}}" tabindex="-1" role="dialog"
                 aria-labelledby="modal{{$cotacaoa->idcotacaoretorno}}Label" aria-hidden="true">
                <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="modal{{$loop->iteration}}Label">Detalhes da Cotação</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <div class="row">
                                <div class="col-md-12">
                                    Request:
                                    <pre class="preformatted-text hljs">
                                            <code
                                                class="json">{{ json_encode(json_decode($cotacaoa->request), JSON_PRETTY_PRINT) }}</code>
                                        </pre>
                                </div>
                                <div class="col-md-12">
                                    Response:
                                    <pre class="preformatted-text hljs">
                                            <code
                                                class="json">{{ json_encode(json_decode($cotacaoa->response), JSON_PRETTY_PRINT) }}</code>
                                        </pre>
                                </div>
                            </div>
                            <!-- Aqui você pode formatar e exibir o conteúdo do request e do response -->

                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary fechar" data-dismiss="modal">Fechar</button>
                        </div>
                    </div>
                </div>
            </div>

        @endforeach
    @else
        <!--$cotacaoArray invalida -->
    @endif
@endif
<div class="container-fluid py-4">

</div>

@if(Auth::user()->id == 1 || Auth::user()->id == 2 || Auth::user()->id == 75)
    @if (isset($cotacao) )
        <div class="modal fade " id="modalawb" tabindex="-1" role="dialog" aria-labelledby="modalawbLabel"
             aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="modalawb4Label">Detalhes da Cotação</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-md-12">
                                Request:
                                <pre class="preformatted-text hljs">
                                <code
                                    class="json">{{ json_encode(json_decode($cotacao->request), JSON_PRETTY_PRINT) }}</code>
                            </pre>
                            </div>
                            @php
                                // Decodifica o JSON para um objeto PHP para evitar dupla codificação
                                $responseData = json_decode($cotacao->response);

                                // Recodifica o JSON com as opções para evitar caracteres escapados e para embelezar
                                $prettyJson = json_encode($responseData, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES);
                            @endphp

                            <div class="col-md-12">
                                Response:
                                <pre class="preformatted-text hljs"><code class="json">{{ $prettyJson }}</code></pre>
                            </div>

                        </div>
                        <!-- Aqui você pode formatar e exibir o conteúdo do request e do response -->

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary fechar" data-dismiss="modal">Fechar</button>
                    </div>
                </div>
            </div>
        </div>
    @endif
@endif

<script src="/assets/js/jquery.min.js"
        type="text/javascript"></script>

<script>

    document.addEventListener('DOMContentLoaded', function () {
        function toggleFields() {
            // Obtém a opção selecionada
            const selectedOption = document.querySelector('select[name="idempresa"] option:checked');
            const isAzulCargo = selectedOption.getAttribute('data-azulcargo') === 'true';
            const isGollog = selectedOption.getAttribute('data-gollog') === 'true';

            // Seleciona os campos
            const destinoBaseField = document.querySelector('select[name="destinobase"]').closest('.col-md-12');
            const destinoBaseGolField = document.querySelector('select[name="destinobasegol"]').closest('.col-md-12');


            // Oculta ambos os campos inicialmente
            destinoBaseField.style.display = 'none';
            destinoBaseGolField.style.display = 'none';

            // Exibe os campos com base nos atributos
            if (isAzulCargo) {
                destinoBaseField.style.display = 'block';
            }
            if (isGollog) {
                destinoBaseGolField.style.display = 'block';
            }

            var cotacao = '';

            @if(isset($cotacaoRetornoAtiva))
                cotacao = {!! json_encode($cotacaoRetornoAtiva->servicename) !!};
            @endif

            if (cotacao && cotacao == 'CorreiosService') {
                const destinoCorreio = document.querySelector('input[name="nomeDestinatario"]').closest('.col-md-4');
                const destinoCorreioLogradouro = document.querySelector('input[name="logradouroDestinatario"]').closest('.col-md-4');
                const destinoCorreioNumero = document.querySelector('input[name="numeroDestinatario"]').closest('.col-md-4');
                const destinoSeguro= document.querySelector('input[name="seguro"]').closest('.col-md-4');
                const ar = document.querySelector('input[name="ar"]').closest('.col-md-1');
                const dcConteudo = document.querySelector('input[name="dcConteudo"]').closest('.col-md-1');
                const obs = document.querySelector('textarea[name="obs"]').closest('.col-md-12');

                destinoCorreio.style.display = 'block';
                destinoCorreioLogradouro.style.display = 'block';
                destinoCorreioNumero.style.display = 'block';
                ar.style.display = 'block';
                dcConteudo.style.display = 'block';
                obs.style.display = 'block';

                let vlDeclarado = false

                @if(isset($cotacaoRetornoAtiva) && $cotacaoRetornoAtiva->transportadoraservico->vlrdeclarado)
                    vlDeclarado = {!! $cotacaoRetornoAtiva->transportadoraservico->vlrdeclarado !!};
                @endif

                if(!vlDeclarado)destinoSeguro.style.display = 'block';

            }
        }

        // Chama a função ao carregar a página
        toggleFields();

        // Adiciona um listener para mudar a visibilidade dos campos quando a seleção mudar
        document.querySelector('select[name="idempresa"]').addEventListener('change', toggleFields);
    });

    // Espera o carregamento completo do DOM para garantir que todos os elementos estejam acessíveis
    document.addEventListener('DOMContentLoaded', function () {
        // Seleção dos elementos da página necessários para as operações
        const formPrincipal = document.getElementById('formPrincipal');
        const inputVlrTotal = document.getElementById('input-vlrtotal');
        const loadingIndicator = document.getElementById('loadingIndicator');

        // Oculta o indicador de carregamento ao carregar a página
        loadingIndicator.style.display = 'none';

        // Configura os botões de ação para emitir cotação e procurar
        // Simplificando a configuração em uma única função
        ['emitirCotacao', 'procurar'].forEach(action => {

            const element = document.getElementById(action);
            if (element) { // Verifica se o elemento existe antes de tentar adicionar o ouvinte
                element.addEventListener('click', function () {
                    const acaoElements = document.getElementsByName('acao');

                    if (acaoElements.length > 0) { // Verifica se o elemento de nome 'acao' existe
                        acaoElements[0].value = action;
                        // alert('a');

                        if (action === 'procurar') {
                            limparInputsEspecificos();
                        }



                    }
                });
            } else {
                console.log(`Elemento com ID '${action}' não encontrado.`);
            }
        });


        function limparInputsEspecificos() {
            // Lista dos nomes dos inputs a serem limpos
            const nomesInputs = [
                'formapagamento', 'contacorrente', 'tipoentrega', 'produtonatureza',
                'seguroproprio', 'seguroapolice', 'seguroseguradora', 'siglaservico',
                'codigoproduto', 'unidadeorigemsigla', 'unidadedestinosigla',
                'taxacoleta', 'codigomanuseio', 'cargaperigosa'
            ];

            // Itera sobre cada nome de input e limpa seu valor
            nomesInputs.forEach(nomeInput => {
                const input = document.getElementsByName(nomeInput)[0];
                if (input) {
                    input.value = '';
                }
            });
        }

        // Evento de submissão do formulário
        formPrincipal.addEventListener('submit', function (event) {

            event.preventDefault(); // Previne a submissão padrão do formulário

            // Calcula a soma dos valores das NFes
            let soma = Array.from(document.querySelectorAll('input[name="nfevlr[]"]'))
                .reduce((acc, input) => acc + (parseFloat(input.value) || 0), 0);

            // Tenta pegar o elemento input oculto
            const acaoElement = document.querySelector('input[name="acao"]');

            // Verifica se o elemento existe antes de tentar acessar o valor
            if (acaoElement) {
                const acaoValue = acaoElement.value;

                // Procede apenas se a ação é emitirCotacao
                if (acaoValue === 'emitirCotacao') {
                    // Validação do valor total
                    if (!inputVlrTotal.value || parseFloat(inputVlrTotal.value) !== soma) {

                        let somaFormatada = soma.toLocaleString('pt-BR', {style: 'currency', currency: 'BRL'});
                        // Define a mensagem do diálogo
                        const mensagem = `Os valores informados não batem com o valor total. \n\nValor calculado: ${somaFormatada}. \n\nO valor será atualizado automaticamente, e uma nova pesquisa será realizada. \n\nDeseja prosseguir?`;

                        // Exibe o diálogo de confirmação
                        if (confirm(mensagem)) {
                            // Se o usuário clicou em "OK", atualiza o valor total e a ação
                            inputVlrTotal.value = soma.toFixed(2);
                            inputVlrTotal.disabled = false;
                            acaoElement.value = "procurar";

                            // Submete o formulário novamente
                            loadingIndicator.style.display = 'block';
                            formPrincipal.submit();
                        } else {
                            acaoElement.value = "";
                            // Se o usuário clicou em "Cancelar", interrompe a submissão do formulário
                            return false;
                        }
                    } else {
                        const modelId = {{ $cotacao->idcotacao ?? 'undefined' }};
                        changeStatus('cotacao', modelId, 'concluido');
                    }
                }
            }

            // Submete o formulário se houver uma linha selecionada
            return submitForm();
        });


        const hasSelectedRow = document.querySelector('#retorno .selected-row');

        if (hasSelectedRow) {
            // Seleciona todos os inputs dentro dos contêineres especificados
            // Seleciona todos os inputs, selects, textareas e buttons que não estão dentro do div com id 'nfe'
            const inputsInDados = document.querySelectorAll('#dados input:not(button), #dados select, #dados textarea');
            inputsInDados.forEach(function (input) {
                input.disabled = true;
            });

            // 2. Desabilita todos os inputs e botões dentro de #volume
            const elementsInVolume = document.querySelectorAll('#volume input, #volume button:not(#visualizarFalhas), #volume select, #volume textarea');
            elementsInVolume.forEach(function (element) {
                element.disabled = true;
            });
        }


        // Função para tentar a submissão do formulário
        function submitForm() {
            const hasSelectedRow = document.querySelector('#retorno .selected-row');
            if (hasSelectedRow) {
                // Exibe o indicador de carregamento e submete o formulário
                loadingIndicator.style.display = 'block';
                formPrincipal.submit();
            } else {
                // Tenta pegar o elemento input oculto
                const acaoElement = document.querySelector('input[name="acao"]');

                // Verifica se o elemento existe antes de tentar acessar o valor
                if (acaoElement) {
                    const acaoValue = acaoElement.value;

                    // Procede apenas se a ação é emitirCotacao
                    if (acaoValue === 'emitirCotacao') {


                        // Exige a seleção de uma linha antes da submissão
                        alert('Por favor, selecione uma linha antes de submeter.');
                        return false;
                    } else {
                        loadingIndicator.style.display = 'block';
                        formPrincipal.submit();
                    }
                } else {
                    loadingIndicator.style.display = 'block';
                    formPrincipal.submit();
                }
            }
        }
    });

    //Adiciona e Remove os campos
    $(document).ready(function () {
        let nfeCount = 2; // Começa a contar do próximo índice

        $('#add-nfe-button').click(function () {
            $('#nfe-row').append(`
        <div class="row" >
            <div class="nfe-container">
                <div class="row nfe-set mb-1" data-indice="${nfeCount}">
                <input type="hidden" class="form-control" name="idcotacaonfe[]">
                    <div class="col-md-4">
                        <div class="form-group d-none">
                            <label >{{ __('NF-e') }}</label>
                        </div>
                        <input type="text" class="form-control" name="nfe[]" placeholder="Número da NFe" required="true" aria-required="true"/>
                    </div>
                    <div class="col-md-2">
                        <div class="form-group d-none">
                            <label >{{ __('Valor (R$)') }}</label>
                        </div>
                        <input type="text" class="form-control" name="nfevlr[]" placeholder="Valor da NFe" required="true" aria-required="true"
                        oninput="formatarEntradaNumerica(this);"
                        />
                    </div>
                    <div class="col-md-5">
                        <div class="form-group d-none">
                            <label >{{ __('XML') }}</label>
                        </div>
                        <input type="file" class="form-control" name="nfexml[]" onchange="this.form.submit();" required="true" aria-required="true" />
                    </div>
                    <div class="col-md-1">
                        <div class="form-group d-none">
                            <label >{{ __('Valor (R$)') }}</label>
                        </div>
                        <button type="button" class="btn btn-danger remove-nfe-button"><i class="fa fa-trash"></i></button>
                    </div>
                </div>
            </div>
        </div>
        `);
            nfeCount++;
        });

        @if(isset($cotacao) && $cotacao->response)
        $('#visualizarEtiqueta').click(function () {
            const response = {!! json_encode($cotacao->response) !!};
            let convert = JSON.parse(response)
            const cotacaoRetornoAtiva = {!! json_encode($cotacaoRetornoAtiva) !!};

            $.ajax({
                url: `/visualizarEtiqueta/${convert.idRecibo}`, // URL da rota definida
                type: 'POST',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                data: cotacaoRetornoAtiva,
                dataType: 'json',
                success: function ({data}) {
                    if(data.response.dados) {
                        let base64Pdf = data.response.dados;
                        const pdfUrl = `data:application/pdf;base64,${base64Pdf}`;

                        // Criar um elemento <a> temporário
                        const link = document.createElement('a');
                        link.href = pdfUrl;
                        link.download = `etiqueda-${convert.idRecibo}.pdf`;

                        // Simular o clique no link para iniciar o download
                        document.body.appendChild(link);
                        link.click();

                        // Remover o link temporário
                        document.body.removeChild(link);

                    }
                },
                error: function (xhr) {
                    // Aqui você pode tratar erros
                    console.error(xhr.responseText);
                }
            });
        });
        @endif

        $('body').on('click', '.remove-nfe-button', function () {
            var itemId = $(this).data('id');

            if ($('.nfe-container .nfe-set').length > 1) {
                if (itemId) {

                    // Este é um item existente, então exclua-o do banco de dados
                    $.ajax({
                        url: '/cotacaonfe/' + itemId, // Certifique-se de que esta URL está correta
                        type: 'DELETE',
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        success: function (response) {
                            if (response.success) {
                                //alert(response.success);
                                $(this).closest('.nfe-set').remove();
                            } else {
                                alert(response.error);
                            }
                        }.bind(this),
                        error: function (xhr, status, error) {
                            alert('Ocorreu um erro ao excluir a NFe.');
                        }
                    });
                } else {
                    // Este é um novo item, então simplesmente remova-o do DOM
                    $(this).closest('.nfe-set').remove();
                }
            } else {
                alert('Ao menos uma NFe deve ser mantida.');
            }
        });

    });
</script>
<script>

    function disableSearchButton() {
        $('#procurar').prop('disabled', true);
    }

    function enableSearchButton() {
        $('#procurar').prop('disabled', false);
    }

    function showError(message) {
        $('#input-destinocep').addClass('is-invalid');
        $('#destinocep-error').text(message).show();
        disableSearchButton();
    }


    function updateDropdownMenu(newStatus) {
        document.querySelectorAll('.form-status');
        //console.log('entreiiii' + newStatus)
        document.querySelectorAll('.form-status');
        dropdownMenu = $('.dropdown-menu');
        dropdownMenu.empty(); // Limpa o menu
        document.querySelectorAll('.form-status');
        //console.log('fim');

        // Adiciona opções com base no novo status
        if (newStatus !== 'cancelado' && newStatus !== 'concluido' && newStatus !== 'aberto' && newStatus !== 'recusado') {
            //console.log(1);
            dropdownMenu.append('<li><a id="aberto" class="dropdown-item form-status" href="#" data-status="aberto">EM ABERTO</a></li>');
        }
        if (newStatus === 'aberto') {
            //console.log(2);
            dropdownMenu.append('<li><a id="concluido" class="dropdown-item form-status" href="#" data-status="concluido">CONCLUIR</a></li>');
            dropdownMenu.append('<li><a id="recusado" class="dropdown-item form-status" href="#" data-status="recusado">RECUSAR</a></li>');
        }
        if (newStatus === 'concluido') {
            //console.log(3);
            dropdownMenu.append('<li><a id="cancelado" class="dropdown-item form-status" href="#" data-status="cancelado">CANCELAR</a></li>');
        }

        const statusElements = document.querySelectorAll('.form-status');
        const modelId = {{ $cotacao->idcotacao ?? 'undefined' }};

        statusElements.forEach((element) => {
            element.addEventListener('click', () => {
                const status = element.getAttribute('data-status');
                changeStatus('cotacao', modelId, status);
            });
        });
    }

    function changeStatus(model, id, newStatus) {

        if (newStatus.toUpperCase() === 'CONCLUIDO' || newStatus.toUpperCase() === 'ENVIADO') {
            // Verifica se há uma linha selecionada na tabela
            var hasSelectedRow = $('#retorno').find('.selected-row').length > 0;

            // Se houver uma linha selecionada, chama a função changeStatus
            if (!hasSelectedRow) {

                alert('Por favor, selecione uma cotação antes de alterar o status.');
                return; // Sai da função
            }
        }


        $.ajax({
            url: `/status/${model}/${id}/${newStatus}`,
            method: 'GET',
            success: function (response) {

                var statusText = newStatus.toLowerCase();
                var badgeClass = '';
                switch (statusText) {
                    case 'concluido':
                        badgeClass = 'bg-gradient-success';
                        break;
                    case 'cancelado':
                    case 'recusado':
                        badgeClass = 'bg-gradient-danger';
                        break;
                    case 'aberto':
                        badgeClass = 'bg-gradient-info';
                        break;
                    default:
                        badgeClass = 'bg-gradient-secondary'; // Uma cor padrão para status não reconhecidos
                }

                // Atualiza o label e a cor do status
                var statusLabel = `<span class="badge badge-sm ${badgeClass} p-2">${statusText}</span>`;
                $('#head-username').html(statusLabel);


                //console.log(response);
                $('#navbarDropdownMenuLink2').text(newStatus).css('text-transform', 'uppercase');
                // Atualize a UI aqui
                updateDropdownMenu(newStatus.toLowerCase()); // Atualiza o menu dropdown

                if (newStatus.toUpperCase() === 'CONCLUIDO' || newStatus.toUpperCase() === 'CANCELADO' || newStatus.toUpperCase() === 'RECUSADO') {
                    if ($('#visualizarFalhas').length) {
                        $('#formPrincipal').find('input, textarea, button, select').not('#visualizarFalhas').attr('disabled', true);
                    } else {
                        $('#formPrincipal').find('input, textarea, button, select').attr('disabled', true);
                    }
                    disableSearchButton();

                    $('#emitirCotacao').hide();
                    $('#concluido').hide(); // Esconde o link/ação "Emitir Cotação"
                    $('#recusado').hide(); // Esconde o link/ação "Emitir Cotação"
                    $('#cancelado').hide(); // Esconde o link/ação "Emitir Cotação"
                    $('.form-status').off('click');
                    if (newStatus.toUpperCase() === 'CANCELADO' || newStatus.toUpperCase() === 'RECUSADO') {
                        $('#navbarDropdownMenuLink2').addClass('disabled').removeAttr('data-bs-toggle');
                    } else if (newStatus.toUpperCase() === 'CONCLUIDO') {
                        $('#cancelado').show();

                    }
                    // Restaurar a funcionalidade para os botões das modais
                    $('.modal-toggle').prop('disabled', false); // Habilitar todos os botões com a classe 'modal-toggle'
                    $('.modal-toggle').removeAttr('data-toggle'); // Remover o atributo 'data-toggle'
                    $('.close').removeAttr('disabled'); // Remover o atributo 'disabled' dos botões com classe '.close'
                    $('.fechar').removeAttr('disabled'); // Remover o atributo 'disabled' dos botões com classe '.fechar'
                }
            },
            error: function (error) {
                console.log(error);
                // Lidar com erros aqui
            }
        });
    }
</script>
<script>
    document.addEventListener('DOMContentLoaded', () => {
        const modelId = {{ $cotacao->idcotacao ?? 'undefined' }};
        const statusElements = document.querySelectorAll('.form-status');

        statusElements.forEach((element) => {
            element.addEventListener('click', () => {
                const status = element.getAttribute('data-status');
                changeStatus('cotacao', modelId, status);
            });
        });

        const selectElement = document.querySelector("select[name='destinobase']");
        const hiddenInput = document.getElementById("input-cidadeRetira");

        function updateHiddenInput() {
            const selectedOption = selectElement.options[selectElement.selectedIndex];
            hiddenInput.value = selectedOption.getAttribute("data-cidade");
        }

        // Atualiza o campo hidden ao carregar a página
        updateHiddenInput();

        // Atualiza quando o usuário altera o select
        selectElement.addEventListener("change", updateHiddenInput);
    });

    $(document).ready(function () {
        var statusAtual = "{{ $cotacao->status ?? 'undefined' }}".toUpperCase();

        if (statusAtual === 'CONCLUIDO' || statusAtual === 'CANCELADO' || statusAtual === 'RECUSADO') {

            if ($('#visualizarFalhas').length) {
                $('#formPrincipal').find('input, textarea, button, select').not('#visualizarFalhas').not('#visualizarEtiqueta').attr('disabled', true);


            } else {
                $('#formPrincipal').find('input, textarea, button, select').not('#visualizarEtiqueta').attr('disabled', true);
            }
            disableSearchButton();
            $('#emitirCotacao').hide();
            $('#concluido').hide(); // Esconde o link/ação "Emitir Cotação"
            $('#recusado').hide(); // Esconde o link/ação "Emitir Cotação"
            $('#cancelado').hide(); // Esconde o link/ação "Emitir Cotação"

            let response = ''
            let cotacao = ''
            @if(isset($cotacao))
                response = {!! json_encode($cotacao->response) !!};
            cotacao = {!! json_encode($cotacao) !!};
            @endif

            if(cotacao && cotacao.ar) $('#ar').attr('checked', true);
            if(cotacao && cotacao.seguro) $('#seguro').attr('checked', true);

            if(response) {
                let convert = JSON.parse(response)
                if(convert && convert.idRecibo) {
                    const btnEtiqueta = document.querySelector('#visualizarEtiqueta');
                    btnEtiqueta.style.display = 'inline';
                }

            }

            if (statusAtual === 'CANCELADO' || statusAtual === 'RECUSADO') {
                $('#navbarDropdownMenuLink2').addClass('disabled').removeAttr('data-bs-toggle');
                // Esconde os botões específicos

            } else if (statusAtual === 'CONCLUIDO') {
                $('#cancelado').show();

            }

            $('.form-status').off('click');
            $('.modal-toggle').prop('disabled', false); // Habilitar todos os botões com a classe 'modal-toggle'
            $('.modal-toggle').removeAttr('data-toggle'); // Remover o atributo 'data-toggle'
            $('.close').removeAttr('disabled'); // Remover o atributo 'disabled' dos botões com classe '.close'
            $('.fechar').removeAttr('disabled'); // Remover o atributo 'disabled' dos botões com classe '.fechar'

        } else {
            $('#recusado').show(); // Esconde o link/ação "Emitir Cotação"
            $('#cancelado').hide(); // Esconde o link/ação "Emitir Cotação"
        }

        // O restante do seu código de inicialização
    });
</script>
<script>
    $(document).ready(function () {
        $('#input-origemcep').mask('00000-000');
        $('#input-destinocep').mask('00000-000');
        $('#input-cnpjremetente').mask('00.000.000/0000-00');
        $('#input-cnpjdestinatario').mask('00.000.000/0000-00');
    });
</script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#input-origemcep').keyup(function () {
            var cep = $(this).val();

            // Remove caracteres não numéricos e verifica se o cep tem 8 caracteres
            var cleancep = cep.replace(/\D/g, '');
            if (cleancep.length == 8) {
                $.ajax({
                    url: '/buscar-cep/' + cleancep,
                    method: 'GET',
                    success: function (data) {
                        // Supondo que os nomes das chaves na resposta sejam 'endereco', 'bairro', etc.
                        // Ajuste conforme necessário de acordo com a estrutura da sua resposta
                        $('#input-origemibge').val(data.ibge);
                        $('#input-origemcidade').val(data.localidade);
                        $('#input-origemuf').val(data.uf);
                        // Note que 'numero' e 'complemento' não estão sendo preenchidos,
                        // pois geralmente não são fornecidos por APIs de cep
                    },
                    error: function (error) {
                        console.error(error);
                        alert('Erro ao buscar cep. Tente novamente.');
                    }
                });
            } else {
                //      alert('cep inválido. Por favor, insira um cep válido.');
            }
        });


        function checkCEP(clearDestinoBase = true) {
            var cep = $('#input-destinocep').val();
            var cleancep = cep.replace(/\D/g, '');

            if (cleancep.length == 8) {
                $.ajax({
                    url: '/buscar-cep/' + cleancep,
                    method: 'GET',
                    success: function (data) {
                        if (clearDestinoBase) {
                            $('select[name="destinobase"]').val('');
                            $('select[name="destinobasegol"]').val('');
                        }
                        if (data.erro) {
                            disableSearchButton();
                            showError('Erro ao buscar cep. Tente novamente.');
                            return;
                        }
                        enableSearchButton();
                        $('#input-destinocep').removeClass('is-invalid');
                        $('#destinocep-error').hide();
                        $('#input-destinoibge').val(data.ibge);
                        $('#input-destinocidade').val(data.localidade);
                        $('#input-destinouf').val(data.uf);
                        filterSelectOptions(data.uf);
                        //console.log(data.ibge);
                    },
                    error: function (error) {
                        disableSearchButton();
                        console.error(error);
                        showError('Erro ao buscar cep. Tente novamente.');
                    }
                });
            } else {
                disableSearchButton();
            }
        }

        // Armazenar todas as opções
        var allOptions = $('select[name="destinobase"] option').clone();

        var allOptionsGol = $('select[name="destinobasegol"] option').clone();

        function filterSelectOptions(uf) {
            var select = $('select[name="destinobase"]');
            var selectgol = $('select[name="destinobasegol"]');
            select.empty(); // Remover todas as opções atuais
            selectgol.empty(); // Remover todas as opções atuais

            // Reinsira apenas as opções que correspondem ao filtro
            allOptions.each(function () {
                if ($(this).data('uf') === uf || $(this).val() === '') {
                    select.append($(this));
                }
            });

            // Reinsira apenas as opções que correspondem ao filtro
            allOptionsGol.each(function () {
                if ($(this).data('uf') === uf || $(this).val() === '') {
                    selectgol.append($(this));
                }
            });
        }


        $('#input-destinocep').keyup(checkCEP);

        $(document).ready(function () {
            var statusAtual = "{{ $cotacao->status ?? 'undefined' }}".toUpperCase();

            if (statusAtual === 'CONCLUIDO' || statusAtual === 'CANCELADO' || statusAtual === 'RECUSADO') {

            } else {
                checkCEP(false);
            }
        });


        // Verifique o CEP imediatamente ao carregar a página
        // /checkCEP();

        $('#input-destinocep').on('input', function () {
            if ($(this).val().length <= 8) {
                $(this).removeClass('is-invalid');
                $('#destinocep-error').hide();
            }
        });

        function showError(message) {
            $('#input-destinocep').addClass('is-invalid').focus();
            $('#destinocep-error').text(message).show();
        }


    });
</script>

<script>
    $(document).ready(function () {
        $('#associate-empresa-container input[type="checkbox"]').change(function () {
            let userId = $(this).data('user-id');
            let empresaId = $(this).data('empresa-id');
            let associate = $(this).is(':checked');

            $.ajax({
                url: `/updateAssociation`,
                method: 'POST',
                data: {
                    _token: $('input[name="_token"]').val(),
                    user_id: userId,
                    idempresa: empresaId,
                    associate: associate
                },
                success: function (response) {
                    console.log(response.message);
                }
            });
        });

    });


</script>

@php
    isset($i) ? $i : $i = 1;

@endphp
<script>
    $(document).ready(function () {
        let volumeCount = {{$i}};
        $('#add-volume-button').click(function () {
            $('.volume-container').append(`
            <div class="row volume-set">
                <div class="d-flex align-items-center">
                        <small class="text-muted">Volume ${volumeCount}</small>
                </div>
                <div class="row" data-indice="${volumeCount}">
                    <div class="col-md-11">
                        <div class="row d-flex justify-content-center">
                        <div class="col-md-2">
                                <div class="form-group">
                                <div class="input-group"><input class="form-control" name="quantidade[]" type="number" placeholder="0" step="1" required="true" aria-required="true" oninput="atualizarPesoTotal(${volumeCount})"/><span class="input-group-text">un</span></div>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group">
                                    <input class="form-control" name="idcotacaoitem[]" type="hidden" />
                                    <div class="input-group"><input style="/*width:98%*/" class="form-control" name="altura[]" type="text"  placeholder="0,00" required="true" aria-required="true" oninput="formatarEntradaNumerica(this);"/><span class="input-group-text">m</span></div>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group">
                                <div class="input-group"><input style="/*width:98%*/" class="form-control" name="largura[]" type="text"   placeholder="0,00" required="true" aria-required="true" oninput="formatarEntradaNumerica(this);"/><span class="input-group-text">m</span></div>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group">
                                <div class="input-group"><input style="/*width:98%*/" class="form-control" name="comprimento[]" type="text"  placeholder="0,00" required="true" aria-required="true" oninput="formatarEntradaNumerica(this);"/><span class="input-group-text">m</span></div>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group">
                                <div class="input-group"><input style="/*width:98%*/" class="form-control" name="peso[]" type="text"  placeholder="0,00" required="true" aria-required="true" oninput="formatarEntradaNumerica(this);atualizarPesoTotal(${volumeCount})"/><span class="input-group-text">kg</span></div>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group">
                                <div class="input-group"><input style="/*width:98%*/" class="form-control" name="pesototal[]" type="text"  placeholder="0,00" required="true" aria-required="true" oninput="formatarEntradaNumerica(this);" disabled/><span class="input-group-text">kg</span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-1">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <button type="button" class="form-control btn btn-danger remove-volume-button"><i class="fa fa-trash"></i></button>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        `);

            volumeCount++;
        });

        $('body').on('click', '.remove-volume-button', function () {
            var itemId = $(this).data('id');

            if ($('.volume-set').length > 1) {
                if (itemId) {
                    // Este é um item existente, então exclua-o do banco de dados
                    $.ajax({
                        url: '/cotacaoitem/' + itemId,
                        type: 'DELETE',
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        success: function (response) {
                            if (response.success) {
                                //alert(response.success);
                                $(this).closest('.volume-set').remove();
                            } else {
                                alert(response.error);
                            }
                        }.bind(this),
                        error: function (xhr, status, error) {
                            alert('Ocorreu um erro ao excluir o item.');
                        }
                    });
                } else {
                    // Este é um novo item, então simplesmente remova-o do DOM
                    $(this).closest('.volume-set').remove();
                }
                $(this).closest('.nfe-set').remove();
            } else {
                alert('Ao menos um Volume deve ser mantido.');
            }
        });

    });


    $(document).ready(function () {
        function preencherCampos() {
            var selectedOption = $('select[name="idempresa"]').find('option:selected');

            $('#input-cnpjremetente').val(selectedOption.data('cnpj'));
            $('#input-origemcep').val(selectedOption.data('cep')).trigger('keyup');
            //ORIGEMBASE $('select[name="origembase"]').val(selectedOption.data('origembase')).change();
        }

        // Chama a função ao carregar a página
        preencherCampos();

        // E também quando o valor do select muda
        $('select[name="idempresa"]').on('change', preencherCampos);
    });


    $(document).ready(function () {
        $('#retorno').on('click', 'button.modal-toggle', function () {
            var modalTarget = $(this).data('target');
            $(modalTarget).modal('show');
        });
        $('#retornoc').on('click', 'button.modal-toggle', function () {
            var modalTarget = $(this).data('target');
            $(modalTarget).modal('show');
        });
        $('.close').click(function () {
            $('.modal').modal('hide');
        });
        $('.fechar').click(function () {
            $('.modal').modal('hide');
        });
    });

    $(document).ready(function () {
        $('#retorno').on('click', 'tr td:not(:has(button.modal-toggle))', function () {
            var statusAtual = "{{ $cotacao->status ?? 'undefined' }}".toUpperCase();

            if (statusAtual !== 'CONCLUIDO') {
                var idCotacaoRetorno = $(this).closest('tr').data('idcotacaoretorno');
                alterarStatusCotacao(idCotacaoRetorno, $(this).closest('tr'));
            } else {
                // Opcional: Mostrar uma mensagem indicando que a ação está desabilitada.
                alert("Ação desabilitada, pois a cotação está concluída.");
            }
        });
    });


    function alterarStatusCotacao(idCotacaoRetorno, element) {
        $.ajax({
            url: '/cotacaoretorno/' + idCotacaoRetorno,
            type: 'POST',
            data: {
                idCotacaoRetorno: idCotacaoRetorno,
                idCotacao: {{ $cotacao->idcotacao ?? 'undefined' }},
                _token: '{{ csrf_token() }}' // Token CSRF para segurança
            },
            success: function (response) {
                // Remove a classe 'selected-row' de todas as trs
                $('tr').removeClass('selected-row');

                // Adiciona a classe 'selected-row' à tr clicada
                $(element).closest('tr').addClass('selected-row');

                //if(confirm("Deseja alterar o status para concluído?")) {
                //       alertar status cotacao(idcotacao, this);
                // Chama a função para alterar o status da cotação
                //   changeStatus('cotacao', {{ $cotacao->idcotacao ?? 'undefined' }}, 'concluido');
                //   }
                location.reload();
                // Atualizar UI conforme necessário
            },
            error: function (xhr, status, error) {
                // Tratar erro
            }
        });
    }
</script>
<script type="text/javascript">
    function formatarEntradaNumerica(el) {
        // Primeiro, substitui todos os pontos por vírgulas
        let valor = el.value.replace(/\./g, ',');

        // Remove caracteres que não são dígitos ou vírgula
        valor = valor.replace(/[^0-9,]/g, '');

        // Permite apenas uma vírgula
        let partes = valor.split(',');
        if (partes.length > 2) {
            valor = partes[0] + ',' + partes.slice(1).join('');
        }

        el.value = valor;
    }

    $(document).ready(function () {
        let volumeCount = {{$i}};

        $('#add-volume-button').click(function () {
            // Código existente para adicionar um novo volume...
        });

        // Verifica se a URL atual é a de criação (CREATE)
        if (window.location.href.includes('/cotacoes/create')) {
            // Adiciona um clique automático ao botão somente na página de criação
            $('#add-volume-button').click();
        }
    });

    function atualizarPesoTotal(indice) {
        var linha = document.querySelector(`[data-indice="${indice}"]`);

        if (linha) {
            var quantidade = linha.querySelector('[name="quantidade[]"]');
            var peso = linha.querySelector('[name="peso[]"]');
            var pesoTotal = linha.querySelector('[name="pesototal[]"]');

            var qtd = parseInt(quantidade.value) || 0;
            var pesoUnitario = parseFloat(peso.value.replace(',', '.')) || 0;
            var total = qtd * pesoUnitario;

            pesoTotal.value = total.toFixed(2).replace('.', ',');
        }
    }

</script>
<script>
    $(document).ready(function () {
        // Adiciona o evento de clique usando delegação para o body, aplicável a todos os .btn-close presentes e futuros
        $('body').on('click', '.cotacao-log-alert .btn-close', function () {
            var idcotacaolog = $(this).data('idcotacaolog'); // Usa jQuery para obter o atributo data-idcotacaolog
            var btnClose = $(this); // Guarda a referência ao botão clicado

            console.log('aa');

            $.ajax({
                url: '/cotacoes/mudarstatuslog/' + idcotacaolog,
                type: 'POST',
                data: {
                    idcotacaolog: idcotacaolog,
                    _token: $('meta[name="csrf-token"]').attr('content') // Obtém o token CSRF de uma meta tag
                },
                success: function (response) {
                    if (response.success) {
                        // Remove o elemento mais próximo com a classe .volume-set
                        btnClose.closest('.volume-set').remove();
                    } else {
                        alert(response.error);
                    }
                },
                error: function (xhr, status, error) {
                    alert('Ocorreu um erro ao excluir o item.');
                }
            });

            console.log('bb');
        });
    });


    $(document).ready(function () {
        $('body').on('click', '#alertaValorNaoBate .btn-close', function () {
            // Simplesmente oculta o elemento #alertaValorNaoBate ao invés de fazer uma chamada AJAX
            $('#alertaValorNaoBate').hide();
        });
    });


</script>

@include('partials.upload-js')
@include('layouts.footers.auth.footer')
</div>