@extends('layouts.front.app')
@section('css')
  <link href="{{ asset('css/jquery-ui.min.css') }}" rel="stylesheet">
@endsection

@section('content')
  @if(config('site.domain') === 'operagarden')
    @include(config('site.domain').'.layouts.front.menu-banner')
  @endif
  <!-- Modal informativo do Frete -->
  <div class="modal fade top" id="modalFrete" tabindex="-1" role="dialog" aria-labelledby="modalFrete" aria-hidden="true" style="z-index-1000 !important;">

    <div class="modal-dialog cascading-modal modal-notify" role="document">

      <div class="modal-content">
        <div class="modal-body">
          <div class="row d-flex justify-content-center align-items-center">

            <p class="pt-3 pr-2">Valor do Frete: <span class="vl-frete-info badge badge-dark"></span> foi adicionado ao seu Pedido.</p>

            <button type="button" class="btn btn-success" data-dismiss="modal">Fechar</button>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Modal informativo do Frete -->
  <section>

    <div class="container">

      <nav>
        <ol class="breadcrumb grey lighten-3 mt-3">
          <li class="breadcrumb-item">
            <a href="{{ route('home') }}" class="font-weight-bold fosco-text"><i class="fa fa-home"></i> Home</a>
          </li>
          <li class="breadcrumb-item">
            <a class="font-weight-bold fosco-text" href="{{ route('cart.index') }}">Carrinho</a>
          </li>
          <li class="breadcrumb-item font-weight-bold fosco-text">Entrega</li>
        </ol>
      </nav>

    </div>

  </section>

  <section>
    <div class="container mb-2">
      <form class="" action="{!! route('order.delivery.store') !!}" method="post">
        {{ csrf_field() }}
        <input type="hidden" name="w_delivery_id" value="{{$uuid}}">
        <input type="hidden" name="w_pedido_vl_frete" value="">
        <div class="row">
          <div class="col-lg-7">
            <div class="card">
              <div class="card-body">
                <h5 class="font-weight-bolder txt-data" style="color: #d50000;"><em>ENTREGA DO PEDIDO:</em></h5>
                <div class="col-lg" id="errorCadastro">
                  <div class="alert alert-warning errorCadastro" role="alert">  </div>
                </div>
                <div class="custom-control custom-radio">
                  <input type="radio" class="custom-control-input" id="retirada" name="w_pedido_entr_tipo" value="1" data-valor="0.00" data-servico="retirada" data-codigo="retirada">
                  <label class="custom-control-label font-weight-bolder fosco-text" for="retirada">
                    IREI RETIRAR PESSOALMENTE NA LOJA.
                  </label>
                </div>
                <hr>
                <div class="custom-control custom-radio">
                  <input type="radio" class="custom-control-input" id="entregar" name="w_pedido_entr_tipo" value="2" data-valor="0.00" data-servico="entregar" data-codigo="entrega">
                  <label class="custom-control-label font-weight-bolder fosco-text" for="entregar">
                    DESEJO QUE A LOJA ENTREGUE PARA:
                  </label>
                </div>
                <div class="dados-para-entrega">

                  <div class="md-form my-2">
                    <label for="w_pedido_entrega_nome">Entregar para <span class="red-text">*</span></label>
                    <input type="text" id="w_pedido_entrega_nome" name="w_pedido_entrega_nome" class="form-control" value="{!! old('w_pedido_entrega_nome') !!}" maxlength="50" required>
                  </div>

                  <div class="md-form my-1">
                    <label for="w_pedido_entrega_cep">Qual o CEP da entrega? <span class="red-text">*</span><small>
                      <a href="http://www.buscacep.correios.com.br/sistemas/buscacep/buscaCepEndereco.cfm" class="grey-text" target="_blank">(Não sei ou não lembro o CEP)</a></small></label>
                      <input type="text" id="w_pedido_entrega_cep" name="w_pedido_entrega_cep" class="form-control" value="{!! old('w_pedido_entrega_cep') !!}" maxlength="10" required>
                    </div>

                    <div class="md-form my-1">
                      <label for="w_pedido_entrega_logr">Nome da rua <span class="red-text">*</span></label>
                      <input type="text" id="w_pedido_entrega_logr" name="w_pedido_entrega_logr" class="form-control" value="{!! old('w_pedido_entrega_logr') !!}" readonly required>
                    </div>

                    <div class="row">
                      <div class="col-6">
                        <div class="md-form my-1">
                          <label for="w_pedido_entrega_numero">N&uacute;mero <span class="red-text">*</span></label>
                          <input type="text" id="w_pedido_entrega_numero" name="w_pedido_entrega_numero" class="form-control" value="{!! old('w_pedido_entrega_numero') !!}" maxlength="6" required>
                        </div>
                      </div>
                      <div class="col-6">
                        <div class="md-form my-1">
                          <label for="w_pedido_entrega_complem">Complemento</label>
                          <input type="text" id="w_pedido_entrega_complem" name="w_pedido_entrega_complem" class="form-control" value="{!! old('w_pedido_entrega_complem') !!}" maxlength="20">
                        </div>
                      </div>
                    </div>

                    <div class="md-form my-1">
                      <label for="w_pedido_entrega_bairro">Bairro <span class="red-text">*</span></label>
                      <input type="text" id="w_pedido_entrega_bairro" name="w_pedido_entrega_bairro" class="form-control" value="{!! old('w_pedido_entrega_bairro') !!}" maxlength="20" readonly required>
                    </div>

                    <div class="md-form my-1">
                      <label for="w_pedido_entrega_munic">Cidade <span class="red-text">*</span></label>
                      <input type="text" id="w_pedido_entrega_munic" name="w_pedido_entrega_munic" class="form-control" value="{!! old('w_pedido_entrega_munic') !!}" maxlength="30" readonly required>
                    </div>

                    <div class="md-form my-1">
                      <label for="w_pedido_entrega_uf">UF <span class="red-text">*</span></label>
                      <input type="text" id="w_pedido_entrega_uf" name="w_pedido_entrega_uf" class="form-control" value="{!! old('w_pedido_entrega_uf') !!}" maxlength="30" readonly required>
                    </div>

                    <div class="md-form my-1">
                      <label for="w_pedido_entrega_prox">Refer&ecirc;ncia do endere&ccedil;o </label>
                      <input type="text" id="w_pedido_entrega_prox" name="w_pedido_entrega_prox" class="form-control" value="{!! old('w_pedido_entrega_prox') !!}" maxlength="200">
                    </div>

                  </div>

                  <hr>

                  <div class="data-entrega">
                    <h5 class="font-weight-bolder txt-data" style="color: #d50000;"><em>DATA DA RETIRADA:</em></h5>
                    <div class="row">

                      <div class="col-md-6">
                        <div id="datepicker"></div>
                      </div>

                      <div class="col-md-6">

                        <input type="hidden" name="hora_entrega_manha" value="10:00">
                        <input type="hidden" name="hora_entrega_tarde" value="16:30">
                        <ul class="data_entrega hidden">
                          <li id="dataEntrega" class="font-italic">Clique em cima do dia em que deseja a entrega</li>
                          <li id="tituloPeriodo"> Escolha abaixo o <strong>período de entrega</strong> desejado:
                            <ul class="list-unstyled horario-entrega">

                            </ul>
                          </li>
                        </ul>
                        <small class="font-italic info-sob-consulta" style="display: none;">Este pedido, possui itens com entrega sob consulta, disponível somente dentro de 15 dias.</small>
                      </div>
                      <input type="hidden" name="w_pedido_data_saida" id="w_pedido_data_saida">
                    </div>

                  </div>

                  <hr>
                  <div class="ml-0">
                    <h5 class="font-weight-bolder" style="color: #d50000;"><em>CARTÃO DE PRESENTE:</em></h5>

                    <div class="row">
                      <div class="col-lg md-form my-1 ml-3">
                        <label for="w_pedido_cartao_tit">T&iacute;tulo do Cart&atilde;o <span class="red-text">*</span></label>
                        <input type="text" id="w_pedido_cartao_tit" name="w_pedido_cartao_tit" class="form-control" value="{!! old('w_pedido_cartao_tit') !!}" maxlength="50" required>
                      </div>
                    </div>

                    <div class="row">
                      <div class="col-lg md-form my-1 ml-3">
                        <label for="w_pedido_cartao_msg">Mensagem do Cart&atilde;o <small>(Escreva uma mensagem para acompanhar seu presente)</small> </label>
                        <textarea id="w_pedido_cartao_msg" name="w_pedido_cartao_msg" class="md-textarea form-control" rows="3" maxlength="2000">{!! old('w_pedido_cartao_msg') !!}</textarea>
                      </div>
                    </div>

                    <div class="row">
                      <div class="col-lg md-form my-1 ml-3">
                        <label for="w_pedido_cartao_ass">Assinatura no Cart&atilde;o <small>(Deixe em branco se for enviar como ANÔNIMO)</small> </label>
                        <input type="text" id="w_pedido_cartao_ass" name="w_pedido_cartao_ass" class="form-control" value="{!! old('w_pedido_cartao_ass') !!}" maxlength="50" >
                      </div>
                    </div>

                  </div>

                  <button type="submit" name="button" id="cadastrarEntrega" class="btn btn-block box-green font-weight-bold waves-effect waves-light white-text mb-1 btn-submit-entrega">
                    <span>Confirmar entrega</span>
                    <i class="fas fa-arrow-right ml-1"></i>
                  </button>

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

            <!-- Coluna do resumo -->
            <div class="col-lg-5 mb-4">
              <div class="card">

                <div class="z-depth-1">

                  <div class="card-body">
                    <h4 class="mb-4 mt-1 h5 text-center font-weight-bold">Resumo</h4>
                    <hr>

                    @if (intval(config('site.so_orcamento')) === 1)
                      <div class="px-2" style="overflow-y: scroll; overflow-x: hidden; max-height: 500px;">
                      @else
                        <div class="px-1">
                        @endif
                        @foreach($getCartItems as $product)
                          <dl class="row">
                            <dd class="col-sm-5">
                              <small>{{ $product->name }}</small>
                            </dd>
                            <dd class="col-sm-2 text-right">
                              @if(isset($product->pivot))
                                <small>{{ $product->pivot->quantity }} x</small>
                              @endif
                            </dd>
                            <dd class="col-sm text-right">
                              <em>{{ config('cart.currency_symbol') }} {{ number_format($product->price, 2, ',', '.') }}</em>
                            </dd>
                          </dl>
                          <hr>

                          <input type="hidden" name="peso_total" value="{{ floatVal($product->weight) }}">

                        @endforeach
                      </div>
                      @if ( config('site.so_orcamento') === 0)
                        <dl class="row">
                          <dt class="col-sm-7">
                            Sub Total
                          </dt>
                          <dt class="col-sm text-right">
                            {{ config('cart.currency_symbol') }} {{ number_format(floatVal($cartTotal), 2, ',', '.') }}
                            <input type="hidden" name='subTotal' value="{{ floatVal($cartTotal) }}">
                            <input type="hidden" name='total' value="{{ floatVal($cartTotal) }}">
                          </dt>
                        </dl>
                        <hr>

                        <dl class="row">
                          <dd class="col-sm-7">
                            Frete
                          </dd>
                          <dd class="col-sm text-right">
                            <span id="valorFrete"></span>
                          </dd>
                        </dl>
                      @endif
                      <hr>

                      <dl class="row">
                        <dt class="col-sm-7">
                          Total
                        </dt>
                        <dt class="col-sm text-right">
                          <span id="valorTotal">{{ config('cart.currency_symbol') }} {{ number_format(floatVal($cartTotal), 2, ',', '.') }}</span>
                        </dt>
                      </dl>

                    </div>

                  </div>

                  <hr>
                  @if ( config('site.so_orcamento') === 0)
                    {{-- Opções de parcelamento --}}


                    <div class="p-3">
                      <div class="card-title text-center">
                        Op&ccedil;&otilde;es de Parcelamento
                      </div>
                      <div class="card-text">
                        <ul class="list-group opcParc">
                        </ul>
                      </div>
                    </div>

                  @endif
                </div>
              </div>

            </div>
          </div>
        </form>
      </div>
    </section>
  @endsection

  @section('js')
    <script src = "{{ asset('js/axios.js') }}" type = "text/javascript" charset = "utf-8">
    </script>
    <script src = "{{ asset('js/jquery.mask.js') }}" type = "text/javascript" charset = "utf-8">
    </script>
    <script src = "{{ asset('js/jquery-ui.min.js') }}" type = "text/javascript" charset = "utf-8">
    </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() {
      $('#errorCadastro').hide()
      $('.dados-para-entrega').hide()
      /* PARA A ESCOLHA DO TIPO DE ENTREGA */
      $('input[name=w_pedido_entr_tipo]').on('click', function () {
        let tipo_entrega = $('input[name=w_pedido_entr_tipo]:checked').val() /*1 = retirada e 2 = entrega no endereço */
        console.log(tipo_entrega)
        if(parseInt(tipo_entrega) === 1) {
          $('#errorCadastro').hide()
          $('#w_pedido_entrega_cep').val("")
          $('#w_pedido_entrega_logr').val("")
          $('#w_pedido_entrega_numero').val("")
          $('#w_pedido_entrega_complem').val("")
          $('#w_pedido_entrega_bairro').val("")
          $('#w_pedido_entrega_munic').val("")
          $('#w_pedido_entrega_uf').val("")

          $('#w_pedido_entrega_nome').removeAttr('required')
          $('#w_pedido_entrega_cep').removeAttr('required')
          $('#w_pedido_entrega_logr').removeAttr('required')
          $('#w_pedido_entrega_numero').removeAttr('required')
          $('#w_pedido_entrega_complem').removeAttr('required')
          $('#w_pedido_entrega_bairro').removeAttr('required')
          $('#w_pedido_entrega_munic').removeAttr('required')
          $('#w_pedido_entrega_uf').removeAttr('required')

          $('#cadastrarEntrega').removeAttr('disabled')
          $('#cadastrarEntrega').removeClass('disabled')
          $('.dados-para-entrega').hide()
          $('.txt-data').html('DATA DA RETIRADA:')
          $('input[name=entrega_id]').val(tipo_entrega)
          $('input[name=type]').val("retirada")
          $('.btn-submit-entrega>span').html('CONFIRMAR RETIRADA')
        } else {
          $('#w_pedido_entrega_nome').attr('required', true)
          $('#w_pedido_entrega_cep').attr('required', true)
          $('#w_pedido_entrega_logr').attr('required', true)
          $('#w_pedido_entrega_numero').attr('required', true)
          $('#w_pedido_entrega_complem').attr('required', true)
          $('#w_pedido_entrega_bairro').attr('required', true)
          $('#w_pedido_entrega_munic').attr('required', true)
          $('#w_pedido_entrega_uf').attr('required', true)

          $('.dados-para-entrega').show()
          $('#w_pedido_entrega_nome').focus()
          $('.txt-data').html('DATA DA ENTREGA:')
          $('input[name=entrega_id]').val(tipo_entrega)
          $('input[name=type]').val("entrega")
          $('.btn-submit-entrega>span').html('CONFIRMAR ENTREGA')
        }

      })

      $('#w_pedido_entrega_cep').mask("99.999-999")

      $('#w_pedido_entrega_cep').on('blur', function() {
        $('#errorCadastro').hide()
        $('.errorCadastro').html("")

        let cep = $(this).val()
        let subTotal = $('input[name=subTotal]').val()
        let formato = { minimumFractionDigits: 2 , style: 'currency', currency: 'BRL' }

        if (cep.length < 10) {
          $('#errorCadastro').show()
          $('.errorCadastro').html("Verifique se o CEP está correto")
          $('#cadastrarEntrega').attr('disabled', true)
          $('#w_pedido_entrega_cep').focus()
        } else {

          $('#modalCarregando').modal('show')
          axios.get(base_url + '/api/cep/' + cep)
          .then((response)=>{
            let res = response.data
            console.log(res)
            if (!res.logradouro) {
              $('#w_pedido_entrega_logr').val("-")
            } else {
              $('#w_pedido_entrega_logr').val(res.logradouro)
            }
            $('label[for=w_pedido_entrega_logr]').addClass("active")

            if (!res.bairro) {
              $('#w_pedido_entrega_bairro').val("-")
            } else {
              $('#w_pedido_entrega_bairro').val(res.bairro)
            }
            $('label[for=w_pedido_entrega_bairro]').addClass("active")

            $('#w_pedido_entrega_munic').val(res.localidade)
            $('label[for=w_pedido_entrega_munic]').addClass("active")
            // $('input[name=cliente_id_municipio]').val(res.ibge)
            $('#w_pedido_entrega_uf').val(res.uf)
            $('label[for=w_pedido_entrega_uf]').addClass("active")
            cep = cep.replace('.', '')
            cep = cep.replace('-', '')
            /*Aqui, apenas calcula o valor do frete*/
            axios.get(base_url + '/api/calculaFreteProprio/' + cep)
            .then((responseValor)=>{
              let vlFrete = responseValor.data
              console.log('Valor da entrega', vlFrete)

              vlFrete = parseFloat(vlFrete)
              subTotal = parseFloat(subTotal)

              $('input[name=w_pedido_vl_frete]').val(vlFrete)

              if(vlFrete === 0) {
                $('#errorCadastro').show()
                $('.errorCadastro').html("Não possuímos entrega para este endereço.")
                $('#cadastrarEntrega').attr('disabled', true)
                return false
              } else {
                $('#cadastrarEntrega').removeAttr('disabled')
                let vlFinal = subTotal + vlFrete
                let num_parcelas = "{!! config('cart.parcelas') !!}"
                let parc_sem_juros = "{!! config('cart.parc_sem_juros') !!}"
                let juros_parcelas = "{!! config('cart.juros_parcelas') !!}"
                let juros_compostos = "{!! config('cart.juros_composto') !!}"
                let valor_min_parcela = "{!! config('cart.valor_min_parcela') !!}"
                let frete_free = "{!! config('shipping.free_value') !!}"
                let desconto_dinheiro = "{!! config('cart.desconto_dinheiro') !!}"
                let desconto_avista = "{!! config('cart.desconto_avista') !!}"
                let preco_valido = parseFloat(subTotal) + parseFloat(vlFrete)
                let _opcParc = ''
                let valor_parcela = 0.00
                let valorTotal = 0.00
                let taxa = Number(juros_parcelas)/100
                let txt_parcela = '1 x de ' + preco_valido.toLocaleString('pt-BR', formato)
                let valor_desconto = preco_valido * (parseFloat(desconto_avista)/100)
                let valor_parcela_d = valor_parcela

                for(p = 1 ; p <= num_parcelas; p++){
                  if(p <= parc_sem_juros){
                    valor_parcela = preco_valido;
                  } else {
                    if(juros_compostos){
                      valor_parcela = preco_valido * Math.pow( ( 1 + taxa ), p )
                    }else{
                      valor_parcela = preco_valido * (1 + taxa * p)
                    }
                  }
                  valor_parcela = valor_parcela / p
                  valorTotal = valor_parcela * p
                  // valor_parcela_d = valor_parcela
                  valor_parcela_d = vlFinal

                  if(valor_parcela > valor_min_parcela) {
                    if (p === 1) {
                      _opcParc += '<li class="list-group-item">'+ p + ' x de ' + valor_parcela_d.toLocaleString('pt-BR', formato) +' [total de '+valor_parcela_d.toLocaleString('pt-BR', formato)+']</li>'
                      txt_parcela = p + ' x de ' + valor_parcela_d.toLocaleString('pt-BR', formato)
                    } else {
                      _opcParc += '<li class="list-group-item">'+ p + ' x de ' + valor_parcela.toLocaleString('pt-BR', formato) +' [total de '+valorTotal.toLocaleString('pt-BR', formato)+']</li>'
                      txt_parcela = p + ' x de ' + valor_parcela.toLocaleString('pt-BR', formato)
                    }
                  }
                }
                $('.opcParc').val(_opcParc)

                $('#valorFrete').html(vlFrete.toLocaleString('pt-BR', formato))
                $('#valorTotal').html(vlFinal.toLocaleString('pt-BR', formato))
                $('.valorTotal').html(vlFinal.toLocaleString('pt-BR', formato))
                $('.vl-frete-info').html(vlFrete.toLocaleString('pt-BR', formato))
                $('input[name=frete]').val(vlFrete)
                $('input[name=cost]').val(vlFrete)

                $('input[name=postalCode]').val(cep)

                $('input[name=street]').val(res.logradouro)
                $('input[name=district]').val(res.bairro)
                $('input[name=city]').val(res.localidade)
                $('input[name=state]').val(res.uf)
                $('input[name=country]').val("bra")

                $('.vl-frete-info').removeClass('badge-success')
                $('.vl-frete-info').addClass('badge-warning')

                $('#modalFrete').modal( 'show' )
                $('#modalFrete').on('shown.bs.modal', function (e) {
                  $('#adicionandoCarrinho').modal( 'hide' )
                })

                $('#modalFrete').on('show.bs.modal', function (e) {
                  $('#w_pedido_entrega_numero').focus()
                })
                $('#cadastrarEntrega').removeAttr('disabled')
                $('#cadastrarEntrega').removeClass('disabled')
              }

            })
            .catch((error)=>{
              console.log('Error', error)
              $('#errorCadastro').show()
              $('.errorCadastro').html("Erro " + error)
            })

          })
          .catch((error)=>{
            console.log('Error', error)
            $('#errorCadastro').show()
            $('.errorCadastro').html("Erro " + error)
          })
        }
      })
      /*Para escolha das datas*/
      /* Seleciona Periodo */
      let base_url = "{!! url('/') !!}"
      let feriado = ''
      let liberado = ''

      axios.get(base_url + "/api/feriado")
      .then((response)=>{
        feriado = response.data
        console.log('Feriado', feriado)
      })

      axios.get(base_url + "/api/entrega-liberada")
      .then((response)=>{
        liberado = response.data
        console.log('Liberado', liberado)
      })


      function noSundays(date) {

        let data_aberta = ["10/5"]
        let options_date = {
          // year: 'numeric',
          month: 'numeric',
          day: 'numeric'
        }

        let data_selecionada = date.toLocaleDateString('pt-BR', options_date)

        if (data_aberta.indexOf(data_selecionada) > -1 ) {
          return [true, '']
        }
        return [date.getDay() != 0, ''];
      }

      function inserePeriodo() {
        let feriado = [
          "01/01",
          "1/1",
          // "08/01/"

          //Fevereiro
          // "09/02/"
          "25/02/",
          "26/02/",
          "25/2/",
          "26/2/",

          //Março
          // "01/03/"
          // "08/03/"
          // "23/03/"

          //Abril
          "10/04/",
          // "11/04/",
          "21/04",
          "10/4",
          // "11/4",
          "21/4",
          // "22/04/"
          // "23/04/"

          //Maio
          "01/05",
          "1/5",
          // "28/05/"

          //Junho
          "11/06",
          "11/6",
          //Agosto
          // "14/08/"

          //Setembro
          "07/09",
          "7/9",

          //Outubro
          "12/10",
          // "15/10/"
          // "19/10/"
          // "20/10/"

          //Novembro
          "02/11",
          "2/11",
          "15/11",
          // "19/11/"
          // "20/11/"

          //Dezembro
          "14/12",
          "21/12",
          "24/12",
          "25/12",
          "31/12",
        ]


        $('.horario-entrega').html("") /*limpa o campo dos horários, para carregar novos horários*/
        let data_entrega = $("#datepicker").datepicker("getDate") /*Captura a data da entrega selecionada no calendário*/

        let hora_entrega_manha = parseInt($('input[name=hora_entrega_manha]').val()) /*Captura a data */
        let hora_entrega_tarde = parseInt($('input[name=hora_entrega_tarde]').val())
        let li_entrega_manha = `
        <div class="custom-control custom-radio">
        <input type="radio" class="custom-control-input" name="horario_entrega" id="horario_entrega_manha" value="manha">
        <label class="custom-control-label" for="horario_entrega_manha">MANHÃ 8:00 ÀS 13:00</label>
        </div>
        `

        let li_entrega_tarde =`
        <div class="custom-control custom-radio">
        <input type="radio" class="custom-control-input" name="horario_entrega" id="horario_entrega_tarde" value="manha">
        <label class="custom-control-label" for="horario_entrega_tarde">TARDE 13:00 ÀS 18:00</label>
        </div>
        `

        let options = {
          weekday: 'long',
          year: 'numeric',
          month: 'long',
          day: 'numeric'
        }
        let options_date = {
          year: 'numeric',
          month: 'numeric',
          day: 'numeric'
        }
        let options_mes = {
          month: 'numeric',
          day: 'numeric'
        }
        let agora = new Date();
        let options_calculo = {
          day: 'numeric'
        }
        var campo_data_entrega = data_entrega.toLocaleDateString('pt-BR', options_date)
        let dia_agora = agora.toLocaleDateString('pt-BR', options_calculo)
        let dia_entrega = data_entrega.toLocaleDateString('pt-BR', options_calculo)
        let dia_ent_val = data_entrega.toLocaleDateString('pt-BR', options_mes)
        let diff_dias = (dia_entrega - dia_agora)

        let seconds = Math.abs((data_entrega - (agora)) / 1000);
        let minutes = Math.floor(seconds / 60);
        let hours = Math.floor(seconds / 3600);
        let days = Math.floor(seconds / 86400);

        hours = hours - (days * 24);
        minutes = minutes - (days * 24 * 60) - (hours * 60);
        seconds = seconds - (days * 24 * 60 * 60) - (hours * 60 * 60) - (minutes * 60);
        // get total seconds between the times
        // console.log({
        // 	'Data entrega': data_entrega,
        // 	'Data Valida': dia_ent_val,
        // 	'Feriado': feriado,
        // 	'Data local': agora,
        // 	'Diferença (dias)': days,
        // 	'Em horas': hours,
        // 	'Em minutos': minutes,
        // 	'Dia (entrega - agora)': diff_dias,
        // 	'Horas': hours,
        // 	'Hora a tarde': hora_entrega_tarde,
        // 	'Entrega Manhã?': hours < hora_entrega_manha,
        // 	'Entrega a Tarde?': hours < hora_entrega_tarde,
        // 	'É Feriado': (feriado.indexOf(dia_ent_val) > -1 ) ? 'Sim' : 'Não'
        // });

        if (feriado.indexOf(dia_ent_val) > -1 ) {
          $('.data_entrega').show()
          $("#dataEntrega").html("<strong>Não fazemos entrega, por ser feriado.</strong>")
          $('#tituloPeriodo').hide()
          console.log('Feriado')
          return false
        }

        if (diff_dias === 0 && days === 0) {
          let entregaManha = hours < hora_entrega_manha
          let entregaTarde = hours < hora_entrega_tarde

          if (!entregaManha && !entregaTarde) {
            $('.data_entrega').show()
            $("#dataEntrega").html("<strong>Não existe horário disponível para esta data</strong>")
            $('#tituloPeriodo').hide()
          } else if (entregaManha) {
            $('.data_entrega').show()
            $("#dataEntrega").html("Data de Entrega Selecionada: <strong>" + data_entrega.toLocaleDateString('pt-BR', options) + "</strong>")
            $('.horario-entrega').html(li_entrega_manha + li_entrega_tarde)
            $('#tituloPeriodo').show()
          } else if (entregaTarde) {
            $('.data_entrega').show()
            $("#dataEntrega").html("Data de Entrega Selecionada: <strong>" + data_entrega.toLocaleDateString('pt-BR', options) + "</strong>")
            $('.horario-entrega').html(li_entrega_tarde)
            $('#tituloPeriodo').show()
          } else if (entregaManha && entregaTarde) {
            $('.data_entrega').show()
            $("#dataEntrega").html("Data de Entrega Selecionada: <strong>" + data_entrega.toLocaleDateString('pt-BR', options) + "</strong>")
            $('.horario-entrega').html(li_entrega_manha + li_entrega_tarde)
            $('#tituloPeriodo').show()
          }
        } else {
          $('.data_entrega').show()
          $("#dataEntrega").html("Data de Entrega Selecionada: <strong>" + data_entrega.toLocaleDateString('pt-BR', options) + "</strong>")
          $('.horario-entrega').html(li_entrega_manha + li_entrega_tarde)
          $('#tituloPeriodo').show()
        }
        $('input[name=w_pedido_data_saida]').val(campo_data_entrega)
      }

      let dt_entrega = new Date();
      let dt_final = new Date(dt_entrega)
      let sob_consulta = $("input[name=sob_consulta]").val()
      if(parseInt(sob_consulta) === 1) {
        let days = {!! config('cart.dias_entrega') !!}
        dt_final.setDate(dt_entrega.getDate() + days)
        $('.info-sob-consulta').show()
      } else {
        $('.info-sob-consulta').hide()
      }

      $("#datepicker").datepicker({
        showButtonPanel: false,
        showOtherMonths: true,
        selectOtherMonths: true,
        minDate: dt_final,
        dateFormat: "dd/mm/yy",
        dayNames: ['Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta', 'Sábado'],
        dayNamesMin: ['D', 'S', 'T', 'Q', 'Q', 'S', 'S', 'D'],
        dayNamesShort: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sáb', 'Dom'],
        monthNames: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'],
        monthNamesShort: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'],
        nextText: 'Próximo',
        prevText: 'Anterior',
        weekHeader: 'Semana',
        currentText: 'Hoje',
        beforeShowDay: noSundays,
        altField: "#w_pedido_data_saida",
        altFormat: "yy-mm-dd"
      })
      inserePeriodo()
      $("#datepicker").on('change', function() {
        inserePeriodo()
      })
      /* ./Seleciona Periodo */
    })
    </script>
  @endsection