@extends('layouts.front.app')

@section('og')
<meta property="og:type" content="home"/>
<meta property="og:description" content="{{ config('app.description') }}"/>
@endsection

@section('content')

<section>

  <div class="container my-3">
    <nav>
      <ol class="breadcrumb">
        <li class="breadcrumb-item">
          <a href="{{ route('home') }}" class="font-weight-bold fosco-text">
            <i class="fas fa-home black-text"></i> Home
          </a>
        </li>
        <li class="breadcrumb-item">
          <a href="{{ route('front.group.list', [$product->categoria->slug, $product->id_segment, $product->id_grupo]) }}" class="font-weight-bolder fosco-text">
            {{ $product->categoria->name }}
          </a>
        </li>
        <li class="breadcrumb-item active">
          <a class="mb-0 font-weight-bolder fosco-text">{{ $product->name }}</a>
        </li>
      </ol>
    </nav>
  </div>

</section>

<section>
  <div class="container my-5">

    <div class="row">

      <div class="pb-5 col-lg-7">

        @include('layouts.front.shared.favoritos')

        @include('layouts.front.shared.floating-button')

        <div id="carousel-details" class="mb-6 carousel slide carousel-thumbnails" data-ride="carousel">
          <i class="m-3 fas fa-search-plus fosco-text position-absolute d-md-block d-none fa-2x" style="z-index:999"></i>
          <div class="carousel-inner" role="listbox">

            @php $array = [] @endphp

            <!--Pegando a imagem do produto principal-->
            @foreach ($product->images->where('ordem', '!=', 99) as $image)
            @php array_push($array, $image->src)@endphp
            @endforeach

            <!--Se existir variaveis, pega suas imagens-->
            @if($product->attributes->where('ordem', '!=', 99)->count() > 0)
            @foreach ($product->attributes as $image)
            @php array_push($array, $image->cover_attribute)@endphp
            @endforeach
            @endif

            @php $array = array_unique($array) @endphp

            @if(count($array) > 0)

            @foreach ($array as $seq => $image)
            @php
            $src = $image ? config('site.url')."storage/".$image : asset('storage/logos/logo_speed.png')
            @endphp

            <div class="carousel-item text-center @if($seq == 0) active @endif">
              <img src="{{ $src }}" alt="{{ $product->name }}" class="mx-auto img-fluid">
            </div>
            @endforeach

            @else

            @php $src = asset('storage/images/img-indisponivel.png') @endphp
            <div class="text-center carousel-item active ">
              <img src="{{ $src }}" alt="{{ $product->name }}" class="mx-auto img-fluid">
            </div>

            @endif

          </div>

          @if(count($array) > 1)
          <ol class="pl-4 ml-auto carousel-indicators">
            @foreach ($array as $seq => $image)
            @php
            $src = $image ? config('site.url')."storage/".$image : asset('storage/images/img-indisponivel.jpg')
            @endphp
            <li data-target="#carousel-details" data-slide-to="{{ $seq }}" class="@if($seq == 0) active @endif px-pdt">
              <img src="{{ $src }}" height="75" width="75" class="border rounded d-block" alt="{{ $product->name }}">
            </li>
            @endforeach
          </ol>
          @endif

        </div>

      </div>

      <div class="col-lg description" id="produto_vue">

        <div class="my-3">
          <h4 class="font-weight-bold fosco-text">{{ $product->name }}</h4>
          <p class="mb-1 mr-2 font-weight-bold fosco-text">Código: <span class="p-1 badge badge-info">{{ $product->sku }}</span></p>
          <p class="mb-1 mr-2 font-weight-bold fosco-text">Disponibilidade:
            @if($product->variavel_value->count() > 0)
            <span class="badge badge-primary">Tem Variações</span>
            @elseif($product->quantity > 0 )
            <span class="p-1 badge badge-success">Em Estoque</span>
            @else
            <span class="p-1 badge badge-danger">Indisponível</span>
            @endif
          </p>
          @if ($product->brand)
          <p class="mb-1 mr-2 font-weight-bold fosco-text">Marca: <span class="p-1 badge badge-secondary">{{ $product->brand->name }}</span></p>
          @endif
        </div>

        @if($product->tire_width || $product->tire_height || $product->tire_rim)
        <div class="dimensoes">
          <hr>
          <h5 class="font-weight-bold fosco-text">Aro: <small> {{ $product->tire_width }} </small></h5>
          <h5 class="font-weight-bold fosco-text">Largura: <small> {{ $product->tire_height }} </small></h5>
          <h5 class="font-weight-bold fosco-text">Altura: <small> {{ $product->tire_rim }} </small></h5>
          <hr>
        </div>
        @endif

        @if($product->quantity > 0)
        <div class="comprar">
          <form action="{{ route('cart.store') }}" method="post" class="w-100">
            {{ csrf_field() }}

            @if ($product->sale_price && ($product->sale_price_ini <= now() && $product->sale_price_fim > now() || $product->sale_price_ini === null))
            <s> {{ config('cart.currency_symbol') }} {{ $product->price }}</s>
            <h4>{{ config('cart.currency_symbol') }} {{ number_format($product->sale_price, 2, ',', '.') }} </h4>
            @else

            @if(config('cart.desconto_dinheiro') || config('cart.desconto_avista'))
            @php
            if(config('cart.desconto_dinheiro')) {
              $desconto = config('cart.desconto_dinheiro');
            } else if (config('cart.desconto_avista')) {
              $desconto = config('cart.desconto_avista');
            } else {
              $desconto = 0.00;
            }
            $valor_promocao = floatval($product->price) - (floatval($product->price) * (floatval($desconto) / 100));
            @endphp

            <h6 class="font-weight-bolder fosco-text">
              de <s> {{ config('cart.currency_symbol') }} {{ number_format($product->price, 2, ',', '.') }}</s>
            </h6>

            <h4 class="font-weight-bold primary-text">
              <small class="font-abeezee">por</small>
              <span>{{ config('cart.currency_symbol') }} {{ number_format($valor_promocao, 2, ',', '.') }}
                <small class="fosco-text h6">(dinheiro ou débito)</small>
              </span>
            </h4>

            @else

            <h4 class="price font-weight-bold blue-speed-text">
              {{ config('cart.currency_symbol') }} {{ number_format($product->price, 2, ',', '.') }}
            </h4>
            @endif

            @endif

            @php
            if ($product->sale_price && ($product->sale_price_ini <= now() && $product->sale_price_fim > now() || $product->sale_price_ini === null) ) {
              $preco_valido = $product->sale_price;
            } else {
              $preco_valido = $product->price;
            }
            $valorBoleto = (config('cart.desconto_boleto') > 0) ? $preco_valido - ($preco_valido * (config('cart.desconto_boleto') / 100)) : $preco_valido;
            $valor = 0.00;
            $parcela = 0;
            for($p = 1 ; $p <= config('cart.parc_sem_juros') ; $p++) {
              if (round($preco_valido / $p, 2) > config('cart.valor_min_parcela')) {
                $valor = $preco_valido / $p;
                $parcela = $p;
              }
            }
            @endphp

            <input type="hidden" name="subTotal" value="{{ $preco_valido }}">

            <h6 class="px-3 text-left price font-weight-bolder fosco-text">
              ou <b>{{ $parcela }}x</b> de
              <span>
                <b>{{ config('cart.currency_symbol') }} {{ number_format($valor, 2, ',', '.') }}</b>
              </span>
            </h6>

            @if($product->quantity > 0)
            @if(auth()->check())
            <div class="py-4 mt-4 form-row grey lighten-4">
              <div class="my-auto col-lg-4">
                <div class="text-center number-input">
                  <label class="font-weight-bold black-text" for="qtd-pdt">QUANTIDADE:</label>
                  <div class="p-1 border white d-inline-block btn-rounded">
                    <a onclick="this.parentNode.querySelector('input[name=quantity]').stepDown()" class="count-btn minus-item">
                      <i class="p-2 border fas fa-minus other-grey btn-rounded white"></i>
                    </a>
                    <input type="hidden" name="frete" id="valFrete">
                    <input type="hidden" name="product" value="{{ $product->id }}">
                    <input type="number" name="quantity" value="1" min="1" max="{{ $product->quantity }}" class="item-quantidade" id="qtd-pdt" readonly>
                    <a onclick="this.parentNode.querySelector('input[name=quantity]').stepUp()" class="count-btn plus-item">
                      <i class="p-2 border fas fa-plus other-grey btn-rounded white"></i>
                    </a>
                  </div>
                </div>
              </div>
              <div class="my-auto text-left col-lg">
                <button class="ml-3 text-white btn btn-3 btn-3d btn-block icon-cart primary font-weight-bold w-92">ADICIONAR AO CARRINHO
                </button>
              </div>
            </div>
            @else
            <input type="hidden" name="quantity" value="1" />
            <input type="hidden" name="sku" value="{{ $product->id }}" />

            <a href="{{ route('autentica.completo') }}" class="text-white btn btn-lg primary font-weight-bold">
              Fazer login para continuar <i></i>
            </a>
            @endif

            @else
            <hr>
            <h4 class="font-weight-bolder font-abeezee fosco-text">Ops</h4>
            <h6 class="font-weight-bolder fosco-text">Esse produto encontra-se indisponível</h6>
            @endif

          </form>
          <hr>

          <dl class="row">
            <dt class="col-sm-8">
              Total
            </dt>
            <dt class="col-sm-4" id="total_venda">
              {{ config('cart.currency_symbol') }} {{ number_format($preco_valido, 2,',','.') }}
            </dt>
            <hr>
          </dl>

        </div>

        @include('layouts.front.shared.frete')

        @else
        <h4 class="font-weight-bolder font-abeezee fosco-text">Ops</h4>
        <h6 class="font-weight-bolder fosco-text">Esse produto encontra-se indisponível</h6>
        <hr>
        @endif
        <h6 class="font-weight-bolder"><i class="mr-1 fas fa-info-circle orange-text"></i>imagens meramente ilustrativas</h6>

      </div>

    </div>

  </div>
</section>
{{--{!!dd($product)!!}--}}
<section>
  <div class="container">
    <div class="my-5 text-justify descricao-produto">
      <div>
        <hr>
        <h4 class="py-2 text-left font-weight-bold fosco-text">
          <i class="mr-2 fas fa-tags"></i> DESCRIÇÃO DO PRODUTO:
        </h4>

        <p class="mb-1 font-weight-bolder">
          {!! nl2br($product->description) !!}
        </p>

        @if ($product->detalhe_item)
        <p class="mb-1 font-weight-bolder">
          {!! nl2br($product->detalhe_item) !!}
        </p>
        @endif
      </div>
    </div>
  </div>
</section>

@endsection

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-zoom/1.7.20/jquery.zoom.min.js"></script>

{{--Arquivo Anonimas comum aos projetos--}}
@include('layouts.front.js.arrowJS')
{{--Arquivo Anonimas comum aos projetos--}}

{{--Arquivo Jquery comum aos projetos--}}
@include('layouts.front.js.jqueryJS')
{{--Arquivo Jquery comum aos projetos--}}

<script>
  $(document).ready(function(){
    $('.carousel-item').zoom().css({"cursor": "zoom-in"});
  });
</script>

<script type="text/javascript">
  var token = document.head.querySelector('meta[name="csrf-token"]')
  axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content
  $(document).ready(function () {
    $('.not-posible').hide()
    let formato = { minimumFractionDigits: 2 , style: 'currency', currency: 'BRL' }
    $('.plus-item').on('click', function() {
      let max = $('input[name=quantity]').attr('max')
      let qty = $('input[name=quantity]').val()
      let valor = $('input[name=subTotal]').val()

      if(parseInt(qty) <= parseInt(max)) {
        if (parseInt(qty) === parseInt(max)) {
          $('#modalAviso').modal('show')
          $('#modalAviso').on('shown.bs.modal', function (event) {
            var modal = $(this)
            modal.find('.modal-title').text('Quantidade máxima atingida')
            modal.find('.modal-body').find('#modal-message').text('Este item atingiu a quantidade máxima em estoque.')
          })
        }
      } else {
        $('#modalAviso').modal('show')
        $('#modalAviso').on('shown.bs.modal', function (event) {
          var modal = $(this)
          modal.find('.modal-title').text('Quantidade máxima atingida')
          modal.find('.modal-body').find('#modal-message').text('Este item atingiu a quantidade máxima em estoque.')
        })
      }

      let total = parseFloat(valor) * parseFloat(qty)
      $('#total_venda').html(total.toLocaleString('pt-BR', formato))

    })
    $('.minus-item').on('click', function(){
      let max = $('input[name=quantity]').attr('max')
      let qty = $('input[name=quantity]').val()
      let valor = $('input[name=subTotal]').val()
      if(qty < 1) {
        $('#modalAviso').modal('show')
        $('#modalAviso').on('shown.bs.modal', function (event) {
          var modal = $(this)
          modal.find('.modal-title').text('Quantidade mínima atingida')
          modal.find('.modal-body').find('#modal-message').text('Este item atingiu a quantidade mínima permitida.')
        })
      }
      if(max === 0) {
        $('#modalAviso').modal('show')
        $('#modalAviso').on('shown.bs.modal', function (event) {
          var modal = $(this)
          modal.find('.modal-title').text('Item sem estoque')
          modal.find('.modal-body').find('#modal-message').text('Este item não possui estoque no momento.')
        })
      }
      let total = parseFloat(valor) * parseFloat(qty)
      $('#total_venda').html(total.toLocaleString('pt-BR', formato))
    })
    $('.total').hide()

    $('.carousel').carousel()
    $('ul.navbar-nav li.dropdown').hover(function() {
      $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(500);
    }, function() {
      $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(500);
    });

    $('.popover-dismiss').popover({
      trigger: 'focus'
    })

    $('.link-categoria').on('click', function(){
      window.location.href = $(this).data('href');
    })

    $('#cepDest').mask ('99999-999')
    $('.aguardeFrete').hide()
    $('.calcularFrete').show()
    $('.frete').hide()

    $('input[name=quantity]').on('change', function(){
      let quantity = $(this).val()
      console.log(quantity)
    })
    $('#calcularFrete').on('click', function(e){
      e.preventDefault()
      $('.aguardeFrete').show()
      // $('.calcularFrete').hide()
      $('#frete>tbody').html("<tr><td colspan='3'></td></tr>")

      let _tableFrete
      let entrega_correios = {!! config('shipping.correios.ativo') !!}
      let entrega_interna = {!! config('shipping.entrega.ativo') !!}
      let retirada = {!! config('shipping.retirada.ativo') !!}
      let motoboy = 0
      let motoboy_custo = {!! config('shipping.motoboy.custo') !!}
      let motoboy_prazo = {!! config('shipping.motoboy.prazo') !!}
      let motoboy_min = {!! config('shipping.motoboy.valor_minimo') !!}
      let motoboy_cep_ini = {!! config('shipping.motoboy.cep_ini') !!}
      let motoboy_cep_fim = {!! config('shipping.motoboy.cep_fim') !!}

      /*Padroes da entrega dos correios*/
      let min_comprimento = {!! config('shipping.correios.min_comprimento') !!}
      let max_comprimento = {!! config('shipping.correios.max_comprimento') !!}
      let min_altura = {!! config('shipping.correios.min_altura') !!}
      let max_altura = {!! config('shipping.correios.max_altura') !!}
      let min_largura = {!! config('shipping.correios.min_largura') !!}
      let max_largura = {!! config('shipping.correios.max_largura') !!}
      let min_peso = {!! config('shipping.correios.min_peso') !!}
      let max_peso = {!! config('shipping.correios.max_peso') !!}

      let cepOrig = {!! str_replace('-', '', config('shop.warehouse.zip')) !!}
      let cepDest = $('#cepDest').val()
      cepDest = cepDest.replace('-', '')

      let sku = $('input[name=sku]').val()
      let quantity = $('input[name=quantity]').val()
      let peso = $('input[name=peso]').val()
      let altura = $('input[name=altura]').val() * 100
      let largura = $('input[name=largura]').val() * 100
      let comprimento = $('input[name=comprimento]').val() * 100
      let preco = $('input[name=subTotal]').val()
      preco = parseFloat(preco)

      console.log(peso)
      let send = true
      if(peso < min_peso){
        peso = min_peso
      } else if (peso > max_peso){
        console.log('Peso ['+ peso +'] excede o valor máximo para entregar pelos correios ' + max_peso)
        send = false
      }
      if(altura < min_altura){
        altura = min_altura
      } else if (altura > max_altura){
        console.log('Altura ['+ altura +'] excede o valor máximo para entregar pelos correios ' + max_altura)
        send = false
      }
      if(largura < min_largura){
        largura = min_largura
      } else if (largura > max_largura){
        console.log('Largura ['+ largura +'] excede o valor máximo para entregar pelos correios ' + max_largura)
        send = false
      }
      if(comprimento < min_comprimento){
        comprimento = min_comprimento
      } else if (comprimento > max_comprimento){
        console.log('Comprimento ['+ comprimento +'] excede o valor máximo para entregar pelos correios ' + max_comprimento)
        send = false
      } else if (cepDest === '') {
        $('.msgCEP').removeClass('alert-danger')
        $('.msgCEP').addClass('alert-warning')
        $('.msgCEP').addClass('show')
        $('#msgCEP').html('Verifique se preencheu corretamente o CEP.')
        send = false
      }

      // let url = '/api/calculaEntrega/' + cepDest + '/' + preco + '/' + quantity + '/' + peso + '/' + altura + '/' + largura + '/' + comprimento
      let url = '/api/frete/calcula-frete-unico/' + cepDest + '/' + preco + '/' + quantity + '/' + peso + '/' + altura + '/' + largura + '/' + comprimento + '/' + sku
      console.log(url)
      if(send){
        /* Habilita a linha de retorno, par retirar em Loja */
        if(retirada && cepDest >= motoboy_cep_ini && cepDest <= motoboy_cep_fim) {
          _tableFrete += '<tr>'
            _tableFrete += '<td>'
              _tableFrete += '<div class="custom-control custom-radio">'
                _tableFrete += '<input type="radio" class="custom-control-input" id="retirada" name="tipoEntrega" value="retirada" aria-selected="true" data-frete="0.00">'
                _tableFrete += '<label class="font-weight-bolder" for="retirada">Retirar na Loja</label>'
                _tableFrete += '</div>'
                _tableFrete += '</td>'
                _tableFrete += '<td data-th="dia" colspan="2" class="text-center font-weight-bolder dia"><a href="{{ route("contato") }}">Para sua comodidade, entre em contato <br/> consoco para combinar a retirada <i class="fas fa-comments fosco-text"></i></a> </td>'
                _tableFrete += '</tr>'
              }
              /* Habilita a linha de retorno, para entrega por Motoboy */
              if (motoboy && cepDest >= motoboy_cep_ini && cepDest <= motoboy_cep_fim && preco >= motoboy_min) {
                let txt_dias = (motoboy_prazo > 1) ? ' dias úteis' : ' dia útil'
                _tableFrete += '<tr>'
                  _tableFrete += '<td>'
                    _tableFrete += '<div class="custom-control custom-radio">'
                      _tableFrete += '<input type="radio" class="custom-control-input" id="motoboy" name="tipoEntrega" value="motoboy" aria-selected="true"  data-frete="0.00">'
                      _tableFrete += '<label class="custom-control-label" for="motoboy">Motoboy</label>'
                      _tableFrete += '</div>'
                      _tableFrete += '</td>'
                      _tableFrete += '<td data-th="dia" class="text-center dia"> ' + motoboy_prazo + ' ' + txt_dias +' </td>'
                      _tableFrete += '<td data-th="preco" class="text-center preco"> Frete Grátis </td>'
                      _tableFrete += '</tr>'
                    } else if(motoboy && cepDest >= motoboy_cep_ini && cepDest <= motoboy_cep_fim) {
                      let txt_dias = (motoboy_prazo > 1) ? ' dias úteis' : ' dia útil'
                      _tableFrete += '<tr>'
                        _tableFrete += '<td>'
                          _tableFrete += '<div class="custom-control custom-radio">'
                            _tableFrete += '<input type="radio" class="custom-control-input" id="motoboy" name="tipoEntrega" value="motoboy" aria-selected="true" data-frete="'+motoboy_custo+'">'
                            _tableFrete += '<label class="custom-control-label" for="motoboy">Motoboy</label>'
                            _tableFrete += '</div>'
                            _tableFrete += '</td>'
                            _tableFrete += '<td data-th="dia" class="text-center dia"> ' + motoboy_prazo + ' ' + txt_dias +' </td>'
                            _tableFrete += '<td data-th="preco" class="text-center preco">' + motoboy_custo.toLocaleString('pt-BR', formato) + '</td>'
                            _tableFrete += '</tr>'
                          }
                          $('.msgCEP').removeClass('show')

                          axios.get(url, {headers: {'Accept': 'application/json'}})
                          .then((response)=>{
                            let retorno = response.data

                            let txt_dias
                            $.each(retorno, function( index, fretes ) {
                              $.each(fretes, function( i, frete ) {
                                console.log('Frete', frete)
                                txt_dias = (frete.prazo > 1) ? ' dias úteis' : ' dia útil'
                                let valor = parseFloat(frete.valor)
                                _tableFrete += '<tr>'
                                  _tableFrete += '<td>'
                                    _tableFrete += '<div class="custom-control custom-radio">'
                                      _tableFrete += '<input type="radio" class="custom-control-input" id="'+frete.servico+'" name="tipoEntrega" value="'+frete.codigo+'" data-frete="'+valor+'">'
                                      _tableFrete += '<label class="font-weight-bolder" for="'+frete.servico+'">'+frete.descServico+'</label>'
                                      _tableFrete += '</div>'
                                      _tableFrete += '</td>'
                                      _tableFrete += '<td data-th="dia" class="text-center font-weight-bolder dia">' + frete.prazo + txt_dias+ ' </td>'
                                      _tableFrete += '<td data-th="preco" class="text-center font-weight-bolder preco">' + valor.toLocaleString('pt-BR', formato) + '</td>'
                                      _tableFrete += '</tr>'
                                    })
                                  })

                                  if(entrega_correios === 1) {
                                    $('#frete>tbody').html(_tableFrete)

                                    $('.aguardeFrete').hide()
                                    $('.calcularFrete').show()
                                    $('.frete').show()
                                    /**
                                    * Insere os valores nos devidos campos após a escolha do frete
                                    */
                                    $('input[name=tipoEntrega]').on('click', function(){
                                      let frete_val = $('input[name=tipoEntrega]:checked').data('frete')
                                      let valorFinal = preco + parseFloat(frete_val)
                                      let parc_sem_juros = {!! config('cart.parc_sem_juros') !!}
                                      let valor_min_parcela = {!! config('cart.valor_min_parcela') !!}
                                      let valor_parcela = 0.00
                                      let parcela = 0


                                      $('input[name=frete]').val(parseFloat(frete_val))
                                      $('#price_item').html(valorFinal.toLocaleString('pt-BR', formato))
                                      $('#valFrete').val(parseFloat(frete_val))
                                      $('#numero_parcelas').html(parcela)
                                      $('#valor_parcela').html(valor_parcela.toLocaleString('pt-BR'))
                                      $('button.btn-comprar').removeClass('disabled')
                                      $('button.btn-logar').removeClass('disabled')
                                    })
                                  }
                                }).catch((error)=>{
                                  $('.aguardeFrete').hide()
                                  $('.calcularFrete').show()
                                  $('.msgCEP').removeClass('alert-warning')
                                  $('.msgCEP').removeClass('d-none')
                                  $('.msgCEP').addClass('alert-danger')
                                  $('.msgCEP').addClass('d-block')
                                  $('#msgCEP').html('Erro')
                                  $('button.btn-comprar').addClass('disabled')
                                  $('button.btn-logar').addClass('disabled')
                                  console.log('Error', error)
                                  $('.frete').show()
                                })


                              } else {
                                // calculaFreteProprio
                                $('.aguardeFrete').hide()
                                $('.calcularFrete').show()
                              }
                              if(entrega_interna === 1) {
                                // Entrega propria
                                let url_retirada = '/api/calculaFreteProprio/' + cepDest
                                let _tableEntrega

                                axios.get(url_retirada, {headers: {'Accept': 'application/json'}})
                                .then((response)=>{
                                  let retorno_entrega = response.data
                                  let valor_entrega = parseFloat(retorno_entrega)
                                  console.log('Entrega', valor_entrega)
                                  let txt_dias
                                  let prazo = {!! config('shipping.entrega.dias') !!}
                                  if(valor_entrega > 0) {

                                    txt_dias = (prazo > 1) ? ' dias úteis' : ' dia útil'

                                    _tableEntrega += '<tr>'
                                      _tableEntrega += '<td>'
                                        _tableEntrega += '<div class="custom-control custom-radio">'
                                          _tableEntrega += '<input type="radio" class="custom-control-input" id="entrega_propria" name="tipoEntrega" value="entrega_propria" data-frete="'+valor_entrega+'">'
                                          _tableEntrega += '<label class="font-weight-bolder" for="entrega_propria">Transportadora</label>'
                                          _tableEntrega += '</div>'
                                          _tableEntrega += '</td>'
                                          _tableEntrega += '<td data-th="dia" class="text-center font-weight-bolder dia">' + prazo + txt_dias+ ' </td>'
                                          _tableEntrega += '<td data-th="preco" class="text-center font-weight-bolder preco">' + valor_entrega.toLocaleString('pt-BR', formato) + '</td>'
                                          _tableEntrega += '</tr>'

                                          $('#frete>tbody').html(_tableEntrega)

                                          $('.aguardeFrete').hide()
                                          $('.calcularFrete').show()
                                          $('.frete').show()
                                          /**
                                          * Insere os valores nos devidos campos após a escolha do frete
                                          */
                                          $('input[name=tipoEntrega]').on('click', function() {
                                            let frete_val = valor_entrega
                                            let valorFinal = preco + parseFloat(frete_val)
                                            let parc_sem_juros = {!! config('cart.parc_sem_juros') !!}
                                            let valor_min_parcela = {!! config('cart.valor_min_parcela') !!}
                                            let valor_parcela = 0.00
                                            let parcela = 0

                                            $('input[name=frete]').val(parseFloat(frete_val))
                                            $('#price_item').html(valorFinal.toLocaleString('pt-BR', formato))
                                            $('#valFrete').val(parseFloat(frete_val))
                                            $('#numero_parcelas').html(parcela)
                                            $('#valor_parcela').html(valor_parcela.toLocaleString('pt-BR'))
                                            $('button.btn-comprar').removeClass('disabled')
                                            $('button.btn-logar').removeClass('disabled')
                                          })

                                        } else {
                                          // calculaFreteProprio
                                          $('.aguardeFrete').hide()
                                          $('.calcularFrete').show()
                                        }
                                      })
                                      .catch((error)=>{
                                        $('.aguardeFrete').hide()
                                        $('.calcularFrete').show()
                                        $('.msgCEP').removeClass('alert-warning')
                                        $('.msgCEP').removeClass('d-none')
                                        $('.msgCEP').addClass('alert-danger')
                                        $('.msgCEP').addClass('d-block')
                                        $('#msgCEP').html('Erro')
                                        $('button.btn-comprar').addClass('disabled')
                                        $('button.btn-logar').addClass('disabled')
                                        console.log('Error na entrega propria', error)
                                        $('.frete').show()
                                      })
                                    }

                                  })

                                  $('.btn-comprar').on('click', function(e){
                                    e.preventDefault()
                                    let frete = $('input[name=frete]').val()
                                    /*if(frete === '') {
                                      $('.msgCEP').addClass('show')
                                      $('#msgCEP').html('Você não escolheu o método de entrega...')
                                    } else {*/
                                      $('#adicionandoCarrinho').modal( 'show' )
                                      $('#adicionandoCarrinho').modal({
                                        backdrop: 'static'
                                      })
                                      $('#formAddCart').submit()
                                      /*}*/
                                    })

                                    $('.avise-me').on('click', function() {
                                      let url = "{!! url('api/avise-me') !!}"
                                      let sku = $(this).data('sku')

                                      let customer_id = $('#user_id_loged').val()

                                      if (customer_id === "null") {
                                        $('#modalAviso').modal( 'show' )
                                        $('#modalAviso').on('show.bs.modal', function (event) {
                                          var modal = $(this)
                                          modal.find('.modal-title').text('Efetuar Login')
                                          modal.find('.modal-body #modal-message').html('Você precisa estar logado para armazenar as informações.')
                                        })
                                        return false
                                      }

                                      console.log(sku, customer_id)
                                      axios.post(url, {
                                        token: token,
                                        customer_id: parseInt(customer_id),
                                        sku: sku
                                      },
                                      {
                                        /*headers: {'Accept': 'application/json', 'X-Requested-With': 'XMLHttpRequest','Content-Type': 'application/json'},*/
                                        crossDomain: true
                                      })
                                      .then((response)=>{
                                        console.log('Resposta', response.data)
                                        console.log('Status', response.status)

                                        $('#modalAviso').modal( 'show' )
                                        $('#modalAviso').on('show.bs.modal', function (event) {
                                          var modal = $(this)
                                          modal.find('.modal-title').text('Aviso Gravado')
                                          modal.find('.modal-body #modal-message').html('Você será avisado quando este produto chegar.')
                                        })
                                      }).catch((error)=>{
                                        console.log('Error', error)
                                      })
                                    })

                                    $('.item-variavel').on('click', function(){
                                      let product_id = $(this).data('product')
                                      let price = $('input[name=final_price-'+product_id+'').val()
                                      let quantity = $('input[name=quantity-'+product_id+'').val()

                                      price = parseFloat(price)

                                      $('input[name=subTotal]').val(price)
                                      $('input[name=quantity]').val(1)
                                      $('input[name=productAttribute]').val(product_id)
                                      $('input[name=quantity]').attr('max', quantity)
                                      $('span.price').html(price.toLocaleString('pt-BR', formato))
                                      if(quantity <= 0) {
                                        $('button.btn-comprar').attr('disabled', true)
                                        $('button#calcularFrete').attr('disabled', true)
                                        $('.imagem-mascara-esgotado').show()
                                      } else {
                                        $('button.btn-comprar').removeAttr('disabled')
                                        $('button#calcularFrete').removeAttr('disabled')
                                        $('.imagem-mascara-esgotado').hide()
                                      }
                                    })
                                    $('.cart-del').on('click', function(e) {
                                      e.preventDefault()
                                      $('#formDestroy').submit()
                                    })

                                    $('input[name=productAttribute]').on('click', function() {
                                      let productAttribute = $(this).val()
                                      let price = $(this).data('price')
                                      price = parseFloat(price)
                                      let image = $(this).data('image')
                                      let qty = $(this).data('qty')
                                      let valorFrete = $('#valFrete').val();

                                      if(valorFrete > 0.00) {
                                        price = price + parseFloat(valorFrete)
                                      }
                                      if(parseInt(qty) === 0) {
                                        $('button[type=submit]').addClass('disabled')
                                      } else {
                                        $('button[type=submit]').removeClass('disabled')
                                      }
                                      $('#carousel-thumb>div.carousel-inner>div.carousel-item').html('<img src="'+image+'">')
                                      $('#price_item').html(price.toLocaleString('pt-BR', formato))
                                      $('input[name=subTotal]').val(price)
                                      $('#qty').attr('max', qty)
                                      $('#qty').val(1)
                                    })
                                  })
                                </script>

                                @endsection