@php
    use Carbon\Carbon;
    $groupedHistories = [];

    if(isset($tracking)){

        // Agrupar por fase e cidade
        foreach ($tracking->trackinghist->sortByDesc('datahist') as $hist) {
            $groupedHistories[$hist->fase][$hist->UnidadeMunicipio][] = $hist;
        }
    }



    // Função para determinar a fase atual do tracking
    function getCurrentPhase($trackingHist) {
        $phaseMap = [
            'cte_emitido' => 1,
            'unidade_origem' => 2,
            'transito' => 3,
            'unidade_destino' => 4,
            'rota_entrega' => 5,
            'aguardando_retirada' => 6,
            'entrega_realizada' => 7,
            'cancelado' => 8,
            'pendente' => 9,
            'finalizado' => 10
        ];

        foreach ($trackingHist as $hist) {
            if (isset($phaseMap[$hist->fase])) {
                return $phaseMap[$hist->fase];
            }
        }

        return 0; // Fase desconhecida ou não encontrada
    }

    // Obter a fase atual do tracking
    $currentPhase = isset($tracking->trackinghist) ? getCurrentPhase($tracking->trackinghist) : 0;


    $faseDescriptions = [
        'desconhecido' => '',
        'cte_emitido' => 'Em separação',
        'unidade_origem' => 'Em unidade de origem',
        'transito' => 'Em transito',
        'unidade_destino' => 'Em unidade de destino',
        'rota_entrega' => 'Rota de entrega',
        'aguardando_retirada' => 'Aguardando Retirada',
        'entrega_realizada' => 'Mercadoria Entregue',
        'cancelado' => 'Cancelado',
        'em_separacao' => 'Em separação',
        'pendente' => 'Pendente',
        'finalizado' => 'Entrega Finalizada'
    ];


@endphp

{{-- Messagens da session --}}
@include('partials.session-message')
<style>


    .inactive-step {
        background-color: #e8e8e8 !important; /* Cinza para inativo */
        border-color: #e8e8e8 !important;
    }
</style>
<style>
    #tracking{
        background: #fff
    }
    .tracking-detail {
        padding: 3rem 0;
    }
    #tracking {
        margin-bottom: 1rem;
    }
    [class*="tracking-status-"] p {
        margin: 0;
        font-size: 1.1rem;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
    }
    [class*="tracking-status-"] {
        padding: 1.6rem 0;
    }
    .tracking-list {
        border: 1px solid #e5e5e5;
    }
    .tracking-item {
        border-left: 4px solid #fb6340;
        position: relative;
        padding: 1rem 1.5rem 0.5rem 2.5rem;
        font-size: 0.8rem;
        margin-left: 3rem;
        min-height: 4rem;
    }
    .tracking-item:last-child {
        padding-bottom: 4rem;
    }
    .tracking-item .tracking-date {
        margin-bottom: 0.5rem;
    }
    .tracking-item .tracking-date span {
        color: #888;
        font-size: 85%;
        padding-left: 0.4rem;
    }
    .tracking-item .tracking-content {
        padding: 0.5rem 0.8rem;
        background-color: #f4f4f4;
        border-radius: 0.5rem;
    }
    .tracking-item .tracking-content span {
        display: block;
        color: #767676;
        font-size: 13px;
    }
    .tracking-item .tracking-icon {
        position: absolute;
        left: -0.7rem;
        width: 1.1rem;
        height: 1.1rem;
        text-align: center;
        border-radius: 50%;
        font-size: 1.1rem;
        background-color: #fff;
        color: #fff;
    }

    .tracking-item-pending {
        border-left: 4px solid #e8e8e8;
        position: relative;
        padding: 2rem 1.5rem 0.5rem 2.5rem;
        font-size: 0.9rem;
        margin-left: 3rem;
        min-height: 5rem;
    }
    .tracking-item-pending:last-child {
        padding-bottom: 4rem;
    }
    .tracking-item-pending .tracking-date {
        margin-bottom: 0.5rem;
    }
    .tracking-item-pending .tracking-date span {
        color: #888;
        font-size: 85%;
        padding-left: 0.4rem;
    }
    .tracking-item-pending .tracking-content {
        padding: 0.5rem 0.8rem;
        background-color: #f4f4f4;
        border-radius: 0.5rem;
    }
    .tracking-item-pending .tracking-content span {
        display: block;
        color: #767676;
        font-size: 13px;
    }
    .tracking-item-pending .tracking-icon {
        line-height: 2.6rem;
        position: absolute;
        left: -0.7rem;
        width: 1.1rem;
        height: 1.1rem;
        text-align: center;
        border-radius: 50%;
        font-size: 1.1rem;
        color: #e8e8e8;
    }
    .tracking-item-pending .tracking-content {
        font-weight: normal;
        font-size: 12px;
    }

    .tracking-item .tracking-icon.status-current {
        width: 1.9rem;
        height: 1.9rem;
        left: -1.1rem;
    }
    .tracking-item .tracking-icon.status-intransit {
        color: #fb6340;
        font-size: 0.6rem;
    }
    .tracking-item .tracking-icon.status-current {
        color: #fb6340;
        font-size: 0.6rem;
    }
    @media (min-width: 992px) {
        .tracking-item {
            margin-left: 10rem;
        }
        .tracking-item .tracking-date {
            position: absolute;
            left: -10rem;
            width: 7.5rem;
            text-align: right;
        }
        .tracking-item .tracking-date span {
            display: block;
        }
        .tracking-item .tracking-content {
            padding: 0;
            background-color: transparent;
        }

        .tracking-item-pending {
            margin-left: 10rem;
        }
        .tracking-item-pending .tracking-date {
            position: absolute;
            left: -10rem;
            width: 7.5rem;
            text-align: right;
        }
        .tracking-item-pending .tracking-date span {
            display: block;
        }
        .tracking-item-pending .tracking-content {
            padding: 0;
            background-color: transparent;
        }
    }

    .tracking-item .tracking-content {
        font-weight: normal;
        font-size: 12px;
    }

    .blinker {
        border: 7px solid #e9f8ea;
        animation: blink 1s;
        animation-iteration-count: infinite;
    }
    @keyframes blink { 50% { border-color:#fff ; }  }
</style>
<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-building" style="color:#344767; font-size:48px !important"></i>
                </div>
            </div>
            <div class="col-auto my-auto">
                <div class="h-100">
                    <h5 id="head-nomefantasia" class="mb-1">
                        Tracking
                    </h5>
                    <p id="head-razaosocial" class="mb-0 font-weight-bold text-sm">
                        @if(isset($tracking))
                            @switch($tracking->status)
                                @case('pendente')
                                    <span class="badge badge-sm bg-gradient-info p-2">{{ $tracking->status }}</span>
                                    @break
                                @case('concluído')
                                    <span class="badge badge-sm bg-gradient-success p-2">{{ $tracking->status }}</span>
                                    @break
                                @case('cancelado')
                                    <span class="badge badge-sm bg-gradient-danger p-2">{{ $tracking->status }}</span>
                                    @break
                                @default
                                    <span class="badge badge-sm bg-gradient-info p-2">{{ $tracking->status }}</span>
                            @endswitch
                        @endif
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container-fluid py-4">
    <div class="row">
        <div class="col-md-3">
            <div class="card">
                <div class="card-header pb-0">
                    <div class="d-flex align-items-center">
                        <div class="d-flex align-items-center">
                            <p class="mb-4">Tracking <span style="background: #fff; border-radius: 4px; margin: 4pfx; padding: 0px 10px; font-weight: 600;">#{{isset($tracking) ? $tracking->idtracking: ''}}</span>

                            </p>
                        </div>
                        <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" aria-hidden="true"></i></button>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <p class="text-uppercase text-sm">DADOS CADASTRAIS</p>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label >Empresa</label>
                                <select id="empresa-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 }}"
                                            {{ (isset($tracking) && $empresa->idempresa == $tracking->idempresa) || (old('idempresa') == $empresa->idempresa) ? 'selected' : '' }}>
                                            {{ $empresa->sigla }}
                                        </option>
                                    @endforeach
                                </select>
                                @if ($errors->has('idempresa'))
                                    <span id="idempresa-error" class="error text-danger"
                                          for="input-idempresa">{{ $errors->first('idempresa') }}</span>
                                @endif
                            </div>
                        </div>

                        <div class="col-md-12">
                            <div class="form-group">
                                <label >Transportadora </label>
                                <select id="transportadora-select" class="form-control {{ $errors->has('idtransportadora') ? ' is-invalid' : '' }}" name="idtransportadora" required="true" aria-required="true">
                                    <option value="">- Selecionar -</option>
                                    @foreach($transportadoras as $transportadora)
                                        <option
                                            value="{{ $transportadora->idtransportadora }}"
                                            data-service="{{$transportadora->servicename}}"
                                            data-idempresa="{{ $transportadora->empresas->pluck('idempresa')->implode(',') }}"
                                            {{ (isset($tracking) && $transportadora->idtransportadora == $tracking->idtransportadora) || (old('idtransportadora') == $transportadora->idtransportadora) ? 'selected' : '' }}>
                                            {{ $transportadora->sigla }}
                                        </option>
                                    @endforeach
                                </select>
                                @if ($errors->has('idtransportadora'))
                                    <span id="idtransportadora-error" class="error text-danger"
                                          for="input-idtransportadora">{{ $errors->first('idtransportadora') }}</span>
                                @endif
                            </div>
                        </div>

                        <div class="col-md-12">
                            <div class="form-group">
                                <label >Tipo</label>
                                <select class="form-control  {{ $errors->has('tipo') ? ' is-invalid' : '' }}" name="tipo" id="tipo" required="true" aria-required="true" >
                                    <option value="">- Selecionar -</option>
                                    <option data-service="AzulCargoService" data-tipo="awb" value="awb" {{ (isset($tracking) && $tracking->tipo == 'awb') || (old('tipo') == 'awb') ? 'selected' : '' }}>Awb/Minuta</option>
                                    <option data-service="SSWService" data-tipo="nro_nf" value="nro_nf" {{ (isset($tracking) && $tracking->tipo == 'nro_nf') || (old('tipo') == 'nro_nf') ? 'selected' : '' }}>Nº Nf</option>
                                    <option data-service="TranslovatoService" data-tipo="nro_nf" value="nro_nf" {{ (isset($tracking) && $tracking->tipo == 'nro_nf') || (old('tipo') == 'nro_nf') ? 'selected' : '' }}>Chave Nf</option>
                                    <option data-service="BrasPressService" data-tipo="nro_nf" value="nro_nf" {{ (isset($tracking) && $tracking->tipo == 'nro_nf') || (old('tipo') == 'nro_nf') ? 'selected' : '' }}>Nº Nf</option>
                                    <option data-service="SolisticaService" data-tipo="nro_nf" value="nro_nf" {{ (isset($tracking) && $tracking->tipo == 'nro_nf') || (old('tipo') == 'nro_nf') ? 'selected' : '' }}>Chaveº Nf</option>
                                    <option data-service="JamefService" data-tipo="nro_nf" value="nro_nf" {{ (isset($tracking) && $tracking->tipo == 'nro_nf') || (old('tipo') == 'nro_nf') ? 'selected' : '' }}>Nº Nf</option>
                                    <option data-service="BrasPressService" data-tipo="nro_pedido" value="nro_pedido" {{ (isset($tracking) && $tracking->tipo == 'nro_pedido') || (old('tipo') == 'nro_pedido') ? 'selected' : '' }}>Nº Pedido</option>
                                    <option data-service="TmsService" data-tipo="nro_nf" value="nro_nf" {{ (isset($tracking) && $tracking->tipo == 'nro_nf') || (old('tipo') == 'nro_nf') ? 'selected' : '' }}>Nº Nf</option>
                                    <option data-service="TmsService" data-tipo="nfe" value="nfe" {{ (isset($tracking) && $tracking->tipo == 'nfe') || (old('tipo') == 'nfe') ? 'selected' : '' }}>Chave da NFe</option>
                                    <option data-service="TmsService" data-tipo="nro_pedido" value="nro_pedido" {{ (isset($tracking) && $tracking->tipo == 'nro_pedido') || (old('tipo') == 'nro_pedido') ? 'selected' : '' }}>Nº Pedido</option>
                                    <option data-service="PaulinerisService" data-tipo="nro_nf" value="nro_nf" {{ (isset($tracking) && $tracking->tipo == 'nro_nf') || (old('tipo') == 'nro_nf') ? 'selected' : '' }}>Nº Nf</option>
                                    <option data-service="SaoMiguelService" data-tipo="nro_nf" value="nro_nf" {{ (isset($tracking) && $tracking->tipo == 'nro_nf') || (old('tipo') == 'nro_nf') ? 'selected' : '' }}>Nº Nf</option>
                                    <option data-service="FedexService" data-tipo="nro_nf" value="nro_nf" {{ (isset($tracking) && $tracking->tipo == 'nro_nf') || (old('tipo') == 'nro_nf') ? 'selected' : '' }}>Nº Nf</option>

                                    <!-- <option data-tipo="idcotacao" value="idcotacao" {{ (isset($tracking) && $tracking->tipo == 'idcotacao') || (old('tipo') == 'idcotacao') ? 'selected' : '' }}>Cotação</option>   -->
                                    <option data-service="AzulCargoService" data-tipo="nfe" value="nfe" {{ (isset($tracking) && $tracking->tipo == 'nfe') || (old('tipo') == 'nfe') ? 'selected' : '' }}>Chave da NFe</option>
                                    {{--                                    <option data-service="AzulCargoService" data-tipo="nfexml" value="nfexml" {{ (isset($tracking) && $tracking->tipo == 'nfexml') || (old('tipo') == 'nfexml') ? 'selected' : '' }}>Xml</option>--}}
                                    <option data-service="CorreiosService" data-tipo="codigo_rastreio" value="codigo_rastreio" {{ (isset($tracking) && $tracking->tipo == 'codigo_rastreio') || (old('tipo') == 'codigo_rastreio') ? 'selected' : '' }}>Código de rastreio</option>
                                    <option data-service="MovveService" data-tipo="nro_nf" value="nro_nf" {{ (isset($tracking) && $tracking->tipo == 'nro_nf') || (old('tipo') == 'nro_nf') ? 'selected' : '' }}>Nº Nf</option>
                                    <option data-service="SeniorService" data-tipo="nro_nf" value="nro_nf" {{ (isset($tracking) && $tracking->tipo == 'nro_nf') || (old('tipo') == 'nro_nf') ? 'selected' : '' }}>Nº Nf</option>
                                </select>
                                @if ($errors->has('idtransportadora'))
                                    <span id="idtransportadora-error" class="error text-danger"
                                          for="input-idtransportadora">{{ $errors->first('idtransportadora') }}</span>
                                @endif
                            </div>
                        </div>

                        <div class="col-md-12 d-codigo_rastreio">
                            <div class="form-group">
                                <label>{{ __('Código de rastreio') }}</label>
                                <input class="form-control{{ $errors->has('codigo_rastreio') ? ' is-invalid' : '' }}"
                                       name="codigo_rastreio" id="input-codigo_rastreio" type="text"
                                       value="{{ isset($tracking) ? $tracking->codigo_rastreio : old('codigo_rastreio') }}"
                                       placeholder="{{ __('Código de rastreio') }}"  />
                                @if ($errors->has('codigo_rastreio'))
                                    <span id="codigo_rastreio-error" class="error text-danger"
                                          for="input-codigo_rastreio">{{ $errors->first('codigo_rastreio') }}</span>
                                @endif
                            </div>
                        </div>

                        <div class="col-md-12 d-idcotacao">
                            <div class="form-group">
                                <label>{{ __('Cotação') }}</label>
                                <input class="form-control{{ $errors->has('idcotacao') ? ' is-invalid' : '' }}"
                                       name="idcotacao" id="input-idcotacao" type="text"
                                       value="{{ isset($tracking) ? $tracking->idcotacao : old('idcotacao') }}"
                                       placeholder="{{ __('ID Cotação') }}"

                                />
                                @if ($errors->has('idcotacao'))
                                    <span id="idcotacao-error" class="error text-danger"
                                          for="input-idcotacao">{{ $errors->first('idcotacao') }}</span>
                                @endif
                            </div>
                        </div>

                        <div class="col-md-12 d-awb">
                            <div class="form-group">
                                <label>{{ __('AWB/Minuta') }}</label>
                                <input class="form-control{{ $errors->has('awbminuta') ? ' is-invalid' : '' }}"
                                       name="awbminuta" id="input-awbminuta" type="text"
                                       value="{{ isset($tracking) ? $tracking->awbminuta : old('awbminuta') }}"
                                       placeholder="{{ __('AWB Minuta') }}"  />
                                @if ($errors->has('awbminuta'))
                                    <span id="awbminuta-error" class="error text-danger"
                                          for="input-awbminuta">{{ $errors->first('awbminuta') }}</span>
                                @endif
                            </div>
                        </div>

                        <div class="col-md-12 d-nfexml">
                            <div class="form-group">
                                <label>{{ __('XML') }}</label>
                                <input type="file" class="form-control" name="nfexml" onchange="this.form.submit();" />
                                @if(isset($trackingNfe) && !empty($trackingNfe->nfexml))
                                    <a href="{{ asset('storage/' . $trackingNfe->nfexml) }}" target="_blank" class="text-sm mt-3"><i class="fa fa-file"></i> Visualizar Arquivo</a>
                                @endif
                            </div>
                        </div>
                        <div class="col-md-12 d-nro_nf">
                            <div class="form-group">
                                <label class="labelNf">{{ __('Nº Nf') }}</label>
                                <input class="form-control{{ $errors->has('nro_nf') ? ' is-invalid' : '' }}"
                                       name="nro_nf" id="input-nro_nf" type="text"
                                       value="{{ isset($tracking) ? $tracking->nro_nf : old('nro_nf') }}"
                                       placeholder="{{ __('nro_nf') }}"  />
                                @if ($errors->has('nro_nf'))
                                    <span id="nro_nf-error" class="error text-danger"
                                          for="input-nro_nf">{{ $errors->first('Nº Nf') }}</span>
                                @endif
                            </div>
                        </div>

                        <div class="col-md-12 d-serie_nf">
                            <div class="form-group">
                                <label>{{ __('Serie Nf') }}</label>
                                <input class="form-control{{ $errors->has('serie_nf') ? ' is-invalid' : '' }}"
                                       name="serie_nf" id="input-serie_nf" type="text"
                                       value="{{ isset($tracking) ? $tracking->serie_nf : old('serie_nf') }}"
                                       placeholder="{{ __('serie_nf') }}"  />
                                @if ($errors->has('serie_nf'))
                                    <span id="serie_nf-error" class="error text-danger"
                                          for="input-serie_nf">{{ $errors->first('Serie Nf') }}</span>
                                @endif
                            </div>
                        </div>

                        <div class="col-md-12 d-nro_pedido">
                            <div class="form-group">
                                <label>{{ __('Nº Pedido') }}</label>
                                <input class="form-control{{ $errors->has('nro_pedido') ? ' is-invalid' : '' }}"
                                       name="nro_pedido" id="input-nro_pedido" type="text"
                                       value="{{ isset($tracking) ? $tracking->nro_pedido : old('nro_pedido') }}"
                                       placeholder="{{ __('nro_pedido') }}"  />
                                @if ($errors->has('nro_pedido'))
                                    <span id="nro_pedido-error" class="error text-danger"
                                          for="input-nro_pedido">{{ $errors->first('Nº Nf') }}</span>
                                @endif
                            </div>
                        </div>

                        <div class="col-md-12 d-nfexml d-nfe">
                            <div class="form-group">
                                <label>{{ __('Chave Nfe') }}</label>
                                <input class="form-control{{ $errors->has('nfe') ? ' is-invalid' : '' }}"
                                       name="nfe" id="input-nfe" type="text"
                                       value="{{ isset($tracking) && isset($tracking->nfe) ? $tracking->nfe : (isset($trackingNfe->nfe) ? $trackingNfe->nfe : '') }}"
                                       placeholder="{{ __('Insira o número da chave') }}"  />
                                @if ($errors->has('nfe'))
                                    <span id="nfe-error" class="error text-danger"
                                          for="input-nfe">{{ $errors->first('nfe') }}</span>
                                @endif
                            </div>
                        </div>


                        <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"
                                          placeholder="{{ __('Observação') }}"
                                >{{ isset($tracking) ? $tracking->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 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">Acompanhe o envio</p>
                                @isset($tracking)
                                    <div class="ms-auto">
{{--                                        <a href="{{ route('tracking.downloadPdf', $tracking->idtracking) }}" class="btn btn-info btn-sm ms-auto">--}}
{{--                                            <i class="fa fa-download me-3"></i>Download CTE PDF--}}
{{--                                        </a>--}}
                                        <a href="{{ route('tracking.downloadXml', $tracking->idtracking) }}" class="btn btn-info btn-sm ms-auto">
                                            <i class="fa fa-file-text me-3"></i>Download CTE XML
                                        </a>
                                        <button class="btn btn-danger btn-sm ms-auto d-none"><i class="fas fa-trash"></i></button>
                                    </div>
                                @endisset
                            </div>
                        </div>

                        <div class="card-body">


                            <div class="row">
                                @isset($fases)
                                    <!-- CT-e Emitido -->
                                    <div class="col-md-2">
                                        <div class="text-center position-relative">
                                            <div class="border-0 step-icon mx-auto bg-primary active-step border rounded-circle d-flex align-items-center justify-content-center" style="width:60px;height:60px;">
                                                <i class="fas fa-file-alt text-white" style="font-size: 24px;"></i>
                                            </div>
                                            <h4 class="mt-3 fs-6 font-weight-light">Em separação</h4>
                                            <div class="arrow-icon position-absolute d-none d-lg-block" style="top:50px; right:-25px">
                                                <i class="fas fa-arrow-right" style="font-size: 30px;"></i>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Em unidade de origem -->
                                    <div class="col-md-2">
                                        <div class="text-center position-relative">
                                            <div class="border-0 step-icon mx-auto {{ in_array('transito', $fases) || in_array('cte_emitido', $fases) || in_array(']', $fases) || in_array('finalizado', $fases) || in_array('unidade_origem', $fases) ? 'bg-primary active-step' : 'inactive-step' }} border rounded-circle d-flex align-items-center justify-content-center" style="width:60px;height:60px;">
                                                <i class="fas fa-box text-white" style="font-size: 24px;"></i>
                                            </div>
                                            <h4 class="mt-3 fs-6 font-weight-light">Em unidade<br>de origem</h4>
                                            <div class="arrow-icon position-absolute d-none d-lg-block" style="top:50px; right:-25px">
                                                <i class="fas fa-arrow-right" style="font-size: 30px;"></i>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Mercadoria em trânsito -->
                                    <div class="col-md-2">
                                        <div class="text-center position-relative">
                                            <div class="border-0 step-icon mx-auto {{ in_array('transito', $fases) || in_array('rota_entrega', $fases) || in_array('entrega_realizada', $fases) || in_array('finalizado', $fases)  ? 'bg-primary active-step' : 'inactive-step' }} border rounded-circle d-flex align-items-center justify-content-center" style="width:60px;height:60px;">
                                                <i class="fas fa-truck text-white" style="font-size: 24px;"></i>
                                            </div>
                                            <h4 class="mt-3 fs-6 font-weight-light">Mercadoria<br>em trânsito</h4>
                                            <div class="arrow-icon position-absolute d-none d-lg-block" style="top:50px; right:-25px">
                                                <i class="fas fa-arrow-right" style="font-size: 30px;"></i>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Em unidade de destino -->
                                    <div class="col-md-2">
                                        <div class="text-center position-relative">
                                            <div class="border-0 step-icon mx-auto {{ in_array('unidade_destino', $fases) || in_array('entrega_realizada', $fases) || in_array('finalizado', $fases) || in_array('rota_entrega', $fases) || in_array('aguardando_retirada', $fases) ? 'bg-primary active-step' : 'inactive-step' }} border rounded-circle d-flex align-items-center justify-content-center" style="width:60px;height:60px;">
                                                <i class="fas fa-warehouse text-white" style="font-size: 24px;"></i>
                                            </div>
                                            <h4 class="mt-3 fs-6 font-weight-light">Em unidade<br>de destino</h4>
                                            <div class="arrow-icon position-absolute d-none d-lg-block" style="top:50px; right:-25px">
                                                <i class="fas fa-arrow-right" style="font-size: 30px;"></i>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Rota de entrega -->
                                    <div class="col-md-2">
                                        <div class="text-center position-relative">
                                            @if (in_array('aguardando_retirada', $fases))
                                                <div class="border-0 step-icon mx-auto {{ in_array('aguardando_retirada', $fases)  || in_array('entrega_realizada', $fases) || in_array('finalizado', $fases) ? 'bg-primary active-step' : 'inactive-step' }} border rounded-circle d-flex align-items-center justify-content-center" style="width:60px;height:60px;">
                                                    <i class="fas fa-clock text-white" style="font-size: 24px;"></i>
                                                </div>
                                                <h4 class="mt-3 fs-6 font-weight-light">Aguardando<br>Retirada</h4>
                                            @else
                                                <div class="border-0 step-icon mx-auto {{ in_array('rota_entrega', $fases) || in_array('entrega_realizada', $fases) || in_array('finalizado', $fases) ? 'bg-primary active-step' : 'inactive-step' }} border rounded-circle d-flex align-items-center justify-content-center" style="width:60px;height:60px;">
                                                    <i class="fas fa-route text-white" style="font-size: 24px;"></i>
                                                </div>
                                                <h4 class="mt-3 fs-6 font-weight-light">Rota de<br>entrega</h4>
                                            @endif
                                            <div class="arrow-icon position-absolute d-none d-lg-block" style="top:50px; right:-25px">
                                                <i class="fas fa-arrow-right" style="font-size: 30px;"></i>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Entrega realizada -->
                                    <div class="col-md-2">
                                        <div class="text-center position-relative">
                                            @if (in_array('entrega_realizada', $fases))
                                                <div class="border-0 step-icon mx-auto {{ in_array('entrega_realizada', $fases) ? 'bg-primary active-step' : 'inactive-step' }} border rounded-circle d-flex align-items-center justify-content-center" style="width:60px;height:60px;">
                                                    <i class="fas fa-check-circle text-white" style="font-size: 24px;"></i>
                                                </div>
                                                <h4 class="mt-3 fs-6 font-weight-light">Mercadoria<br>entregue</h4>
                                            @elseif (in_array('cancelado', $fases))
                                                <div class="border-0 step-icon mx-auto bg-primary active-step border rounded-circle d-flex align-items-center justify-content-center" style="width:60px;height:60px;">
                                                    <i class="fas fa-ban text-white" style="font-size: 24px;"></i>
                                                </div>
                                                <h4 class="mt-3 fs-6 font-weight-light">Cancelado</h4>
                                            @elseif (in_array('finalizado', $fases))
                                                <div class="border-0 step-icon mx-auto bg-primary active-step border rounded-circle d-flex align-items-center justify-content-center" style="width:60px;height:60px;">
                                                    <i class="fa fa-warning text-white" style="font-size: 24px;"></i>
                                                </div>
                                                <h4 class="mt-3 fs-6 font-weight-light">Finalizado</h4>
                                            @elseif (in_array('pendente', $fases))
                                                <div class="border-0 step-icon mx-auto bg-primary active-step border rounded-circle d-flex align-items-center justify-content-center" style="width:60px;height:60px;">
                                                    <i class="fa fa-warning text-white" style="font-size: 24px;"></i>
                                                </div>
                                                <h4 class="mt-3 fs-6 font-weight-light">Pendente</h4>
                                            @else
                                                <div class="border-0 step-icon mx-auto {{ in_array('entrega_realizada', $fases) ? 'bg-primary active-step' : 'inactive-step' }} border rounded-circle d-flex align-items-center justify-content-center" style="width:60px;height:60px;">
                                                    <i class="fas fa-check-circle text-white" style="font-size: 24px;"></i>
                                                </div>
                                                <h4 class="mt-3 fs-6 font-weight-light">Mercadoria<br>entregue</h4>
                                            @endif
                                        </div>
                                    </div>

                                @endisset
                            </div>


                            <hr class="mt-5">
                            
                            @isset($tracking)
                                <div class="row">
                                    <div class="col-md-8 col-lg-8">
                                        <div id="tracking-pre"></div>
                                        <div id="tracking">
                                            <div class="tracking-list">


                                            @php
                                                $lastHistory = $tracking->trackinghist->last();
                                                $i = 0;
                                            @endphp

                                            @foreach($groupedHistories as $fase => $cities)
                                                @if($fase != 'erro' && $fase != 'desconhecido')
                                                    @foreach($cities as $cidade => $histories)
                                                        @php
                                                            $filteredHistories = collect($histories)
                                                                ->reverse()
                                                                ->unique(function ($item) {
                                                                    return $item->fase . '|' . $item->unidademunicipio;
                                                                })
                                                                ->reverse(); // opcional: mantém ordem do mais antigo para o mais recente
                                                        @endphp

                                                        @foreach($filteredHistories as $hist)
                                                            @php $i++; @endphp
                                                            <div class="tracking-item">
                                                                <div class="tracking-icon status-{{ $hist->idtrackinghist == $lastHistory->idtrackinghist ? 'current' : 'intransit' }}">
                                                                    <svg class="svg-inline--fa fa-circle fa-w-16" aria-hidden="true" data-prefix="fas" data-icon="circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
                                                                        <path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path>
                                                                    </svg>
                                                                </div>
                                                                <div class="tracking-date"> 
                                                                <span class="{{ $i == 1 ? 'fw-bolder text-dark ' : '' }}" style="{{ $i == 1 ? 'margin-top:5px' : '' }}">    
                                                                {{ Carbon::parse($hist->datahist)->format('d/m/y - H:i') }}h</div>
                                                                </span>
                                                                <div class="tracking-content">
                                                                    @isset($hist->fase)
                                                                    <span class="{{ $i == 1 ? 'fw-bolder text-dark ' : '' }}" style="{{ $i == 1 ? 'font-size:1rem !important;margin-top:2px' : '' }}">
                                                                        @if($hist->fase != 'pendente') 
                                                                            {{ $faseDescriptions[$hist->fase] }} 
                                                                        @else 
                                                                            {{ $hist->descricao }} 
                                                                        @endif
                                                                    </span>
                                                                        <span class="d-none">{{ $hist->descricao }}</span>
                                                                        @if(!in_array($hist->fase, ['rota_entrega', 'entrega_realizada', 'cancelado','finalizado']) && $hist->unidademunicipio && $hist->unidadeuf)
                                                                            <span >{{ $hist->unidademunicipio }}/{{ $hist->unidadeuf }}</span>
                                                                        @endif
                                                                    @endisset
                                                                </div>
                                                            </div>
                                                        @endforeach
                                                    @endforeach
                                                @endif
                                            @endforeach



                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4 col-lg-4">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="card" style="background-color: #e8e8e8;">
                                                    <div class="card-body">
                                                        <p class="text-uppercase text-primary fs-6">DETALHES DO ENVIO</p>
                                                        <div class="row">
                                                            @if( isset($trackingCte) && isset($trackingCte->cte_remetente_municipio) )
                                                                <div class="col-md-12 text-uppercase">
                                                                    <div class="form-group">
                                                                        <label>ORIGEM</label>
                                                                        <p class="small" style="margin-left: 0.25rem;">{{ $trackingCte->cte_remetente_municipio }}/{{ $trackingCte->cte_remetente_uf }}</p>
                                                                    </div>
                                                                </div>
                                                            @endif

                                                            @if( isset($trackingCte) && isset($trackingCte->cte_remetente_municipio) && isset($trackingCte->cte_destinatario_uf))
                                                                <div class="col-md-12 text-uppercase">
                                                                    <div class="form-group">
                                                                        <label>DESTINO</label>
                                                                        <p class="small" style="margin-left: 0.25rem;font-weight:bold">{{ $trackingCte->cte_destinatario_nome }}</p>
                                                                        <p class="small" style="margin-left: 0.25rem;">{{ $trackingCte->cte_destinatario_endereco }}, {{ $trackingCte->cte_destinatario_numero }} - {{ $trackingCte->cte_destinatario_bairro }} - {{ $trackingCte->cte_destinatario_municipio }}/{{ $trackingCte->cte_destinatario_uf }}</p>
                                                                    </div>
                                                                </div>
                                                            @else
                                                                <div class="col-md-6">
                                                                    <div class="form-group">
                                                                        <label>DESTINO</label>
                                                                        <p class="small" style="margin-left: 0.25rem;">{{ isset($tracking) && isset($tracking->destinocidade) ? $tracking->destinocidade : '-' }}</p>
                                                                    </div>
                                                                </div>
                                                            @endif
                                                            <div class="col-md-6">
                                                                <div class="form-group">
                                                                    <label>UNIDADE DESTINO</label>
                                                                    <p class="small" style="margin-left: 0.25rem;">{{ isset($tracking) && isset($tracking->destinounidade) ? $tracking->destinounidade : '-' }}</p>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-12">
                                                                <div class="form-group">
                                                                    <label>CÓDIGO RASTREIO</label>
                                                                    <p class="small" style="margin-left: 0.25rem;">{{ isset($tracking) && isset($tracking->awbminuta) ? $tracking->awbminuta : '-' }}</p>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="form-group">
                                                                    <label>PESO</label>
                                                                    <p class="small" style="margin-left: 0.25rem;">{{ isset($tracking) && isset($tracking->peso) ? $tracking->peso : '-' }}</p>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="form-group">
                                                                    <label>VOLUME(S)</label>
                                                                    <p class="small" style="margin-left: 0.25rem;">{{ isset($tracking) && isset($tracking->quantidade) ? $tracking->quantidade : '-' }}</p>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-12">
                                                                <div class="form-group">
                                                                    <label>DATA EMISSÃO</label>
                                                                    <p class="small" style="margin-left: 0.25rem;">{{ isset($tracking) && isset($tracking->dataemissao) ? Carbon::parse($tracking->dataemissao)->format('d/m/y h:i') : '-' }}</p>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="form-group">
                                                                    <label>PREVISÃO ENTREGA</label>
                                                                    <p class="small" style="margin-left: 0.25rem;">{{ isset($tracking) && isset($tracking->dataprevisao) ? Carbon::parse($tracking->dataprevisao)->format('d/m/y h:i') : '-' }}</p>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="form-group">
                                                                    <label>DATA ENTREGA</label>

                                                                    <p class="small" style="margin-left: 0.25rem;">{{ isset($tracking) && isset($tracking->dataentrega) ? Carbon::parse($tracking->dataentrega)->format('d/m/y h:i') : '-' }}</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endisset
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-12 d-none">
            @if(isset($tracking))
                @include('partials.upload', ['model' => $tracking])
            @endif
        </div>
    </div>
</div>
</div>
</div>
</div>


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

<script>
    function updateHeadName(inputId, outputId) {
        var inputValue = $('#' + inputId).val();
        $('#' + outputId).text(inputValue);
    }
</script>
<script>
    $(document).ready(function(){
        $('#input-cnpj').mask('00.000.000/0000-00');
        $('#input-cep').mask('00000-000');
    });
</script>

<script>
    $(document).ready(function() {

        // Função para exibir as opções correspondentes no select de tipo
        function filterTipoOptions(selectedService) {
            var $tipoSelect = $('#tipo');
            $tipoSelect.find('option').hide(); // Esconde todas as opções
            $tipoSelect.find('option[value=""]').show(); // Mostra a opção padrão

            if (selectedService) {
                $tipoSelect.find('option[data-service="' + selectedService + '"]').show(); // Mostra as opções correspondentes ao serviço
            }

        }

        // Ao carregar a página, filtrar as opções com base no serviço já selecionado
        var initialService = $('#transportadora-select option:selected').data('service');
        filterTipoOptions(initialService);

        // Detectar mudança no select de transportadora
        $('#transportadora-select').change(function() {
            var selectedService = $(this).find('option:selected').data('service');
            filterTipoOptions(selectedService);
        });


        // Função para exibir a classe correspondente
        function showCorrespondingClass(selectedValue) {
            // Esconde todas as divs
            $('.d-idcotacao, .d-awb, .d-nfe, .d-nfexml, .d-nro_nf, .d-nro_pedido, .d-codigo_rastreio, .d-serie_nf').hide();
            // Remove os atributos required e aria-required de todos os inputs
            $('.d-idcotacao input, .d-awb input, .d-nfe input, .d-nfexml input, .d-nro_nf input, .d-nro_pedido input ,.d-codigo_rastreio input, .d-serie_nf').removeAttr('required').removeAttr('aria-required');
            var selectedService = $('#transportadora-select').find('option:selected').data('service');

            if (selectedValue) {
                $('.d-' + selectedValue).show(); // Mostra a div correspondente
                $('.d-' + selectedValue + ' input, .d-' + selectedValue + ' select').attr('required', true).attr('aria-required', true);
            }

            console.log(selectedValue, 'aqui', selectedService)
            if(selectedService && selectedService === 'MovveService') $('.d-serie_nf').show()
            if(selectedService && selectedService === 'TmsService') $('.labelNf').text('Chave Nf');
            if(selectedService && selectedService !== 'TmsService') $('.labelNf').text('Nº Nf');


        }

        // Ao carregar a página, exibir a classe correspondente ao valor já selecionado
        showCorrespondingClass($('#tipo').val());

        // Detectar mudança no select e exibir a classe correspondente
        $('#tipo').change(function() {
            let selectedValue = $(this).val();
            showCorrespondingClass(selectedValue);
        });
    });
</script>
<script>
    $(document).ready(function() {
        var transportadoraEmpresa = @json($transportadoraEmpresa);

        $('#empresa-select').change(function() {
            var selectedEmpresaId = $(this).val();
            var $transportadoraSelect = $('#transportadora-select');
            var currentTransportadoraId = "{{ isset($tracking) ? $tracking->idtransportadora : old('idtransportadora') }}";

            $transportadoraSelect.empty().append('<option value="">- Selecionar -</option>');

            if (selectedEmpresaId) {
                var transportadoras = transportadoraEmpresa[selectedEmpresaId];

                if (transportadoras) {
                    transportadoras.forEach(function(transportadora) {
                        var selected = transportadora.idtransportadora == currentTransportadoraId ? 'selected' : '';
                        $transportadoraSelect.append('<option data-service="' + transportadora.servicename + '" value="' + transportadora.idtransportadora + '"' + selected + '>' + transportadora.sigla + '</option>');
                    });
                }
            }
        });

        // Trigger the change event to populate the transportadoras select on page load if an empresa is already selected
        $('#empresa-select').trigger('change');
    });
</script>


<script src="{{ asset('assets/js/bootstrap.bundle.min.js') }}" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>

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