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

@section('content')

<!-- Modal Aviso 2-->
<div class="modal fade"
id="modalAviso2"
tabindex="-1"
aria-labelledby="modalAviso2Label"
aria-hidden="true">
<div class="modal-dialog">
  <div class="modal-content">
    <div class="modal-header">
      <h5 class="modal-title"
      id="modalAviso2Label">Aviso</h5>
      <button type="button"
      class="close"
      data-dismiss="modal"
      aria-label="Close">
      <span aria-hidden="true">&times;</span>
    </button>
  </div>
  <div class="modal-body">
    ...
  </div>
  <div class="modal-footer">
    <button type="button"
    class="btn btn-secondary"
    data-dismiss="modal">
    Fechar
  </button>
</div>
</div>
</div>
</div>
<!-- ./ Modal Aviso 2-->

<!--Modal: modalEnviaPagamento-->
<div class="p-5 modal fade"
id="modalEnviaPagamento"
tabindex="-1"
role="dialog"
data-backdrop="false">
<div class="modal-dialog modal-notify modal-warning"
role="document">
<div class="text-center modal-content">
  <div class="modal-header d-flex justify-content-center">
    <p class="heading font-weight-bolder">processando pagamento</p>
  </div>

  <div class="modal-body">
    <i class="mb-4 fas fa-bell fa-4x animated rotateIn"></i>
    <p>
      <span class="txtProcessando font-weight-bolder">Estamos processando seu pagamento, aguarde...</span>
      <div class="spinner-grow text-danger"
      role="status">
      <span class="sr-only">Carregando...</span>
    </div>
  </p>
</div>

<div class="modal-footer flex-center font-weight-bolder">
  Aguarde que esta janela se fechar&aacute; ao concluir o pagamento
</div>
</div>

</div>
</div>
<!--Modal: modalEnviaPagamento-->

<section>

  <div class="container">

    <nav>
      <ol class="my-4 breadcrumb">
        <li>
          <a href="{{ route('home') }}"
          class="font-weight-bold fosco-text">
          <i class="fa fa-home"></i> Home
          <i class="mx-2 fas fa-angle-double-right"></i>
        </a>
      </li>
      @if(isset($order_id))
      <li class="breadcrumb-item">
        <a class="text-dark font-weight-bolder"
        href="{{ route('accounts', ['tab' => 'orders']) }}">
        Pedidos <i class="mx-2 fas fa-angle-double-right"></i>
      </a>
    </li>
    @else
    <li class="breadcrumb-item">
      <a class="text-dark font-weight-bolder"
      href="{{ route('cart.index') }}">
      Carrinho <i class="mx-2 fas fa-angle-double-right"></i>
    </a>
  </li>
  @endif
  <a>
    <li class="text-dark font-weight-bolder">Pagamento</li>
  </a>
</ol>
</nav>


@if($products->count() > 0 )
@if(auth()->check())

@php
// $cliente = \App\Shop\Customers\Customer::find(auth()->id());
/* Esta é a primeira compra do cliente */
if($cliente->orders->count() === 0) {
  $desconto = (floatVal($subtotal) / 100 * floatVal(config('cart.desconto_iniciante')));
  $valorTotal = floatVal($subtotal) - $desconto;
} else {
  $desconto = 0;
  $valorTotal = $subtotal;
}
if(config('cart.desconto_dinheiro') && (config('cart.desconto_dinheiro') > 0) ) {
  $descontoAnt = $desconto;
  $desconto = (floatVal($subtotal) / 100 * floatVal(config('cart.desconto_dinheiro')));
  $valorTotal = floatVal($subtotal) - $desconto;
  $desconto = $descontoAnt + $desconto;
}
if(config('cart.desconto_avista') && (config('cart.desconto_avista') > 0) ) {
  $descontoAnt = $desconto;
  $desconto = (floatVal($subtotal) / 100 * floatVal(config('cart.desconto_avista')));
  $valorTotal = floatVal($subtotal) - $desconto;
  $desconto = $descontoAnt + $desconto;
}
// dd($valorTotal);
@endphp

@endif

@php
$pago = false;
$pedidoStatus = false;
$separando = false;
$emTransporte = false;
$entregue = false;

$webPedido = new App\Http\Controllers\WebPedidoController;
if (isset($order_id)) {
  $pedidoStatus = $webPedido->getPedidoStattus($order_id)->first();
  if($pedidoStatus) {
    if($pedidoStatus->w_pedido_pago === true) {
      $pago = true;
    }
    if($pedidoStatus->w_pedido_aceito === true) {
      $separando = true;
    }
  }
}
@endphp

<div class="my-4 bg-white rounded shadow-1-strong">
  <h3 class="pt-5 text-center font-weight-bold fosco-text font-montserrat">
    Finalizar
    @if(intval(config('site.so_orcamento')) === 1) Orçamento @else Compra @endif
  </h3>

  @include('layouts.front.checkout.checkout-status', compact('pedidoStatus', 'pago', 'separando', 'emTransporte',
  'entregue'))

  <div class="">
    <form id="formPagamento"
    @if(intval(config('site.so_orcamento'))===1)
    action="{{ route('orcamento.store') }}"
    @else
    action=""
    @endif
    method="POST">
    {{ csrf_field() }}

    @if(request()->session()->has('delivery'))
    <input type="hidden"
    name="delivery"
    value="{!! request()->session()->get('delivery')['id'] !!}">
    @php $valorFrete = request()->session()->get('delivery')['w_pedido_vl_frete']; @endphp
    @else
    <input type="hidden"
    name="delivery"
    value="">
    @endif

    @if($order_id && $order->pagamentos->count() > 0)

    <div class="row">

      <div class="my-3 col-md-6">
        <div class="text-center">
          <div class="p-3 mx-5 rounded blue-400 shadow-0">
            <h3 class="mb-0 text-white font-weight-bolder">
              Pedido nº
              <span class="badge badge-inline badge-dark">{{ $order->id }}</span>
            </h3>
          </div>

          <div class="">
            <h5 class="my-3 font-weight-bold font-nunito fosco-text">Pagamento Realizado</h5>

            <ul class="list-group list-group-flush">
              <li class="list-group-item">
                Meio de Pagamento: {!! ucfirst($order->payment) !!}
              </li>
              <li class="list-group-item">
                Código do pagamento: {{ $order->transaction_id }}
              </li>
              <li class="list-group-item">
                Valor em produtos: {!! number_format($order->total_products, 2, ',','.') !!}
              </li>
              <li class="list-group-item">
                Valor do Frete: {!! number_format($order->total_shipping, 2, ',','.') !!}
              </li>
              <li class="list-group-item">
                Total Pago: {!! number_format($order->total_paid, 2, ',','.') !!}
              </li>
              <li class="list-group-item">
                Tipo de pagamento: {!! ucfirst($order->pagamentos->first()->tipo_pagamento) !!}
              </li>

              @if($order->pagamentos->first()->tipo_pagamento === 'boleto')

              <li class="list-group-item">
                Link p/ Boleto: <a href="{!! url($order->pagamentos->first()->link_boleto) !!}"
                  target="_blank">Baixe</a>
                </li>
                <li class="list-group-item">
                  Codigo de Barras: {{$order->pagamentos->first()->barcode}}
                </li>

                @else

                @if ($order->pagamentos->first()->tipo_pagamento === 'transferencia')
                @foreach ($order->comprovantes as $comprovante)
                <li class="list-group-item">
                  <h5 class="title-description">Comprovante já enviado</h5>
                  @if($comprovante)
                  <div class="m-2 rounded view overlay zoom z-depth-1">
                    <img src="{{ asset("/storage/$comprovante->src") }}"
                    alt="Comprovante de pagamento"
                    class="card-img-top">
                  </div>
                  @endif
                </li>
                @endforeach
                @else
                <li class="list-group-item">
                  Bandeira do cart&atilde;o: {!! ucfirst($order->pagamentos->first()->bandeira) !!}
                </li>
                <li class="list-group-item">
                  Número de parcelas: {!! ucfirst($order->pagamentos->first()->num_parcelas) !!}
                </li>
                <li class="list-group-item">
                  Código da autoriza&ccedil;&atilde;o: {!! ucfirst($order->pagamentos->first()->transaction_id) !!}
                </li>
                @endif

                @endif
              </ul>
            </div>

            <div class="my-4 text-dark">
              Pedido pago em:
              <span class="badge badge-primary badge-lg">
                {!! \Carbon\Carbon::createFromFormat('Y-m-d H:i:s',
                $order->pagamentos->first()->created_at)->format('d/m/Y H:i') !!}
              </span>
            </div>

          </div>
        </div>

        <div class="my-3 col-md-6">
          <div class="text-center">

            <div class="p-3 mx-5 rounded shadow-0 blue-400">
              <h3 class="mb-0 text-white font-weight-bolder">
                Dados do pedido
              </h3>
            </div>

            @php

            if($order->filial_id !== null) {
              $json_lojas = url('/') .'/storage/lojas/'.config('site.domain').'.json';

              $lojas = collect( json_decode($json_lojas, true) );
              foreach ($lojas as $key => $loja) {
                if($loja['id_filial'] === $order->filial_id) {
                  $filial = $loja['nome'] . ': ' . $loja['endereco'] .', '.$loja['numero'] .' - '.$loja['bairro'] .'
                  ('.$loja['cidade'] .'/'.$loja['uf'].')';
                }
              }
            } else {
              $filial = '';
            }
            @endphp
            <div class="">
              <ul class="list-group list-group-flush">
                @foreach ($order->products as $produto)
                <li class="list-group-item">
                  <h6 class="mt-3 font-weight-bold font-nunito fosco-text">
                    Nome: {!! $produto->name !!}
                  </h6>
                </li>
                <li class="list-group-item">SKU: {!! $produto->sku !!}</li>
                <li class="list-group-item">Valor unitário: {{ config('cart.currency_symbol') }}
                  @if ($produto->sales_price)
                  {!! number_format($produto->sales_price, 2, ',','.') !!}
                  @else
                  {!! number_format($produto->price, 2, ',','.') !!}
                  @endif
                </li>
                @endforeach
              </ul>
            </div>

            <div class="my-4 text-dark">
              Pedido criado em:
              <span class="badge badge-primary badge-lg">
                {!! \Carbon\Carbon::createFromFormat('Y-m-d H:i:s', $order->created_at)->format('d/m/Y H:i') !!}
              </span>
            </div>
          </div>

          @if ($order->shipping)

          <div class="mt-2 text-center">

            <div class="p-3 mx-5 rounded shadow-0 blue-400">
              <h3 class="mb-0 text-white font-weight-bolder">
                Dados da entrega
              </h3>
            </div>

            <ul class="list-group list-group-flush">
              <li class="list-group-item">Entrega por: {!! $order->shipping->name_shipping !!}</li>
              @if ($order->shipping->shipping_at && !empty($order->shipping->shipping_at))
              <li class="list-group-item">Data da entrega: {!! \Carbon\Carbon::createFromFormat('Y-m-d',
                $order->shipping->shipping_at)->format('d/m/Y') !!}</li>
                @endif
                <li class="list-group-item">Valor da entrega: {{ config('cart.currency_symbol') }} {!!
                  number_format($order->shipping->value_shipping, 2, ",", ".") !!}</li>
                  <li class="list-group-item">Endereço da entrega: {!! $order->address->address_1 !!}, {!!
                    $order->address->numero !!} - {!! $order->address->address_2 !!} CEP:{!! $order->address->zip !!}
                  </li>
                </ul>

                <div class="my-4 text-dark">
                  Entrega atualizada em:
                  <span class="badge badge-primary badge-lg">
                    {!! \Carbon\Carbon::createFromFormat('Y-m-d H:i:s', $order->shipping->updated_at)->format('d/m/Y
                    H:i') !!}
                  </span>
                </div>

              </div>

              @endif

            </div>

          </div>

          @else

          @if ($order && $order->pagamentos->count() === 0)
          @include('layouts.front.checkout.checkout-payment', ['pedido' => $order, 'total' => $valorTotal, 'valorFrete'
          => $valorFrete])
          @endif

          <div class="row form-checkout">

            <div class="@if (intval(config('site.so_orcamento')) === 1) col-lg-12  @else col-lg-7 @endif mb-4">

              <ul class="stepper list-unstyled justify-content-center d-md-flex">
                <li class="px-5 my-4 active"
                id="tabCadastro">
                <div class="px-3 bg-white">
                  <span class="badge badge-info">1</span>
                  <span class="bg-white h6">Frete</span>
                </div>
              </li>
              <li class="px-5 my-4"
              id="tabPagamento">
              <div class="px-3 bg-white">
                <span class="badge badge-info">2</span>
                <span class="pr-2 bg-white">Pagar com</span>
              </div>
            </li>

            <li class="px-5 my-4"
            id="tabEnviaPagamento">
            <div class="px-3 bg-white">
              <span class="badge badge-info">3</span>
              <span class="pr-2 bg-white">Conclusão</span>
            </div>
          </li>
        </ul>


        <div class="px-3 tab-content">

          @if(config('site.entrega_interna') === 1)

          {{-- Vamos colocar aqui dentro os passos para o OperaGarden --}}

          @endif

          {{-- @if(!$order_id) show active @endif --}}
          <div class="tab-pane fade show active"
          id="cadastro"
          role="tabpanel">

          <div class="row">

            <div class="col-md">
              <label for="name"
              class="font-weight-bold fosco-text active">Nome:</label>
              <input type="text"
              id="name"
              name="name"
              class="form-control disabled"
              value="{{ auth()->user()->name }}"
              readonly>
            </div>

            <div class="col-md">
              <label for="email"
              class="font-weight-bold fosco-text active">E-mail:</label>
              <input type="email"
              id="email"
              name="email"
              class="form-control disabled"
              value="{{ auth()->user()->email }}"
              readonly>
            </div>

          </div>

          <div class="my-3">

            <label for="tipoPessoa"
            class="font-weight-bold fosco-text">Tipo de pessoa: </label>
            <select class="browser-default custom-select"
            name="pessoa"
            id="tipoPessoa">
            <option selected
            value="0">Pessoa Física</option>
            <option value="1"
            @if(intval(config('site.login.integra_ls.ativa'))===1
            &&
            intval(config('site.login.ativa_cpf'))===0)
            selected
            @endif>Jurídica</option>
            <option value="">Extrangeira</option>
          </select>

        </div>

        <div class="my-3">
          <label for="cpf_cnpj"
          data-tipo="cpf_cnpj"
          class="font-weight-bold fosco-text active">CPF <span class="red-text">*</span></label>
          <input type="text"
          id="cpf_cnpj"
          name="cpf_cnpj"
          value="{{ auth()->user()->cpf_cnpj }}"
          placeholder="XXX.XXX.XXX-XX"
          class="form-control cliente_cnpj">
        </div>
        @php
        $pagamentos = explode(',', config('payees.name'));
        @endphp

        @if (in_array('pagseguro', $pagamentos) || in_array('pagseguro_checkout', $pagamentos))
        <div class="my-3">
          <label for="mobile"
          data-tipo="mobile"
          class="font-weight-bold fosco-text active">Celular <span class="red-text">*</span></label>
          <input type="text"
          name="mobile"
          class="form-control"
          placeholder="(XX)X XXXX-XXXX"
          value="{{ auth()->user()->mobile }}"
          required>
        </div>
        @endif

        @if (config('shipping.endereco_ls.ativo'))

        {{-- {{dd(auth()->user(), $getClientData->getAddressIntegracao(), $getClientData->getCalculoFrete($products))}}
        --}}
        @php
        $address = $getClientData->getAddressIntegracao();
        @endphp

        <label class="font-weight-bold fosco-text active">Endereço da entrega:</label>
        <div class="mt-2 local-entrega">
          <div class="p-3 my-2 border rounded card col-lg">
            <div class="custom-control custom-radio">
              <input class="custom-control-input cobranca_padrao"
              type="radio"
              id="cobranca_{{ $address->id }}"
              name="end_cobranca"
              value="{{ $address->id }}"
              checked>
              <label class="custom-control-label h4 fosco-text"
              for="cobranca_{{ $address->id }}">
              Principal do cadastro
            </label><br />
            <small>
              <p>Para altera&ccedil;&atilde;o de dados cadastrais, entrar em contato com
                @if(config('shop.email_aprovacao')) o consultor em sua regi&atilde;o @endif:</p>
                <p>Telefone: {{ config('shop.phone') }}</p>
                <p>E-mail:
                  @if(config('shop.email_aprovacao'))
                  <a href="mailto: {{config('shop.email_aprovacao')}}"
                  target="_blank">
                  {{config('shop.email_aprovacao')}}
                </a>

                <a href="mailto: {{config('shop.email')}}"
                target="_blank">
                {{config('shop.email')}}
              </a>
              @endif
            </p>
            Ou <a href="{{route('contato')}}"
            target="_blank">entre em contato conosco</a>
          </small>
        </div>

        <div class="p-3 local">
          <span class="font-weight-bold red-text">
            <i class="fas fa-angle-right"></i>
            {{ $address->cliente_logradouro }}, {{ $address->cliente_numero }}
            @if ($address->cliente_bairro) - {{ $address->cliente_bairro }}@endif
            CEP: {{ $address->cliente_cep }} - {{ $address->cliente_municipio }}/{{$address->cliente_uf}}
          </span>
        </div>
      </div>
    </div>

    @if (config('shipping.delivery.owner'))
    <div class="mt-2 local-entrega">
      <div class="p-3 my-2 border rounded card col-lg">
        <div class="custom-control custom-radio">
          <input class="custom-control-input"
          type="radio"
          id="cobranca_delivery"
          name="end_cobranca"
          value="">
          <label class="custom-control-label h4 fosco-text"
          for="cobranca_delivery">
          Entregar em outro endereço
        </label><br />
      </div>
      <div class="checkout_delivery">

        <div class="row">
          <div class="col-lg-6">
            <div class="my-1 md-form">
              <label for="cep">CEP <span class="red-text">*</span></label>
              <input type="text"
              name="cep"
              class="form-control"
              value="{!! old('cep') !!}"
              maxlength="10"
              required>
            </div>
          </div>

          <div class="col-lg-6">
            <div class="my-1 md-form">
              <label for="street">Logradouro</label>
              <input type="text"
              name="street"
              class="form-control"
              value="{!! old('street') !!}"
              maxlength="50"
              readonly
              required>
            </div>
          </div>
        </div>

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

          <div class="col-lg-6">
            <div class="my-1 md-form">
              <label for="district">Bairro</label>
              <input type="text"
              name="district"
              class="form-control"
              value="{!! old('district') !!}"
              maxlength="20"
              readonly
              required>
            </div>
          </div>
        </div>

        <div class="row">
          <div class="col-lg-6">
            <div class="my-1 md-form">
              <label for="city">Cidade <span class="red-text">*</span></label>
              <input type="text"
              name="city"
              class="form-control"
              value="{!! old('city') !!}"
              maxlength="2"
              readonly>
              <input type="hidden"
              name="delivery_id_municipio"
              value="">
            </div>
          </div>

          <div class="col-lg-6">
            <div class="my-1 md-form">
              <label for="state">UF <span class="red-text">*</span></label>
              <input type="text"
              name="state"
              class="form-control"
              value="{!! old('state') !!}"
              maxlength="2"
              readonly>
            </div>
          </div>
        </div>

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

  <div class="mt-2 local-entrega checkout_delivery">

    <div class="p-3 my-2 border rounded card col-lg">

      <div class="my-2 text-left card-body metodo-retirada font-weight-bolder">

        <h5 class="font-weight-bold black-text">Selecione o método de entrega:</h5>
        <ul class="list-group list-group-flush ul-frete">
        </ul>
      </div>
    </div>
  </div>

  @endif

  @if (config('shipping.entrega.ativo'))

  @if(session()->has('delivery'))
  @include('layouts.front.checkout.checkout-payment', ['total' => $valorTotal, 'valorFrete' =>
  $valorFrete])
  @else
  @include('layouts.front.checkout.checkout-delivery')
  @endif
  @else
  <div class="checkout_delivery_form">

    @include('layouts.front.checkout.checkout-shipping')

  </div>
  @endif

  @else

  @if(isset($addresses) && $addresses->count() > 0 )

  <label class="font-weight-bold fosco-text active">Endereço da entrega:</label>

  @foreach ($addresses as $ord => $address)

  @if($returnFrete)

  <div class="mt-2 local-entrega">

    <div class="p-3 my-2 border rounded card col-lg">
      <div class="custom-control custom-radio">
        <input class="custom-control-input"
        type="radio"
        id="cobranca_{{ $address->id }}"
        name="end_cobranca"
        value="{{ $address->id }}"
        @if($ord === 0)
        checked
        @elseif(isset($order_id)
        &&
        $entrega===$address->id) checked
        @elseif($addresses->count() === 1) checked
        @endif
        data-zip="{{ $address->zip }}" >
        <label class="custom-control-label h4 fosco-text"
        for="cobranca_{{ $address->id }}">{{ $address->alias }}</label>
      </div>

      <div class="p-3 local">
        <span class="font-weight-bold red-text">
          <i class="fas fa-angle-right"></i>
          {{ $address->address_1 }}, {{ $address->numero }}
          @if ($address->address_2) - {{ $address->address_2 }} @endif
          CEP: {{ $address->zip }} - {{ $address->cidade->nome_municipio }}/{{$address->cidade->uf}}
        </span>
      </div>

      {{-- Entrega Normal Entrega Normal --}}
      <div class="my-2 text-left card-body metodo-retirada font-weight-bolder">

        <h5 class="font-weight-bold black-text">Selecione o m&eacute;todo de entrega:</h5>
        <ul class="list-group list-group-flush">

          @foreach ($returnFrete as $frete)
          @php
          $disabled = ($frete['error'])? 'disabled' : '';
          $date = now();
          $dataentrega = date_add($date, date_interval_create_from_date_string(($frete['prazo'] +
          config('shipping.correios.dias_entrega')).' days'));
          @endphp

          <li class="list-group-item">

            @if ($frete['error'])

            {{-- <div class="alert alert-warning"> {{ $frete['descServico'] }} - ({{ $frete['msg'] }})
            </div> --}}
            <div class="alert alert-warning"> não foi possível realizar frete pelos correios</div>

            @else

            <input class="custom-control-input {{$disabled}}"
            type="radio"
            name="end_entrega"
            id="entrega_pac_{{ $frete['codigo'] }}_{{ $address->id }}"
            value="{{ $frete['servico'] }}"
            data-cep="{{ $address->zip }}"
            data-street="{{ $address->address_1 }}"
            data-number="{{ $address->numero }}"
            data-city="{{ $address->cidade->nome_municipio }}"
            data-district="{{ $address->address_2 }}"
            data-state="{{ $address->cidade->uf }}"
            data-country="BRA"
            data-shipping="@if($frete['servico'] === 'PAC' ) 1 @else 2 @endif"
            data-address="{{ $address->id }}"
            data-valor="{{$frete['valor']}}"
            data-servico="{{ $frete['servico'] }}"
            data-codigo="{{ $frete['codigo'] }}"
            data-dataentrega="{!! $dataentrega->format("
            d/m/Y")
            !!}"
            @if(floatval($valorFrete)===floatval($frete['valor']))
            checked
            @endif>

            <label class="custom-control-label {{$disabled}}"
            for="entrega_pac_{{ $frete['codigo'] }}_{{ $address->id }}">
            {{ $frete['descServico'] }} Entrega em {{ $frete['prazo'] }}

            @if ($frete['prazo'] > 1) dias &uacute;teis. @else dia &uacute;til. @endif
            Valor:

            @if( floatval(config('shipping.free_value')) < floatVal($subtotal))
            GR&Aacute;TIS
            (Valor
            da
            compra)
            @else
            {{ config('cart.currency_symbol') }}
            {{ number_format($frete['valor'], 2, ',', '.') }}
            @endif
          </label>
          @endif
        </li>
        @endforeach
        @endif
        @php
        $cepOrig=intval(str_replace("-", ""
        ,
        $address->zip));
        $cepIni = intval(config('shipping.motoboy.cep_ini'));
        $cepFim = intval(config('shipping.motoboy.cep_fim'));
        @endphp

        @if (config('shipping.motoboy.ativo') && floatVal($subtotal) >=
        config('shipping.motoboy.valor_minimo') && ( $cepOrig >= $cepIni && $cepOrig <= $cepFim))
        @php
        $date=now();
        $dataentrega=date_add($date,
        date_interval_create_from_date_string((config('shipping.motoboy.prazo')
        +
        config('shipping.correios.dias_entrega')).'
        days'));
        @endphp
        <li
        class="list-group-item">
        <input class="custom-control-input"
        type="radio"
        name="end_entrega"
        id="entrega_motoboy"
        value="motoboy"
        data-cep="{{ $address->zip }}"
        data-street="{{ $address->address_1 }}"
        data-number="{{ $address->numero }}"
        data-city="{{ $address->cidade->nome_municipio }}"
        data-district="{{ $address->address_2 }}"
        data-state="{{ $address->cidade->uf }}"
        data-country="BRA"
        data-shipping="3"
        data-address="{{ $address->id }}"
        data-valor="{{ config('shipping.motoboy.custo') }}"
        data-servico="motoboy"
        data-codigo="motoboy"
        data-dataentrega="{!! $dataentrega->format("
        d/m/Y")
        !!}"
        required>

        <label class="custom-control-label"
        for="entrega_motoboy">
        Motoboy Entrega em {{ config('shipping.motoboy.prazo') }}
        @if (config('shipping.motoboy.prazo') > 1) dias &uacute;teis. @else dia &uacute;til.
        @endif
        Valor: {{ config('cart.currency_symbol') }}
        {{ number_format(config('shipping.motoboy.custo'), 2, ',', '.') }}
      </label>
    </li>
    @endif
  </ul>
</div>
{{-- Finaliza Entrega Normal --}}
</div>

</div>
@endforeach

@if(intval(config('site.integra_ls.ativa')) === 0)

@if(!$order_id)
<p class="mb-2 text-right font-weight-bold">
  <a href="{{ route('customer.address.create', auth()->user()->id) }}"
    class="btn btn-md btn-rounded red darken-3 white-text font-weight-bolder waves-effect waves-light">
    Adicionar novo endereço<i class="ml-2 fas fa-plus-circle"></i>
  </a>
</p>
@endif

@endif

@else

@if(intval(config('site.integra_ls.ativa')) === 0)

@if(!$order_id)
<p class="mb-2 text-right font-weight-bold">
  <a href="{{ route('customer.address.create', auth()->user()->id) }}"
    class="btn btn-md btn-rounded red darken-3 white-text font-weight-bolder waves-effect waves-light">
    Adicionar novo endereço<i class="ml-2 fas fa-plus-circle"></i>
  </a>
</p>
@endif

@endif

@endif
@endif

@if(config('shipping.retirada.ativo') === true)
<div class="px-0 my-2 border rounded card col-lg">
  <div class="px-0 my-2 text-left card-body metodo-retirada font-weight-bolder">
    @if(config('site.domain') === "jaraguapneus" || config('site.domain') === "ultrapneus")
    <h5 class="ml-3 font-weight-bold black-text">Escolha o centro de montagem GRÁTIS:</h5>
    @else
    <h5 class="ml-3 font-weight-bold black-text">Ou retire na loja:</h5>
    @endif
    <ul class="list-group list-group-flush">
      <li class="list-group-item">
        <div id="lojas_retirada_{{ $address->id }}"
          class="lojas_retirada"></div>
        </li>
      </ul>
    </div>
  </div>
  @endif

  @if(intval(config('site.so_orcamento')) === 1 && isset($order_id) )
  <div class="my-5">

    <span class="alert alert-warning alert-dismissible"
    role="alert">
    <p>Seu pedido est&aacute; sujeito a confirma&ccedil;&atilde;o de estoque e a an&aacute;lise de
      cr&eacute;dito. Aguarde. Em breve um de nossos vendedores entrar&aacute; em contato para
      negocia&ccedil;&atilde;o.</p>
      <button type="button"
      class="close"
      data-dismiss="alert"
      aria-label="Close">
      <span aria-hidden="true">&times;</span>
    </button>
  </span>
  <a href="{{ route('accounts', ['tab' => 'orders#account-pedidos']) }}"
    class="btn btn-outline-success waves-effect">Minha conta</a>
  </div>
  @else
  @if(intval(config('site.so_orcamento')) === 1)
  @if(intval(config('cart.compra_minima')) > 0 && (floatval($subtotal) <
  intval(config('cart.compra_minima'))))
  <div
  class="my-5 text-center">
  <span class="alert alert-danger alert-dismissible"
  role="alert">
  Valor mínimo para o pedido: {{ config('cart.currency_symbol') }}
  {{ number_format(floatval(config('cart.compra_minima')), 2, ",", ".") }}
  <button type="button"
  class="close"
  data-dismiss="alert"
  aria-label="Close">
  <span aria-hidden="true">&times;</span>
</button>
</span>
</div>
@endif
<div class="text-center col-lg-12">
  <button type="submit"
  name="button"
  class="btn btn-block box-green font-weight-bold waves-effect waves-light white-text mb-1 @if(intval(config('cart.compra_minima')) > 0 && (floatval($subtotal) < intval(config('cart.compra_minima')))) disabled @else btn-submit-orcamento @endif">
  Finalizar Pedido
  <i class="ml-1 fas fa-dollar-sign"></i>
</button>
</div>
@else
@if (config('site.checkout.novo'))

<button type="button"
class="mb-1 btn btn-block box-green font-weight-bold waves-effect waves-light white-text novoPagamento">
Efetuar Pagamento
<i class="ml-1 fas fa-dollar-sign"></i>
</button>

@else
<a href="#!"
class="mb-1 btn btn-block box-green font-weight-bold waves-effect waves-light white-text"
id="seguirPagamento">
Próximo passo
<i class="ml-1 fas fa-arrow-right"></i>
</a>
@endif
@endif

<a href="#!"
class=""
id="seguirPagamentoReal"></a>
@endif

</div>

<div class="tab-pane fade"
id="pagamento"
role="tabpanel">

<div class="panel panel-default credit-card-box">
  <table class="ml-3 table-responsive w-100">

    <tbody>
      @foreach ($pagamentos as $pagamento)

      @if ($pagamento === 'cielo')
      <tr>
        <th>
          <div class="custom-control custom-radio">
            <input class="form-check-input"
            type="radio"
            name="tipo_pagamento"
            id="tipo_pagamento_{{ $pagamento }}"
            value="{{ $pagamento }}">
            <label class="custom-control-label font-weight-bold h6 pointer"
            for="tipo_pagamento_{{ $pagamento }}">
            <img class="pr-1 mx-4"
            height="75"
            src="{{ asset('storage/images/card-deb-cdt.png') }}">
            Cart&atilde;o Cr&eacute;dito ou d&eacute;bito
          </label>
        </div>
      </th>
    </tr>
    <input type="hidden"
    name="pgto_{{$pagamento}}"
    value="1">
    @endif

    @if ($pagamento === 'erede')
    <tr>
      <th>
        <div class="custom-control custom-radio">
          <input class="form-check-input"
          type="radio"
          name="tipo_pagamento"
          id="tipo_pagamento_{{ $pagamento }}"
          value="{{ $pagamento }}">
          <label class="custom-control-label font-weight-bold h6 pointer"
          for="tipo_pagamento_{{ $pagamento }}">
          <img class="pr-1 mx-4"
          height="75"
          src="{{ asset('storage/images/card-deb-cdt.png') }}">
          Cartão de Crédito ou Débito
        </label>
      </div>
    </th>
  </tr>
  <input type="hidden"
  name="pgto_{{$pagamento}}"
  value="1">
  @endif

  @if ($pagamento === 'getnet')
  <tr>
    <th>
      <div class="mb-4 custom-control custom-radio">
        <input class="form-check-input"
        type="radio"
        name="tipo_pagamento"
        id="tipo_pagamento_{{ $pagamento }}"
        value="{{ $pagamento }}">
        <label class="custom-control-label font-weight-bold h6 pointer"
        for="tipo_pagamento_{{ $pagamento }}">
        <img class="pr-1 mx-4"
        height="75"
        src="{{ asset('storage/images/card-deb-cdt.png') }}">
        Cart&atilde;o Cr&eacute;dito {{-- ou d&eacute;bito --}}
      </label>
    </div>
  </th>
</tr>
<input type="hidden"
name="pgto_{{$pagamento}}"
value="1">
@endif

@if ($pagamento === 'pagseguro' || $pagamento === 'pagseguro_checkout')

<tr>
  <th>
    <div class="custom-control custom-radio">
      <input class="form-check-input"
      type="radio"
      name="tipo_pagamento"
      id="tipo_pagamento_{{ $pagamento }}"
      value="{{ $pagamento }}">
      <label class="custom-control-label font-weight-bold h6 pointer"
      for="tipo_pagamento_{{ $pagamento }}">
      @if (config('site.gera_so_boleto'))
      @if(floatVal($valorTotal) >= 5.00 )
      <img class="pr-1 mx-4"
      height="64"
      src="{{ asset('storage/images/boleto.png') }}">
      Boleto banc&aacute;rio (ser&aacute; acrescentado ao valor, uma taxa de
      {{ config('cart.currency_symbol') }} 1,00) (compra m&iacute;nima de
      {{ config('cart.currency_symbol') }} 5,00)
      @endif
      @else
      <img class="pr-1 mx-2"
      height="90"
      src="{{ asset('storage/images/boleto_cartao.png') }}">
      {{-- Cart&atilde;o de cr&eacute;dito ou boleto banc&aacute;rio --}}
      Cart&atilde;o Cr&eacute;dito
      @endif
    </label>
  </div>
</th>
</tr>
<input type="hidden" name="pgto_{{$pagamento}}"
value="1">

@endif

@if ($pagamento === 'bank-transfer')
<tr>
  <th>
    <div class="mt-5 custom-control custom-radio">
      <input class="form-check-input"
      type="radio"
      name="tipo_pagamento"
      id="tipo_pagamento_{{ $pagamento }}"
      value="{{ $pagamento }}">
      <label class="custom-control-label font-weight-bold h6 pointer"
      for="tipo_pagamento_{{ $pagamento }}">
      <img class="mx-3"
      height="75"
      src="{{ asset('storage/images/scholl/transferencia.png') }}">
      Transfer&ecirc;ncia Banc&aacute;ria
    </label>
  </div>
</th>
</tr>
<input type="hidden"
name="pgto_{{$pagamento}}"
value="1">

@endif

@if ($pagamento === 'orcamento')

<tr>
  <th>
    <div class="my-5 custom-control custom-radio">
      <input class="form-check-input"
      type="radio"
      name="tipo_pagamento"
      id="tipo_pagamento_{{ $pagamento }}"
      value="{{ $pagamento }}">
      <label class="custom-control-label font-weight-bold h6 pointer"
      for="tipo_pagamento_{{ $pagamento }}">
      <img class="pr-2 mx-4"
      height="80"
      src="{{ asset('storage/images/orcamento.png') }}">
      Solicitar Orçamento
    </label>
  </div>
</th>
</tr>
<input type="hidden"
name="pgto_{{$pagamento}}"
value="1">

@endif

@if ($pagamento === 'retirada')

<tr>
  <th>
    <div class="my-5 custom-control custom-radio">
      <input class="custom-control-input"
      type="radio"
      id="tipo_pagamento_{{ $pagamento }}"
      name="tipo_pagamento"
      value="{{ $pagamento }}">
      <label class="custom-control-label font-weight-bold h6 pointer"
      for="tipo_pagamento_{{ $pagamento }}">
      <img class="mx-3"
      height="111"
      src="{{ asset('storage/images/retirada.png') }}"> Pagar na
      retirada
    </label>
  </div>
</th>
</tr>
<input type="hidden"
name="pgto_{{$pagamento}}"
value="1">

@endif

@if ($pagamento === 'notification')

<tr>
  <th>
    <div class="custom-control custom-radio">
      <input class="custom-control-input"
      type="radio"
      id="tipo_pagamento_{{ $pagamento }}"
      name="tipo_pagamento"
      value="{{ $pagamento }}">
      <label class="custom-control-label font-weight-bold h6 pointer"
      for="tipo_pagamento_{{ $pagamento }}">
      <img class="mx-3"
      height="100"
      src="{{ asset('storage/images/finalizar.png') }}"> Finalizar
      Compra
    </label>
  </div>
</th>
</tr>
<input type="hidden"
name="pgto_{{$pagamento}}"
value="1">

@endif

@endforeach
</tbody>

<tfoot class="d-none">
  <tr>
    <th>
      <input type="hidden"
      name="tipoPagamentoEnvia">
      <a href="#!"
      class="btn btn-primary btn-lg btn-block"
      id="concluirPagamento">
      Pr&oacute;ximo
    </a>
    <a href="#!"
    id="concluirPagamentoReal">

  </a>
</th>
</tr>
</tfoot>
</table>

</div>

</div>

<div class="tab-pane fade"
id="enviaPagamento"
role="tabpanel">
<input type="hidden"
name="gera_so_boleto"
value="{{ config('site.gera_so_boleto') }}">
<input type="hidden"
name="pagseguro_method"
value="{{ config('pagseguro.method') }}">
<input type="hidden"
name="items"
value="{{ $products }}">
<input type="hidden"
name="address_id"
value="@if($order_id){!! $order->address->id !!}@endif">
<input type="hidden"
name="entrega_id"
value="@if($order_id && $order->entrega){!! $order->entrega->id !!}@endif">
<input type="hidden"
name="retirada"
value="0">
<input type="hidden"
name="data_entrega" />
<input type="hidden"
name="metodo_entrega" />
<input type="hidden"
name="filial_id"
value="{!! config('site.emp_id_filial') !!}" />
<input type="hidden"
name="frete"
value="@if($order_id){!! $order->total_shipping !!}@endif">
<input type="hidden"
name="postalCode"
value="@if($order_id){!! $order->address->zip !!}@endif">
<input type="hidden"
name="street"
value="@if($order_id){!! $order->address->address_1 !!}@endif">
<input type="hidden"
name="number"
value="@if($order_id){!! $order->address->numero !!}@endif">
<input type="hidden"
name="district"
value="@if($order_id){!! $order->address->address_2 !!}@endif">
<input type="hidden"
name="city"
value="@if($order_id){!! $order->address->cidade->nome_municipio !!}@endif">
<input type="hidden"
name="state"
value="@if($order_id){!! $order->address->cidade->uf !!}@endif">
<input type="hidden"
name="country"
value="BRA">
<input type="hidden"
name="type"
value="@if($order_id){!! $order->courier_id !!}@endif">
<input type="hidden"
name="cost"
value="@if($order_id){!! $order->total_shipping !!}@endif">
<input type="hidden"
name="discount"
value="@if($order_id){!! $order->discounts !!}@elseif($desconto > 0){!! $desconto !!}@endif">
<input type="hidden"
name="order_id"
value="{!! ($order_id) ?? null !!}">
<input type="hidden"
name="payment"
value="{!! ($order_id) ? $order->payment : null !!}">
{{-- Para o comprador --}}
<input type="hidden"
name="email"
value="{{ auth()->user()->email }} ">
<input type="hidden"
name="name"
value="{{ auth()->user()->name }}">
<input type="hidden"
name="document_number"
value="{{ auth()->user()->cpf_cnpj }}">
<input type="hidden"
name="document_type"
value="CPF">
<input type="hidden"
name="document_phone">

@foreach ($pagamentos as $pagamento)

@if ($pagamento === 'bank-transfer')
<div id="incluiBankTransfer"
style="display: none;">
@include('layouts.front.payments.bank-transfer')
</div>
@endif
@if ($pagamento === "notification")
<div id="incluiNotification"
style="display: none;">
@include('layouts.front.payments.notification')
</div>
@endif
@if ($pagamento === 'orcamento')
<div id="incluiOrcamento"
style="display: none;">
@include('layouts.front.payments.orcamento')
</div>
@endif
@if ($pagamento === 'retirada')
<div id="incluiRetirada"
style="display: none;">
@include('layouts.front.payments.retirada')
</div>
@endif
@if ($pagamento === 'cielo')
<div id="incluiCielo"
style="display: none;">
@include('layouts.front.payments.form-payment', ['gateway' => 'cielo', 'products' => $products, 'total'
=> $total])
</div>
@endif
@if ($pagamento === 'erede')
<div id="incluieRede"
style="display: none;">
@include('layouts.front.payments.form-payment', ['gateway' => 'erede', 'products' => $products, 'total'
=> $total])
</div>
@endif
@if ($pagamento === 'getnet')
<div id="incluiGetNet"
style="display: none;">
@include('layouts.front.payments.form-payment', ['gateway' => 'getnet', 'products' => $products, 'total'
=> $total])
</div>
@endif
@if ($pagamento === 'pagseguro')
<div id="incluiPagseguro"
style="display: block;">
@include('layouts.front.payments.pagseguro', ['gateway' => 'pagseguro', 'products' => $products, 'total'
=> $total])
</div>
@endif
@if ($pagamento === 'paypal')
<div id="incluiPaypal"
style="display: none;">
@include('layouts.front.payments.paypal')
</div>
@endif
@if ($pagamento === 'stripe')
<div id="incluiStripe"
style="display: none;">
@include('layouts.front.payments.stripe')
</div>
@endif
@endforeach
</div>

</div>

</form>
</div>

<!-- Inicia a area de resumo, que só apareceria para quem não tem orçamento  -->
@if (intval(config('site.so_orcamento')) === 0)
<div class="mb-4 col-lg-5">

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

    <div class="card-body">
      <h4 class="mt-1 mb-4 text-center h5 font-weight-bold">Resumo </h4>
      <hr>
      <div class="px-1">
        @foreach($products as $product)
        <dl class="row">
          <dd class="col-sm-5">
            <small>{{ $product->name }}</small>
            @if (!$order && $product->options->combination)
            ({{ $product->options->combination[0]['value'] }})
            @endif
          </dd>
          <dd class="text-right col-sm-2">
            @if(isset($product->pivot))
            <small>{{ $product->pivot->quantity }} x</small>
            @endif
          </dd>
          <dd class="text-right col-sm">
            <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>

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

        </dt>
      </dl>
      <hr>
      <dl class="row">
        <dd class="col-sm-7">
          <em>Descontos</em>
          @if (config('cart.desconto_dinheiro') || config('cart.desconto_avista'))
          <em>(à vista)</em>
          @endif
        </dd>
        <dd class="text-right col-sm">
          <span class="text-success">
            <span class="valorPromocao">
              {{ config('cart.currency_symbol') }} {{ number_format($desconto, 2, ',','.') }}
            </span>
            <input type="hidden" name="vlPromocao" value="{{ floatval($desconto) }}">
          </span>
          <input type="hidden"
          name="id_voucher">
        </dd>
      </dl>
      @if ($desconto > 0)
      <hr>
      <dl class="row">
        <dd class="col-sm-7">
          Valor com desconto
        </dd>
        <dd class="text-right col-sm">
          <span class="text-success">
            @php
            $valorDescontado = floatVal($subtotal) - $desconto;
            @endphp
            {{ config('cart.currency_symbol') }} {{ number_format($valorDescontado, 2, ',','.') }}
          </span>
        </dd>
      </dl>
      @endif
      @if (!isset($order_paid) || $order_paid > 1)
      @if(config('site.possui_descontos_ls'))
      <dl class="row">
        <form class="">
          {{ csrf_field() }}
          <dd class="col-sm-12">
            <input type="text"
            class="form-control"
            placeholder="Código Promocional"
            name="codigoVoucher">
          </dd>
          <dd class="col-sm-12">
            <button class="btn btn-success btn-md"
            type="button"
            id="resgatar">Resgatar</button>
          </dd>
        </form>
      </dl>
      @endif
      @endif

      <hr>

      <dl class="row">
        <dd class="col-sm-7">
          Frete
        </dd>
        <dd class="text-right col-sm">
          <span id="valorFrete">
            {{ config('cart.currency_symbol') }} @if($valorFrete) {{ number_format($valorFrete, 2, ',', '.') }}
            @else 0,00 @endif
          </span>
        </dd>
      </dl>

      <hr>

      <dl class="row">
        <dt class="col-sm-7">
          Total
        </dt>
        <dt class="text-right col-sm">
          <span id="valorTotal">{{ config('cart.currency_symbol') }} @if($valorFrete)
            {{ number_format(floatVal($valorFrete) + floatVal($valorTotal), 2, ',', '.') }} @else
            {{ number_format(floatVal($valorTotal), 2, ',', '.') }} @endif</span>
            <input type="hidden"
            name='subTotal'
            value="{{ floatVal($subtotal) }}">
            <input type="hidden"
            name='total'
            value="{{ floatVal($valorTotal) }}">
          </dt>
        </dl>

      </div>

    </div>

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

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

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

@endif
<!-- ./Finaliza a area de sumario, que só apareceria para quem não tem orçamento  -->
@endif
</div>

</div>

</div>

@else

<div class="">
  <h5 class="alert alert-warning font-weight-bolder">
    Nenhum produto no carrinho.
    <a href="{{ route('home') }}"
    class="fosco-text">Comprar!</a>
  </h5>
</div>

@endif
<!-- Container -->

<!-- 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 -->

<!-- Modal informativo do Cupom -->
<div class="modal fade top"
id="modalVoucher"
tabindex="-1"
role="dialog"
aria-labelledby="myModalLabel"
aria-hidden="true">

<div class="modal-dialog modal-frame modal-top 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">O cupom <span class="codigo 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 Cupom -->

<!-- Modal caso o Cupom esteja vazio -->
<div class="modal fade"
id="modalCupom"
tabindex="-1"
role="dialog"
aria-labelledby="myModalLabel"
aria-hidden="true">

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

<div class="modal-content">
  <div class="modal-header">
    <h4 class="modal-title w-100"
    id="myModalLabel">Cupom n&atilde;o preenchido</h4>
    <button type="button"
    class="close"
    data-dismiss="modal"
    aria-label="Fechar">
    <span aria-hidden="true">&times;</span>
  </button>
</div>
<div class="modal-body">
  C&atilde;³digo do Cupom, n&atilde;o informado.
</div>
<div class="modal-footer">
  <button type="button"
  class="btn btn-danger btn-sm"
  data-dismiss="modal">Fechar</button>
</div>
</div>

</div>

</div>
<!-- \Modal caso o Cupom esteja vazio -->

<!-- Modal caso o Cupom esteja vazio -->
<div class="modal fade"
id="modalObrigatorio"
tabindex="-1"
role="dialog"
aria-labelledby="myModalLabel"
aria-hidden="true">

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

<div class="modal-content">
  <div class="modal-header">
    <h4 class="modal-title w-100"
    id="myModalLabel">Verifique os seguintes campos</h4>
    <button type="button"
    class="close"
    data-dismiss="modal"
    aria-label="Fechar">
    <span aria-hidden="true">&times;</span>
  </button>
</div>
<div class="modal-body">
  <ol>
    <li>CPF</li>
    <li>Endereço de Cobrança</li>
    <li>Endereço de Entrega</li>
  </ol>
</div>
<div class="modal-footer">
  <button type="button"
  class="btn btn-danger btn-sm"
  data-dismiss="modal">Fechar</button>
</div>
</div>

</div>

</div>
<!-- \Modal caso o Cupom esteja vazio -->

</div>

</section>

@endsection

@section('js')

<script src="{{ mix('js/jquery.mask.js') }}"></script>
<script src="{{ mix('js/jquery-ui.min.js') }}"></script>
<script src="{{ mix('js/axios.js') }}"></script>
<script src="{{ mix('js/valida_cpf_cnpj.js') }}"></script>
<script src="{{ mix('js/jquerysession.min.js') }}"></script>

<!-- Vamos fazer pegamento pelo PagSeguro -->
<script type="text/javascript"
src="https://stc.pagseguro.uol.com.br/pagseguro/api/v2/checkout/pagseguro.lightbox.js">
</script>

<!-- Utilizar a biblioteca do PagSeguro -->
<script type="text/javascript"
src="https://stc.pagseguro.uol.com.br/pagseguro/api/v2/checkout/pagseguro.directpayment.js"></script>

{{-- <script type="application/javascript" src="https://fingerprint.userede.com.br/b.js"></script> --}}

<script type="text/javascript">
  var token = document.head.querySelector('meta[name="csrf-token"]')
  axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content

  function getPHPSessId() {
    var phpSessionId = document.cookie.match(/PHPSESSID=[A-Za-z0-9]+\;/i);

    if(phpSessionId == null)
    return '';

    if(typeof(phpSessionId) == 'undefined')
    return '';

    if(phpSessionId.length <= 0)
    return '';

    phpSessionId = phpSessionId[0];

    var end = phpSessionId.lastIndexOf(';');
    if(end == -1) end = phpSessionId.length;

    return phpSessionId.substring(10, end);
  }

  function simility(){
    var sc = {
      "customer_id": "c54b99d0-894e-11e7-adc9-77887d29e284",
      "session_id": getPHPSessId(),
      "event_types": "checkout_page",
      "zone": "us",
      "request_endpoint": "https://fingerprint.userede.com.br"
    };
    var ss = new SimilityScript(sc);
    ss.execute();
  };

  function preencheRetirada() {

    let retirada = $('input[name=retirada]:checked')
    console.log('Retirada:', retirada)
    $('input[name=end_entrega]').prop("checked", false)
    $('#retirada').prop("checked", true)
    let cep = retirada.data('cep')
    let filial_id = retirada.data('address')
    let street = retirada.data('street')
    let number = retirada.data('number')
    let district = retirada.data('district')
    let city = retirada.data('city')
    let state = retirada.data('state')
    let country = retirada.data('country')
    let type = retirada.data('shipping')
    let vlFrete = retirada.data('valor')
    let d = new Date()
    let dataentrega = d.getDate() +"/"+ (d.getMonth()+1) +"/"+ d.getFullYear()
    let frete_free = "{!! config('shipping.free_value') !!}"
    let desconto_dinheiro = "{!! config('cart.desconto_dinheiro') !!}"
    let desconto_avista = "{!! config('cart.desconto_avista') !!}"
    vlFrete = parseFloat(vlFrete)

    let subTotal = $('input[name=subTotal]').val()
    subTotal = parseFloat(subTotal)

    if(frete_free < subTotal) {
      vlFrete = 0.00
    }

    let vlFinal = subTotal + vlFrete

    if (desconto_dinheiro && (parseFloat(desconto_dinheiro) > 0)) {
      subTotal = subTotal  ///- (subTotal * (desconto_dinheiro / 100))
      valorPromocao = (parseFloat(subTotal) * (parseFloat(desconto_dinheiro) / 100))
      vlFinal = parseFloat(subTotal) - parseFloat(valorPromocao) + parseFloat(vlFrete)
      console.log('Calculo desconto', parseFloat(subTotal), parseFloat(valorPromocao), parseFloat(vlFrete))
    }
    if (desconto_avista && (parseFloat(desconto_avista) > 0)) {
      subTotal = subTotal  ///- (subTotal * (desconto_dinheiro / 100))
      valorPromocao = (parseFloat(subTotal) * (parseFloat(desconto_avista) / 100))
      vlFinal = parseFloat(subTotal) - parseFloat(valorPromocao) + parseFloat(vlFrete)
      console.log('Calculo desconto', parseFloat(subTotal), parseFloat(valorPromocao), parseFloat(vlFrete))
    }

    console.log('Calculo Frete', vlFinal, subTotal, vlFrete)

    let formato = { minimumFractionDigits: 2 , style: 'currency', currency: 'BRL' }
    /*
    let num_parcelas = "{!! config('cart.parcelas') !!}"
    let parc_sem_juros = "{!! config('cart.parc_sem_juros') !!}"
    let juros_parcelas = "{!! config('cart.juros_parcelas') !!}"
    let valor_min_parcela = "{!! config('cart.valor_min_parcela') !!}"
    let juros_compostos = "{!! config('cart.juros_composto') !!}"
    let preco_valido = parseFloat(subTotal) + parseFloat(vlFrete)
    let _optionParcela = '<option value="1">Parcelas</option>'
    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

    if(preco_valido > parseFloat(valor_min_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 >= parseFloat(valor_min_parcela)) {
          if (p === 1) {
            _optionParcela += '<option value="'+p+'" data-parcelas="'+ p +'" data-porparcela="'+valor_parcela_d.toFixed(2)+'">'+p+'</option>'
            _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 {
            _optionParcela += '<option value="'+p+'" data-parcelas="'+ p +'" data-porparcela="'+valor_parcela.toFixed(2)+'">'+p+'</option>'
            _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)
          }
        }
      }
    } else {
      _optionParcela += '<option value="1" data-parcelas="1" data-porparcela="'+preco_valido.toFixed(2)+'">1</option>'
      _opcParc += '<li class="list-group-item">1 x de ' + preco_valido.toLocaleString('pt-BR', formato) +' [total de '+preco_valido.toLocaleString('pt-BR', formato)+']</li>'
      txt_parcela = '1 x de ' + preco_valido.toLocaleString('pt-BR', formato)
    }

    $('select[name=num_parcelas]').html(_optionParcela)
    $('.opcParc').html(_opcParc)

    $('.show-parcelas').val(txt_parcela)
    */
    calculaValores(vlFinal)
    $('#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=data_entrega]').val(dataentrega)
    $('input[name=metodo_entrega]').val("retirada")

    $('input[name=postalCode]').val(cep)
    $('input[name=filial_id]').val(filial_id)
    $('input[name=street]').val(street)
    $('input[name=number]').val(number)
    $('input[name=district]').val(district)
    $('input[name=city]').val(city)
    $('input[name=state]').val(state)
    $('input[name=country]').val(country)
    $('input[name=type]').val(type)

    $('input[name=shipping-cep]').val(cep)
    $('input[name=shipping-street]').val(street)
    $('input[name=shipping-number]').val(number)
    $('input[name=shipping-city]').val(city)
    $('input[name=shipping-district]').val(district)
    $('input[name=shipping-state]').val(state)
    $('input[name=shipping-country]').val(country)
    $('input[name=shipping-shipping]').val(type)
    // $('input[name=shipping-address]').val(address)
    $('input[name=shipping-valor]').val(vlFrete)
    $('input[name=shipping-servico]').val('retirada')
    $('input[name=shipping-codigo]').val('retirada')
    $('input[name=shipping-dataentrega]').val(dataentrega)

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

    if($('input[name=pgto_cielo]').val() === '1') {
      $('label[for=tipo_pagamento_cielo]').show()
    }
    $('label[for=tipo_pagamento_retirada]').show()
    $('input[name=retirada]').val(1)

  }

  function calculaSomatorio() {
    let formato = { minimumFractionDigits: 2 , style: 'currency', currency: 'BRL' }
    let desconto_dinheiro = "{!! config('cart.desconto_dinheiro') !!}"
    let desconto_avista = "{!! config('cart.desconto_avista') !!}"
    let vlDesconto = parseFloat($('input[name=vlPromocao]').val())
    let frete = $('input[name=frete]').val()
    frete = frete ?? 0.00
    let subTotal = parseFloat($('input[name=subTotal]').val())
    let novoSubTotal = 0.00

    if(vlDesconto === 0) {
      if (desconto_dinheiro && (parseFloat(desconto_dinheiro) > 0)) {
        vlDesconto = (parseFloat(subTotal) * (parseFloat(desconto_dinheiro) / 100))
        novoSubTotal = parseFloat(subTotal) - parseFloat(vlDesconto) + parseFloat(frete)
        console.log('Calculo desconto - dinheiro', parseFloat(subTotal), parseFloat(vlDesconto), parseFloat(frete))
      }
      if (desconto_avista && (parseFloat(desconto_avista) > 0)) {
        vlDesconto = (parseFloat(subTotal) * (parseFloat(desconto_avista) / 100))
        novoSubTotal = parseFloat(subTotal) - parseFloat(vlDesconto) + parseFloat(frete)
        console.log('Calculo desconto - a vista', parseFloat(subTotal), parseFloat(vlDesconto), parseFloat(frete))
      }
      novoSubTotal = (subTotal - parseFloat(vlDesconto)) + frete
    }  else {
      novoSubTotal = parseFloat(subTotal) - parseFloat(vlDesconto)
    }
    let novoTotal = parseFloat(novoSubTotal + frete)

    $('#valorTotal').html(novoTotal.toLocaleString('pt-BR', formato))
    $('.valorTotal').html(novoTotal.toLocaleString('pt-BR', formato))
    $('input[name=total]').val(novoTotal);

    console.log('Novo Total', frete, subTotal, vlDesconto, novoSubTotal, novoTotal)
    calculaValores(novoTotal)
  }

  function calculaValores(vlFinal) {
    let formato = { minimumFractionDigits: 2 , style: 'currency', currency: 'BRL' }
    let num_parcelas = "{!! config('cart.parcelas') !!}"
    let parc_sem_juros = "{!! config('cart.parc_sem_juros') !!}"
    let juros_parcelas = "{!! config('cart.juros_parcelas') !!}"
    let valor_min_parcela = "{!! config('cart.valor_min_parcela') !!}"
    let juros_compostos = "{!! config('cart.juros_composto') !!}"
    let preco_valido = vlFinal
    let _optionParcela = '<option value="1">Parcelas</option>'
    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

    if (preco_valido > parseFloat(valor_min_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 (p === 1) {
          _optionParcela += '<option value="'+p+'" data-parcelas="'+ p +'" data-porparcela="'+valor_parcela_d.toFixed(2)+'">'+p+'</option>'
          _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 {
          if(valor_parcela >= parseFloat(valor_min_parcela)) {
            _optionParcela += '<option value="'+p+'" data-parcelas="'+ p +'" data-porparcela="'+valor_parcela.toFixed(2)+'">'+p+'</option>'
            _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)
          }
        }
      }

    } else {
      _optionParcela += '<option value="1" data-parcelas="1" data-porparcela="'+preco_valido.toFixed(2)+'">1</option>'
      _opcParc += '<li class="list-group-item">1 x de ' + preco_valido.toLocaleString('pt-BR', formato) +' [total de '+preco_valido.toLocaleString('pt-BR', formato)+']</li>'
      txt_parcela = '1 x de ' + preco_valido.toLocaleString('pt-BR', formato)
    }

    $('select[name=num_parcelas]').html(_optionParcela)
    $('.opcParc').html(_opcParc)

    $('.show-parcelas').val("Selecione uma parcela ao lado")
  }

  function calculaFrete() {
    let entrega = $('input[name=end_entrega]:checked')
    $('input[name=retirada]').prop("checked", false)

    // console.log('Entrega', entrega)
    $('#adicionandoCarrinho').modal( 'show' )

    $('#adicionandoCarrinho').on('shown.bs.modal', function (event) {
      var modal = $(this)
      modal.find('.modal-title').text('Calculando o Frete')
      $(this).modal({
        backdrop: 'static'
      })
    })
    let formato = { minimumFractionDigits: 2 , style: 'currency', currency: 'BRL' }
    let cep = entrega.data('cep')
    let entrega_id = entrega.data('address')
    let street = entrega.data('street')
    let number = entrega.data('number')
    let district = entrega.data('district')
    let city = entrega.data('city')
    let state = entrega.data('state')
    let country = entrega.data('country')
    let type = entrega.data('shipping')
    let vlFrete = entrega.data('valor')
    let servico = entrega.data('servico')
    let frete_free = "{!! config('shipping.free_value') !!}"
    let dataentrega =  entrega.data('dataentrega')
    let desconto_dinheiro = "{!! config('cart.desconto_dinheiro') !!}"
    let desconto_avista = "{!! config('cart.desconto_avista') !!}"
    let vlDesconto = parseFloat($('input[name=vlPromocao]').val())
    // Verifica se tem motoboy selecionado, para aplicar o valor do frete ou não
    let entrega_motoboy = $("#entrega_motoboy:checked").length > 0
    if(entrega_motoboy) {
      frete_free = "{!! config('shipping.free_motoboy') !!}"
    }
    vlFrete = (vlFrete > 0) ? parseFloat(vlFrete) : 0.00

    let subTotal = $('input[name=subTotal]').val()
    subTotal = parseFloat(subTotal)

    if(frete_free < subTotal) {
      vlFrete = 0.00
    }

    let vlFinal = parseFloat(subTotal) + parseFloat(vlFrete)
    console.log('Sub Total', subTotal)
    console.log('Valor Frete', vlFrete)
    console.log('Valor Final', vlFinal)
    $('#cobranca_'+entrega_id).prop("checked", true)

    if(vlDesconto === 0) {
      if (desconto_dinheiro && (parseFloat(desconto_dinheiro) > 0)) {
        vlDesconto = (parseFloat(subTotal) * (parseFloat(desconto_dinheiro) / 100))
        vlFinal = parseFloat(subTotal) - parseFloat(vlDesconto) + parseFloat(vlFrete)
        console.log('Calculo desconto - dinheiro', parseFloat(subTotal), parseFloat(vlDesconto), parseFloat(vlFrete))
      }
      if (desconto_avista && (parseFloat(desconto_avista) > 0)) {
        vlDesconto = (parseFloat(subTotal) * (parseFloat(desconto_avista) / 100))
        vlFinal = parseFloat(subTotal) - parseFloat(vlDesconto) + parseFloat(vlFrete)
        console.log('Calculo desconto - a vista', parseFloat(subTotal), parseFloat(vlDesconto), parseFloat(vlFrete))
      }
    } else {
      vlFinal = parseFloat(subTotal) - parseFloat(vlDesconto) + parseFloat(vlFrete)
    }
    /*
    if ((desconto_dinheiro && (parseFloat(desconto_dinheiro) > 0)) && parseFloat(valorPromocao) === 0) {
      subTotal = subTotal  ///- (subTotal * (desconto_dinheiro / 100))
      valorPromocao = (parseFloat(subTotal) * (parseFloat(desconto_dinheiro) / 100))
      vlFinal = parseFloat(subTotal) - parseFloat(valorPromocao) + parseFloat(vlFrete)
      console.log('Calculo desconto', parseFloat(subTotal), parseFloat(valorPromocao), parseFloat(vlFrete))
    }
    if (desconto_avista && (parseFloat(desconto_avista) > 0) && parseFloat(valorPromocao) === 0) {
      subTotal = subTotal  ///- (subTotal * (desconto_dinheiro / 100))
      valorPromocao = (parseFloat(subTotal) * (parseFloat(desconto_avista) / 100))
      vlFinal = parseFloat(subTotal) - parseFloat(valorPromocao) + parseFloat(vlFrete)
      console.log('Calculo desconto', parseFloat(subTotal), parseFloat(valorPromocao), parseFloat(vlFrete))
    }
    */

    console.log('Calculo Frete', vlFinal, subTotal, vlFrete)

    calculaValores(vlFinal)

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

    if(entrega_id) {
      $('input[name=retirada]').val(0)
    }

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

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

    $('input[name=shipping-cep]').val(cep)
    $('input[name=shipping-street]').val(street)
    $('input[name=shipping-number]').val(number)
    $('input[name=shipping-city]').val(city)
    $('input[name=shipping-district]').val(district)
    $('input[name=shipping-state]').val(state)
    $('input[name=shipping-country]').val(country)
    $('input[name=shipping-shipping]').val(type)
    // $('input[name=shipping-address]').val(address)
    $('input[name=shipping-valor]').val(vlFrete)
    $('input[name=shipping-servico]').val(servico)
    $('input[name=shipping-codigo]').val(servico)
    $('input[name=shipping-dataentrega]').val(dataentrega)

    $('#modalFrete').modal( 'show' )
  }

  function prosseguePagamento() {
    let gera_so_boleto = $('input[name=gera_so_boleto]').val()
    let url = "{!! url('customer/update') !!}"
    let customer_id = "{!! auth()->id() !!}"
    let cobranca = $('input[name=end_cobranca]:checked').val()
    let cpf_cnpj = $('input[name=cpf_cnpj]').val()
    if(cpf_cnpj === '') {
      cpf_cnpj = "{!! auth()->user()-> cpf_cnpj !!}"
    }
    let mobile = ''

    if(gera_so_boleto) {
      mobile = $('input[name=mobile]').val()
    }
    axios.post(url, {
      token          : token,
      customer_id    : parseInt(customer_id),
      cpf_cnpj       : cpf_cnpj,
      mobile         : mobile
    },
    {
      headers: {'Accept': 'application/json', 'X-Requested-With': 'XMLHttpRequest','Content-Type': 'application/json'},
      crossDomain: true
    })
    .then((response)=>{
      // console.log('Status', response.status)
      $('#modalAviso').on('show.bs.modal', function (event) {
        var modal = $(this)
        modal.find('.modal-title').text('Informações gravadas')
        modal.find('.modal-body #modal-message').html('Prossiga com o pagamento.')
      })
      //$('#modalAviso').modal( 'show' )

    }).catch((error)=>{
      console.log('Error', error)
    })
    $('#pagamento').addClass('active')
    $('#seqPagamento>span.label').addClass('text-success')
    $('#seqPagamento').addClass('active')
    $('#cadastro').removeClass('show').removeClass('active')
    $('#pagamento').addClass('show').addClass('active').find(".label").text()
    $('input[name=address_id]').val(cobranca)

  }

  $(document).ready(function(){
    let options = {
      onKeyPress: function (cpf, ev, el, op) {
        var masks = ['000.000.000-000', '00.000.000/0000-00'];
        $('.cliente_cnpj').mask((cpf.length > 14) ? masks[1] : masks[0], op);
      }
    }

    $('.cliente_cnpj').length > 14 ? $('.cliente_cnpj').mask('00.000.000/0000-00', options) : $('.cliente_cnpj').mask('000.000.000-00#', options)

    // Ativar entrega diferente
    $('.checkout_delivery').hide()
    $('input[name=cep]').mask('00.000-000')

    $('#cobranca_delivery').on('click', function() {
      $('.checkout_delivery').show()
      $('.checkout_delivery_form').hide()

    })
    $('.cobranca_padrao').on('click', function() {
      $('.checkout_delivery').hide()
      $('.checkout_delivery_form').show()
    })

    $('input[name=cep]').on('blur', function() {

      $("#modalAviso2").on('show.bs.modal', function() {
        let spinner = '<div class="spinner-border" role="status">'
          spinner += '<span class="sr-only">Loading...</span>'
          spinner += '</div>'
          var modal = $(this)
          modal.find('.modal-title').text('Buscando o endereço...')
          modal.find('.modal-body').html('Aguarde enquanto buscamos o endereço ' + spinner)
        })
        $("#modalAviso2").modal('show')
        let cep = $(this).val()
        $('.ul-frete').html("")
        let logradouro = ''
        let bairro = ''
        let cidade = ''
        let uf = ''
        // Busca os itens, para recuperar os dados para o calulo dos fretes
        let items = jQuery.parseJSON($('input[name=items]').val())
        let preco = 0.00
        let product = [{width: null, weight: null, length: null, height: null}]
        $.each(items, function(i, item) {
          axios.get( base_url + '/api/products/' + item.id, {headers: {'Accept': 'application/json'}})
          .then((response)=>{
            let productReturn = response.data
            preco += productReturn.price
            product.push({width: productReturn.width, weight: productReturn.weight, length: productReturn.length, height: productReturn.height})
          })
          .catch((error)=>{
            console.log('Error', error)
          })
        })
        // ./ Busca os itens, para recuperar os dados para o calulo dos fretes

        // Busca o endereço pelo CEP de acordo com o digitado
        axios.get( base_url + '/api/cep/' + cep, {headers: {'Accept': 'application/json'}})
        .then((response)=>{
          let retorno = response.data
          console.log('Retorno Endereço', retorno)
          $('input[name=street]').val(retorno.logradouro)
          $('input[name=district]').val(retorno.bairro)

          if(retorno.logradouro === '') {
            $('input[name=delivery_logradouro]').val('Não informado')
            $('input[name=delivery_logradouro]').removeAttr('readonly')
          } else {
            $('input[name=delivery_logradouro]').attr('readonly', true)
          }

          if(retorno.bairro === '') {
            $('input[name=district]').val('Não informado')
            $('input[name=district]').removeAttr('readonly')
          } else {
            $('input[name=district]').attr('readonly', true)
          }
          $('input[name=city]').val(retorno.localidade)
          $('input[name=delivery_id_municipio]').val(retorno.ibge)
          $('input[name=state]').val(retorno.uf)

          $('input[name=number]').focus()
          $('label[for=delivery_logradouro]').addClass('active')
          $('label[for=district]').addClass('active')
          $('label[for=city]').addClass('active')
          $('label[for=state]').addClass('active')
          logradouro = retorno.logradouro
          bairro = retorno.bairro
          cidade = retorno.localidade
          uf = retorno.uf
        })
        .catch((error)=>{
          console.log('Error', error)
        })
        // ./ Busca o endereço pelo CEP de acordo com o digitado

        // Preenchendo os valores para o frete
        axios.post(base_url + '/api/frete/calculaFreteFrenet', {
          token         : token,
          cepDest       : cep,
          preco         : preco,
          itens         : product
        },
        {
          headers: {'Accept': 'application/json', 'X-Requested-With': 'XMLHttpRequest','Content-Type': 'application/json'},
          crossDomain: true
        })
        .then((response)=>{
          let _ulFrete = ''
          let fretes = response.data[0]
          let formato = { minimumFractionDigits: 2 }
          $.each(fretes, function(i, frete){
            let today_date = new Date()
            today_date.setDate(today_date.getDate() + frete.prazo)

            console.log(i, frete)
            _ulFrete += '<li class="list-group-item">'
              _ulFrete += '<input class="custom-control-input " type="radio"'
              _ulFrete += ' name="end_entrega" id="entrega_'+frete.codigo+'_'+i+'"'
              _ulFrete += ' value="'+frete.servico+'" data-cep="'+cep+'"'
              _ulFrete += ' data-street="'+logradouro+'" data-number="'+frete.codigo+'"'
              _ulFrete += ' data-city="'+cidade+'" data-district="'+bairro+'"'
              _ulFrete += ' data-state="'+uf+'" data-country="BRA"'
              _ulFrete += ' data-shipping="+i+" data-address="'+logradouro+'"'
              _ulFrete += ' data-valor="'+frete.valor+'" data-servico="'+frete.servico+'"'
              _ulFrete += ' data-codigo="'+frete.codigo+'" data-dataentrega="'+today_date.toLocaleDateString()+'">'
              _ulFrete += '<label class="custom-control-label " for="entrega_'+frete.codigo+'_'+i+'">'
                _ulFrete += ''+frete.descServico+' Entrega em at&eacute; '+frete.prazo+' dias &uacute;teis. Valor: '+frete.valor.toLocaleString('pt-BR', formato)
                if(frete.msg !== '') {
                  _ulFrete += '<small><em> (' + frete.msg + ')</em></small>'
                }
                _ulFrete += '</label>'
              })
              $('.ul-frete').html(_ulFrete)
              $('#modalAviso2').modal( 'hide' )
              $('input[name=end_entrega]').on('click', function() {
                calculaFrete()
              })
            })
            .catch((error)=>{
              console.log('Error', error)
            })
            //
            // ./ Preenchendo os valores para o frete

          })
          // ./ Ativar entrega diferente

          // checando se preencheu o número
          $('input[name=number]').on('blur', function(){
            if($(this).val() === '') {
              $("#modalAviso2").on('show.bs.modal', function() {
                var modal = $(this)
                modal.find('.modal-title').text('Informe o número')
                modal.find('.modal-body').html('Caso o endereço de entrega não possuir número, preenchar com "S/N"')
              })
              $("#modalAviso2").modal('show')
              $('input[name=number]').focus()
            }
          })
          // ./ checando se preencheu o número

          //Função que volta para o topo da pagina no momento de selecionar o tipo de pagamento
          $('#seguirPagamento').click(function(e) {
            e.preventDefault();
            $('html, body').animate({scrollTop: 0}, 1200);
            e.stopPropagation();
          })

          $(".local-entrega.with-error").hide()
          if ($(".local-entrega").is(".with-error") ){
            $(".showIfFalse").removeClass("d-none").addClass("d-block")
          }

          $('label[for=tipo_pagamento_retirada]').hide()
          $('input[name=retirada]').val(0)

          let base_url = "{!! url('/') !!}"
          let domain = "{!! config('site.domain') !!}"

          axios.get(base_url + "/storage/lojas/"+domain+".json")
          .then((response)=>{
            let lojas = response.data
            let horasEntrega = "{!! config('shipping.retirada.horas') !!}"

            Date.prototype.addHours= function(h){
              this.setHours(this.getHours()+h);
              return this;
            }
            let dataEntrega = new Date().addHours(parseInt(horasEntrega))
            // console.log(lojas)
            _divRetirada = '<li class="list-group-item collapsed" data-toggle="collapse" data-target="#areaRetirada" aria-expanded="false">'
              _divRetirada += '<input class="custom-control-input" type="radio" name="end_entrega" id="retirada" value="retirada" data-valor="0.00">'
              _divRetirada += '<label class="custom-control-label" for="retirada"> Retirada (selecione abaixo, a loja que irá retirar) <i class="icon-action fa fa-chevron-down"></i></label>'
              _divRetirada += '</li>'
              _divRetirada += '<li class="list-group-item">'
                _divRetirada += '<ul class="list-group list-group-flush collapsed collapse" id="areaRetirada">'

                  $('.lojas_retirada').html("")

                  $.each(lojas, function(i, loja) {
                    _divRetirada += ` <li class="list-group-item"> `
                      _divRetirada += ` <input class="custom-control-input" type="radio" name="retirada" id="retirada_${loja.id_filial}" value="${loja.id_filial}" `
                      _divRetirada += ` data-cep="${loja.cep}" data-street="${loja.endereco}" data-number="${loja.numero}" data-city="${loja.cidade}"
                      data-district="${loja.bairro}" data-state="${loja.uf}" data-country="BRA" data-shipping="1" data-address="${loja.id_filial}"
                      data-valor="0.00" data-servico="${i}" data-codigo="${loja.id_filial}" data-dataentrega="${dataEntrega.toLocaleDateString()}"> `
                      _divRetirada += ` <label class="custom-control-label" for="retirada_${loja.id_filial}"> `
                        _divRetirada += ` <div class="row"> `
                          _divRetirada += ` <div class="col-lg"> `
                            _divRetirada += `  <p>${loja.nome} </p> `
                            _divRetirada += ` <p class="font-weight-lighter">${loja.endereco}, ${loja.numero} - ${loja.bairro} (${loja.cidade}/${loja.uf})</p> `

                            const horasRetirada = "{!! config('site.retirada_horas') !!}"
                            // console.log(horasRetirada)
                            if( horasRetirada != 0){
                              _divRetirada += `<p class="font-weight-lighter">Retirada em ${horasEntrega} horas  Valor: * GRATUITO *</p>`
                            }
                            _divRetirada += ` </div> `

                            if(loja.foto){
                              _divRetirada += ` <div class="px-0 col-lg-3"> `
                                _divRetirada += ` <div class="view z-depth-1"> `
                                  _divRetirada += `<img src=" ${base_url}/${loja.foto}" height="150" width="100%"> </div> <div> `
                                    _divRetirada += ` <p class="pt-3 pb-0">`
                                      _divRetirada += ` <a href="${loja.maps}" class="font-weight-lighter font-montserrat fosco-text" target="_blank">Maps
                                        <i class="fas fa-map-marker-alt"></i> </a> `
                                        _divRetirada += ` <a href="${loja.waze}" class="float-right font-weight-lighter font-montserrat fosco-text" target="_blank">Waze
                                          <i class="fab fa-waze"></i> </a> `
                                          _divRetirada += ` </p> </div> </div> `
                                        }
                                        _divRetirada += ` </div> </label> </li>  `
                                      })

                                      _divRetirada += '</ul></li>'

                                      $('.lojas_retirada').append(_divRetirada)

                                      $('input[name=end_entrega]').on('click', function() {
                                        calculaFrete()
                                        $('input[nam=retirada]').removeAttr('checked')
                                      })

                                      $('input[name=retirada]').on('click', function() {
                                        preencheRetirada()
                                      })

                                    }).catch((error)=>{
                                      console.log('Error', error)
                                    })

                                    $('input[name=mobile]').mask('(99)9 9999-9999')
                                    $('.numero_cartao').mask('9999 9999 9999 9999')
                                    $('.validade').mask('99/9999')
                                    $('.cvv').mask('999')

                                    $('div.master-card').on('click', function(){
                                      $('input[value=master]').attr('checked', true)
                                      $('input[value=amex]').removeAttr('checked')
                                      $('input[value=aura]').removeAttr('checked')
                                      $('input[value=discover]').removeAttr('checked')
                                      $('input[value=diners]').removeAttr('checked')
                                      $('input[value=elo]').removeAttr('checked')
                                      $('input[value=jcb]').removeAttr('checked')
                                      $('input[value=visa]').removeAttr('checked')
                                      $('.numero_cartao').attr('placeholder', '0000 0000 0000 0000')
                                      $('.numero_cartao').mask('9999 9999 9999 9999')
                                      $('.cvv').attr('placeholder', '000')
                                      $('.cvv').mask('999')
                                    })

                                    $('div.visa').on('click', function(){
                                      $('input[value=visa]').attr('checked', true)
                                      $('input[value=amex]').removeAttr('checked')
                                      $('input[value=aura]').removeAttr('checked')
                                      $('input[value=discover]').removeAttr('checked')
                                      $('input[value=diners]').removeAttr('checked')
                                      $('input[value=elo]').removeAttr('checked')
                                      $('input[value=jcb]').removeAttr('checked')
                                      $('input[value=master]').removeAttr('checked')
                                      $('.numero_cartao').attr('placeholder', '0000 0000 0000 0000')
                                      $('.numero_cartao').mask('9999 9999 9999 9999')
                                      $('.cvv').attr('placeholder', '000')
                                      $('.cvv').mask('999')
                                    })

                                    $('div.elo').on('click', function(){
                                      $('input[value=elo]').attr('checked', true)
                                      $('input[value=amex]').removeAttr('checked')
                                      $('input[value=aura]').removeAttr('checked')
                                      $('input[value=discover]').removeAttr('checked')
                                      $('input[value=diners]').removeAttr('checked')
                                      $('input[value=jcb]').removeAttr('checked')
                                      $('input[value=master]').removeAttr('checked')
                                      $('input[value=visa]').removeAttr('checked')
                                      $('.numero_cartao').attr('placeholder', '0000 0000 0000 0000')
                                      $('.numero_cartao').mask('9999 9999 9999 9999')
                                      $('.cvv').attr('placeholder', '000')
                                      $('.cvv').mask('999')
                                    })

                                    $('div.diners').on('click', function(){
                                      $('input[value=diners]').attr('checked', true)
                                      $('input[value=amex]').removeAttr('checked')
                                      $('input[value=aura]').removeAttr('checked')
                                      $('input[value=discover]').removeAttr('checked')
                                      $('input[value=elo]').removeAttr('checked')
                                      $('input[value=jcb]').removeAttr('checked')
                                      $('input[value=master]').removeAttr('checked')
                                      $('input[value=visa]').removeAttr('checked')
                                      $('.numero_cartao').attr('placeholder', '0000 0000 0000 0000')
                                      $('.numero_cartao').mask('9999 9999 9999 9999')
                                      $('.cvv').attr('placeholder', '000')
                                      $('.cvv').mask('999')
                                    })

                                    $('div.discover').on('click', function(){
                                      $('input[value=discover]').attr('checked', true)
                                      $('input[value=amex]').removeAttr('checked')
                                      $('input[value=aura]').removeAttr('checked')
                                      $('input[value=diners]').removeAttr('checked')
                                      $('input[value=elo]').removeAttr('checked')
                                      $('input[value=jcb]').removeAttr('checked')
                                      $('input[value=master]').removeAttr('checked')
                                      $('input[value=visa]').removeAttr('checked')
                                      $('.numero_cartao').attr('placeholder', '0000 0000 0000 0000')
                                      $('.numero_cartao').mask('9999 9999 9999 9999')
                                      $('.cvv').attr('placeholder', '000')
                                      $('.cvv').mask('999')
                                    })

                                    $('div.jcb').on('click', function(){
                                      $('input[value=jcb]').attr('checked', true)
                                      $('input[value=master]').removeAttr('checked')
                                      $('input[value=amex]').removeAttr('checked')
                                      $('.numero_cartao').attr('placeholder', '0000 0000 0000 0000')
                                      $('.numero_cartao').mask('9999 9999 9999 9999')
                                      $('.cvv').attr('placeholder', '000')
                                      $('.cvv').mask('999')
                                    })

                                    $('div.aura').on('click', function(){
                                      $('input[value=aura]').attr('checked', true)
                                      $('input[value=master]').removeAttr('checked')
                                      $('input[value=amex]').removeAttr('checked')
                                      $('.numero_cartao').attr('placeholder', '0000 0000 0000 0000')
                                      $('.numero_cartao').mask('9999 9999 9999 9999')
                                      $('.cvv').attr('placeholder', '000')
                                      $('.cvv').mask('999')
                                    })

                                    $('div.amex').on('click', function(){
                                      $('input[value=amex]').attr('checked', true)
                                      $('input[value=master]').removeAttr('checked')
                                      $('input[value=visa]').removeAttr('checked')
                                      $('.numero_cartao').attr('placeholder', '0000 000000 00000')
                                      $('.numero_cartao').mask('9999 999999 99999')
                                      $('.cvv').attr('placeholder', '0000')
                                      $('.cvv').mask('0000')
                                    })
                                    let tipo = $('#tipoPessoa option:selected').val()
                                    if( tipo === '0'	) {
                                      $('label[data-tipo=cpf_cnpj]').html('CPF <span class="red-text">*</span>')
                                      $('input[name=cpf_cnpj]').attr('placeholder', 'XX.XXX.XXX-XX')
                                      // $('input[name=cpf_cnpj]').mask('999.999.999-99')
                                      $('input[name=document_type]').val('CPF')
                                    } else if( tipo === '1' ) {
                                      $('label[data-tipo=cpf_cnpj]').html('CNPJ <span class="red-text">*</span>')
                                      $('input[name=cpf_cnpj]').attr('placeholder', 'XX.XXX.XXX/XXXX-XX')
                                      // $('input[name=cpf_cnpj]').mask('99.999.999/9999-99')
                                      $('input[name=document_type]').val('CNPJ')
                                    } else {
                                      $('label[data-tipo=cpf_cnpj]').html('Passport')
                                      $('input[name=cpf_cnpj]').attr('placeholder', 'Passport')
                                      $('input[name=cpf_cnpj]').unmask()
                                      $('input[name=document_type]').val('Passport')
                                    }
                                    $('#tipoPessoa').on('change', function(){
                                      let tipo = $('#tipoPessoa option:selected').val()
                                      $('input[name=cpf_cnpj]').unmask()
                                      // $('input[name=cpf_cnpj]').val('')
                                      if( tipo === '0'	) {
                                        $('label[data-tipo=cpf_cnpj]').html('CPF <span class="red-text">*</span>')
                                        $('input[name=cpf_cnpj]').attr('placeholder', 'XX.XXX.XXX-XX')
                                        $('input[name=cpf_cnpj]').mask('999.999.999-99')
                                        $('input[name=document_type]').val('CPF')
                                      } else if( tipo === '1' ) {
                                        $('label[data-tipo=cpf_cnpj]').html('CNPJ <span class="red-text">*</span>')
                                        $('input[name=cpf_cnpj]').attr('placeholder', 'XX.XXX.XXX/XXXX-XX')
                                        $('input[name=cpf_cnpj]').mask('99.999.999/9999-99')
                                        $('input[name=document_type]').val('CNPJ')
                                      } else {
                                        $('label[data-tipo=cpf_cnpj]').html('Passport')
                                        $('input[name=cpf_cnpj]').attr('placeholder', 'Passport')
                                        $('input[name=cpf_cnpj]').unmask()
                                        $('input[name=document_type]').val('Passport')
                                      }
                                    })

                                    $('input[name=cpf_cnpj]').on('blur', function(){
                                      let tipoPessoa = $('#tipoPessoa option:selected').val()
                                      let strCPF = $('input[name=cpf_cnpj]').val() || "{!! auth()->user()->cpf_cnpj !!}";

                                      let testCPF = valida_cpf_cnpj(strCPF)//TestaCPF(strCPF)

                                      if (tipoPessoa === '') {
                                        testCPF = true
                                      }

                                      console.log('No blur', tipoPessoa, testCPF, strCPF)
                                      if(testCPF === false) {
                                        $("#modalAviso").on('show.bs.modal', function() {
                                          $('.modal-title').empty()
                                          $('.modal-title').html('CPF Inv&aacute;lido!!!')
                                          $('.modal-body').html('O n&uacute;mero do CPF, n&atilde;o &eacute; v&aacute;lido.')
                                        });
                                        $("#modalAviso").modal('show')
                                      } else {
                                        $('input[name=document_number]').val($(this).val())
                                      }
                                    })

                                    $('.ativa-cartao').on('click', function() {
                                      let periodo = $('input[name=horario_entrega]:checked').val()
                                      if (!periodo) {
                                        $("#modalAviso").on('show.bs.modal', function() {
                                          $('.modal-title').empty()
                                          $('.modal-title').html('Selecione a data da entrega')
                                          $('.modal-body').html('Selecione o período da entrega para prosseguir')
                                        });
                                        $("#modalAviso").modal('show')
                                        $('div.modal-dialog').addClass('modal-notify modal-warning')
                                        $('#modalAviso').modal('show')
                                      } else {
                                        $('#seqCartao').addClass('active')
                                        $('#seqCartao>span.label').addClass('text-success')
                                        $('#periodo').removeClass('show').removeClass('active').addClass('in')
                                        $('#cartao').addClass('show').addClass('active')
                                      }
                                    })

                                    $('.ativa-ret-periodo').on('click', function(){
                                      $('#seqCartao').removeClass('active')
                                      $('#seqCartao>span.label').removeClass('text-success')
                                      $('#periodo').addClass('show').addClass('active').removeClass('in')
                                      $('#cartao').removeClass('show').removeClass('active')
                                    })

                                    $('.ativa-cadastro').on('click', function(){
                                      let entrega_para = $('input[name=entrega_para]').val()
                                      let assinado = $('input[name=assinado]:checked').val()
                                      let tem_assinatura = false

                                      $('input[name=assinado]').each(function(){
                                        if($(this).prop('checked') === true){
                                          tem_assinatura = true
                                        }
                                      })

                                      console.log(assinado, tem_assinatura)

                                      if (!entrega_para) {
                                        $("#modalAviso").on('show.bs.modal', function() {
                                          $('#modalAviso').find('.modal-title').html('Preencha os dados da entrega')
                                          $('.modal-body').html('O nome da pessoa que irá receber, &eacute; obrigatório')
                                        });

                                        $('#modalAviso').addClass('p-5')
                                        $('div.modal-dialog').addClass('modal-notify modal-warning')
                                        $('#modalAviso').modal('show')
                                      }

                                      if (tem_assinatura === false) {
                                        $("#modalAviso").on('show.bs.modal', function() {
                                          $('.modal-body').html('Insira seu nome na assinatura')
                                        })
                                        $('#modalAviso').modal('show')
                                      } else if(assinado === 'assinado') {
                                        let assinatura = $('input[name=assinatura]').val()
                                        console.log(assinatura)
                                        if(assinatura === '') {
                                          $("#modalAviso").on('show.bs.modal', function() {
                                            $('#modalAviso').find('.modal-title').html('Marque se tem assinatura')
                                            $('.modal-body').html('Ou, insira seu nome na assinatura')
                                          })

                                          $('#modalAviso').addClass('p-5')
                                          $('div.modal-dialog').addClass('modal-notify modal-warning')

                                          $('#modalAviso').modal('show')
                                        } else {
                                          $('#seqCadastro').addClass('active')
                                          $('#seqCadastro>span.label').addClass('text-success')
                                          $('#cartao').removeClass('show').removeClass('active').addClass('in')
                                          $('#cadastro').addClass('show').addClass('active')
                                        }

                                      } else {
                                        $('#seqCadastro').addClass('active')
                                        $('#seqCadastro>span.label').addClass('text-success')
                                        $('#cartao').removeClass('show').removeClass('active').addClass('in')
                                        $('#cadastro').addClass('show').addClass('active')
                                      }
                                    })

                                    $('input[name=end_entrega]').on('click', function() {
                                      calculaFrete()
                                    })
                                    $('.ativa-pagamento').on('click', function(e){
                                      // e.preventDefault()
                                      let tipoPessoa = $('#tipoPessoa option:selected').val()
                                      let cpf_cnpj = $('input[name=cpf_cnpj]').val()
                                      let cobranca = $('input[name=end_cobranca]:checked').val()
                                      let entrega = $('input[name=end_entrega]:checked').val()
                                      let strCPF = $('input[name=cpf_cnpj]').val() || "{!! auth()->user()->cpf_cnpj !!}";

                                      let testCPF = valida_cpf_cnpj(strCPF)//TestaCPF(strCPF)

                                      if (tipoPessoa === '') {
                                        testCPF = true
                                      }

                                      console.log('ativa-pagamento->click', tipoPessoa, testCPF, strCPF)
                                      if(testCPF === false) {
                                        console.log('entra no modal')
                                        $("#modalAviso").on('show.bs.modal', function() {
                                          $('.modal-title').empty()
                                          $('.modal-title').html('CPF Inv&aacute;lido!!!')
                                          $('.modal-body').html('O n&uacute;mero do CPF, n&atilde;o &eacute; v&aacute;lido.')
                                        });
                                        $("#modalAviso").modal('show')
                                        return false
                                      }
                                      console.log({'CPF':cpf_cnpj, 'Cobranca': cobranca, 'Entrega': entrega})
                                      if(cobranca === 'undefined' || entrega === 'undefined' || cobranca === '' || entrega === '' || cpf_cnpj === '') {
                                        $('#modalObrigatorio').modal( 'show' )
                                        return false
                                      } else {
                                        let url = "{!! url('customer/update') !!}"
                                        let customer_id = "{!! auth()->id() !!}"
                                        let mobile = ''
                                        if(gera_so_boleto) {
                                          mobile = $('input[name=mobile]').val()
                                        }
                                        axios.post(url, {
                                          token          : token,
                                          customer_id    : parseInt(customer_id),
                                          cpf_cnpj       : cpf_cnpj,
                                          mobile         : mobile
                                        },
                                        {
                                          headers: {'Accept': 'application/json', 'X-Requested-With': 'XMLHttpRequest','Content-Type': 'application/json'},
                                          crossDomain: true
                                        })
                                        .then((response)=>{
                                          console.log('Status', response.status)
                                          $('#modalAviso').on('show.bs.modal', function (event) {
                                            var modal = $(this)
                                            modal.find('.modal-title').text('Informações gravadas')
                                            modal.find('.modal-body #modal-message').html('Prossiga com o pagamento.')
                                          })
                                          // $('#modalAviso').modal( 'show' )

                                        }).catch((error)=>{
                                          console.log('Error', error)
                                        })
                                        $('#pagamento').addClass('active')
                                        $('#seqPagamento>span.label').addClass('text-success')
                                        $('#seqPagamento').addClass('active')
                                        $('#cadastro').removeClass('show').removeClass('active').addClass('in')
                                        $('#pagamento').addClass('show').addClass('active')
                                      }
                                    })

                                    $('.seleciona_debito').hide()
                                    $('input[name=meio_pagamento]').on('click', function() {
                                      let meio_pagamento = $('input[name=meio_pagamento]:checked').val()
                                      let formato = { minimumFractionDigits: 2 }
                                      let vlFrete = $('input[name=frete]').val()
                                      vlFrete = parseFloat(vlFrete)

                                      let subTotal = $('input[name=total]').val()
                                      subTotal = parseFloat(subTotal)

                                      let preco_valido = parseFloat(subTotal) + parseFloat(vlFrete)
                                      let txt_parcela = preco_valido.toLocaleString('pt-BR', formato)
                                      if(meio_pagamento === 'debito') {
                                        $('.seleciona_credito').hide()
                                        $('.seleciona_debito').show()
                                        // $('.label_cartao_amex').hide()
                                        // $('.label_cartao_jcb').hide()
                                        // $('.label_cartao_discover').hide()
                                        // $('.label_cartao_diners').hide()
                                        $('select[name=num_parcelas] option[value=1]').attr('selected','selected')
                                        $('select[name=num_parcelas]').attr('disabled', true)
                                        let tTotal = $('input[name=total]').val();
                                        $('.show-parcelas').val(tTotal)
                                        $('input[name=mobile]').removeAttr('readonly')
                                        $('input[name=mobile]').mask('(99)9 9999-9999')
                                      } else {
                                        $('.seleciona_credito').show()
                                        $('.seleciona_debito').hide()
                                        // $('.label_cartao_amex').show()
                                        // $('.label_cartao_jcb').show()
                                        // $('.label_cartao_discover').show()
                                        // $('.label_cartao_diners').show()
                                        $('select[name=num_parcelas]').removeAttr('disabled')
                                        $('select[name=num_parcelas] option[value=1]').removeAttr('selected')
                                        $('input[name=mobile]').attr('readonly', true)
                                        $('input[name=mobile]').val("")
                                      }
                                    })

                                    $('input[name=tipo_pagamento]').on('click', function() {
                                      let tipo_pagamento = $('input[name=tipo_pagamento]:checked').val()
                                      let end_cobranca = $('input[name=end_cobranca]:checked').val()
                                      let order_id = $('input[name=order_id]').val()

                                      if(tipo_pagamento !== '' && tipo_pagamento !== 'undefined') {
                                        $('#tabEnviaPagamento').addClass('active')
                                        $('#tabEnviaPagamento>a>span.label').addClass('nativus-text')

                                        $('#concluirPagamentoReal').attr( 'href', '#enviaPagamento')
                                        $('#concluirPagamentoReal').attr( 'data-toggle', 'tab')
                                        $('#concluirPagamentoReal').attr( 'role', 'tab')
                                        $('#concluirPagamentoReal').trigger("click")

                                        if(tipo_pagamento === 'bank-transfer') {
                                          $('#incluiBankTransfer').show()
                                          $('#incluiRetirada').hide()
                                          $('#incluiOrcamento').hide()
                                          $('#incluiCielo').hide()
                                          $('#incluiNotification').hide()
                                          $('#incluieRede').hide()
                                          $('#incluiGetNet').hide()
                                          $('#incluiPagseguro').hide()
                                          $('#incluiPaypal').hide()
                                          $('#incluiStripe').hide()
                                          $('#formPagamento').attr('method', "POST")
                                          $('#formPagamento input[name=billing_address]').val(end_cobranca)
                                          if(order_id) {
                                            $('#formPagamento').attr('action', "{{ route('checkout.comprovante') }}").attr("enctype", "multipart/form-data")
                                          } else {
                                            $('#formPagamento').attr('action', "{{ route('bank-transfer.store') }}")
                                          }
                                        } else if(tipo_pagamento === 'orcamento') {
                                          $('#incluiOrcamento').show()
                                          $('#incluiRetirada').hide()
                                          $('#incluiBankTransfer').hide()
                                          $('#incluiNotification').hide()
                                          $('#incluiCielo').hide()
                                          $('#incluieRede').hide()
                                          $('#incluiGetNet').hide()
                                          $('#incluiPagseguro').hide()
                                          $('#incluiPaypal').hide()
                                          $('#incluiStripe').hide()
                                          $('#formPagamento').attr('method', "POST")
                                          $('#formPagamento input[name=billing_address]').val(end_cobranca)

                                          $('#formPagamento').attr('action', "{{ route('orcamento.store') }}")
                                        } else if(tipo_pagamento === 'retirada') {
                                          $('#incluiRetirada').show()
                                          $('#incluiOrcamento').hide()
                                          $('#incluiBankTransfer').hide()
                                          $('#incluiNotification').hide()
                                          $('#incluiCielo').hide()
                                          $('#incluieRede').hide()
                                          $('#incluiGetNet').hide()
                                          $('#incluiPagseguro').hide()
                                          $('#incluiPaypal').hide()
                                          $('#incluiStripe').hide()
                                          $('#formPagamento').attr('method', "POST")
                                          $('#formPagamento input[name=billing_address]').val(end_cobranca)

                                          $('#formPagamento').attr('action', "{{ route('retirada.store') }}")

                                        } else if(tipo_pagamento === 'notification') {
                                          $('#incluiNotification').show()
                                          $('#incluiRetirada').hide()
                                          $('#incluiOrcamento').hide()
                                          $('#incluiBankTransfer').hide()
                                          $('#incluiCielo').hide()
                                          $('#incluieRede').hide()
                                          $('#incluiGetNet').hide()
                                          $('#incluiPagseguro').hide()
                                          $('#incluiPaypal').hide()
                                          $('#incluiStripe').hide()
                                          $('#formPagamento').attr('method', "POST")
                                          $('#formPagamento input[name=billing_address]').val(end_cobranca)
                                          $('#formPagamento').attr('action', "{{ route('notification.store') }}")

                                        } else if (tipo_pagamento === 'cielo') {
                                          $('#incluiCielo').show()
                                          $('#incluiRetirada').hide()
                                          $('#incluieRede').hide()
                                          $('#incluiNotification').hide()
                                          $('#incluiOrcamento').hide()
                                          $('#incluiGetNet').hide()
                                          $('#incluiBankTransfer').hide()
                                          $('#incluiPagseguro').hide()
                                          $('#incluiPaypal').hide()
                                          $('#incluiStripe').hide()
                                          $('#formPagamento').attr('method', "POST")
                                          $('#formPagamento input[name=billing_address]').val(end_cobranca)
                                          $('#formPagamento').attr('action', "{{ route('cielo.storenew') }}")
                                        } else if (tipo_pagamento === 'erede') {
                                          $('#incluieRede').show()
                                          $('#incluiRetirada').hide()
                                          $('#incluiNotification').hide()
                                          $('#incluiCielo').hide()
                                          $('#incluiGetNet').hide()
                                          $('#incluiBankTransfer').hide()
                                          $('#incluiPagseguro').hide()
                                          $('#incluiPaypal').hide()
                                          $('#incluiStripe').hide()
                                          $('#formPagamento').attr('method', "POST")
                                          $('#formPagamento input[name=billing_address]').val(end_cobranca)
                                          $('#formPagamento').attr('action', "{{ route('erede.store') }}")
                                        } else if (tipo_pagamento === 'getnet') {
                                          $('#incluiGetNet').show()
                                          $('#incluiRetirada').hide()
                                          $('#incluiNotification').hide()
                                          $('#incluiCielo').hide()
                                          $('#incluieRede').hide()
                                          $('#incluiOrcamento').hide()
                                          $('#incluiBankTransfer').hide()
                                          $('#incluiPagseguro').hide()
                                          $('#incluiPaypal').hide()
                                          $('#incluiStripe').hide()
                                          $('#formPagamento').attr('method', "POST")
                                          $('#formPagamento input[name=billing_address]').val(end_cobranca)
                                          $('#formPagamento').attr('action', "{{ route('getnet.store') }}")
                                        } else if (tipo_pagamento === 'pagseguro') {
                                          $('#incluiPagseguro').removeAttr('style')
                                          $('#incluiPagseguro').show()
                                          $('#incluiRetirada').hide()
                                          $('#incluiNotification').hide()
                                          $('#incluiCielo').hide()
                                          $('#incluieRede').hide()
                                          $('#incluiOrcamento').hide()
                                          $('#incluiGetNet').hide()
                                          $('#incluiBankTransfer').hide()
                                          $('#incluiPaypal').hide()
                                          $('#incluiStripe').hide()
                                        } else if (tipo_pagamento === 'paypal') {
                                          $('#incluiPaypal').show()
                                          $('#incluiRetirada').hide()
                                          $('#incluiPagseguro').hide()
                                          $('#incluiCielo').hide()
                                          $('#incluiNotification').hide()
                                          $('#incluieRede').hide()
                                          $('#incluiOrcamento').hide()
                                          $('#incluiGetNet').hide()
                                          $('#incluiBankTransfer').hide()
                                          $('#incluiStripe').hide()
                                        } else if (tipo_pagamento === 'stripe') {
                                          $('#incluiStripe').show()
                                          $('#incluiRetirada').hide()
                                          $('#incluiPaypal').hide()
                                          $('#incluiNotification').hide()
                                          $('#incluiPagseguro').hide()
                                          $('#incluiCielo').hide()
                                          $('#incluieRede').hide()
                                          $('#incluiOrcamento').hide()
                                          $('#incluiGetNet').hide()
                                          $('#incluiBankTransfer').hide()
                                        }
                                      }
                                    })

                                    $('.btn-submit-orcamento').on('click', function(){
                                      $('#adicionandoCarrinho').on('shown.bs.modal', function (event) {
                                        var modal = $(this)
                                        modal.find('.modal-title').text('Registrando o seu orçamento')

                                        let txtModal = '<div class="d-flex align-items-center">'
                                          txtModal += '<strong>Aguarde, enquanto registramos seu orçamento...</strong>'
                                          txtModal += '<div class="ml-auto spinner-border" role="status" aria-hidden="true"></div>'
                                          txtModal += '</div>'
                                          modal.find('.modal-body').html(txtModal)
                                          modal.attr('data-backdrop', "true")
                                        })

                                        $('#adicionandoCarrinho').modal( 'show' )
                                      })

                                      $('input[name=end_cobranca]').on('click', function(){
                                        let cobranca = $('input[name=end_cobranca]:checked').val()
                                        $('input[name=address_id]').val(cobranca)
                                      })

                                      $('input[name=entrega]').on('click', function(){
                                        $('#adicionandoCarrinho').on('shown.bs.modal', function (event) {
                                          var modal = $(this)
                                          modal.find('.modal-title').text('Calculando o Frete')
                                          $(this).modal({
                                            backdrop: 'static'
                                          })
                                        })

                                        $('#adicionandoCarrinho').modal( 'show' )

                                        let entrega_id = $(this).data('address')
                                        let street = $(this).data('street')
                                        let number = $(this).data('number')
                                        let district = $(this).data('district')
                                        let city = $(this).data('city')
                                        let state = $(this).data('state')
                                        let country = $(this).data('country')
                                        let type = $(this).data('shipping')
                                        let vlFrete = $(this).data('valor')
                                        vlFrete = parseFloat(vlFrete)

                                        let subTotal = $('input[name=total]').val()
                                        subTotal = parseFloat(subTotal)

                                        let vlFinal = subTotal + vlFrete

                                        let formato = { minimumFractionDigits: 2 , style: 'currency', currency: 'BRL' }
                                        let num_parcelas = "{!! config('cart.parcelas') !!}"
                                        let parc_sem_juros = "{!! config('cart.parc_sem_juros') !!}"
                                        let juros_parcelas = "{!! config('cart.juros_parcelas') !!}"
                                        let valor_min_parcela = "{!! config('cart.valor_min_parcela') !!}"
                                        let preco_valido = parseFloat(subTotal) + parseFloat(vlFrete)
                                        let _optionParcela = '<option>Parcelas</option>'
                                        let valor_parcela = 0.00
                                        let txt_parcela = '1 x de ' + preco_valido.toLocaleString('pt-BR', formato)

                                        if(preco_valido > parseFloat(valor_min_parcela)) {
                                          for(p = 1 ; p <= num_parcelas; p++){
                                            valor_parcela = preco_valido / p
                                            if(p === 1){
                                              _optionParcela += '<option value="'+p+'" data-parcelas="'+ p +'" data-por-parcela="'+valor_parcela.toFixed(2)+'">'+p+'</option>'
                                              _opcParc += '<li class="list-group-item">'+p+' x de ' + valor_parcela.toLocaleString('pt-BR', formato) +' [total de '+valor_parcela.toLocaleString('pt-BR', formato)+']</li>'
                                              txt_parcela = ''+p+' x de ' + valor_parcela.toLocaleString('pt-BR', formato)
                                            } else {
                                              if(valor_parcela >= valor_min_parcela) {
                                                _optionParcela += '<option value="'+p+'" data-parcelas="'+ p +'" data-por-parcela="'+valor_parcela.toFixed(2)+'">'+p+'</option>'
                                                _opcParc += '<li class="list-group-item">'+p+' x de ' + valor_parcela.toLocaleString('pt-BR', formato) +' [total de '+valor_parcela.toLocaleString('pt-BR', formato)+']</li>'
                                                txt_parcela = ''+p+' x de ' + valor_parcela.toLocaleString('pt-BR', formato)
                                              }
                                            }
                                            txt_parcela = p + ' x de ' + valor_parcela.toLocaleString('pt-BR', formato)
                                          }
                                        } else {
                                          _optionParcela += '<option value="1" data-parcelas="1" data-porparcela="'+preco_valido.toFixed(2)+'">1</option>'
                                          _opcParc += '<li class="list-group-item">1 x de ' + preco_valido.toLocaleString('pt-BR', formato) +' [total de '+preco_valido.toLocaleString('pt-BR', formato)+']</li>'
                                          txt_parcela = '1 x de ' + preco_valido.toLocaleString('pt-BR', formato)
                                        }
                                        $('select[name=num_parcelas]').html(_optionParcela)

                                        $('.show-parcelas').val(txt_parcela)

                                        $('#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=entrega_id]').val(entrega_id)
                                        $('input[name=street]').val(street)
                                        $('input[name=number]').val(number)
                                        $('input[name=district]').val(district)
                                        $('input[name=city]').val(city)
                                        $('input[name=state]').val(state)
                                        $('input[name=country]').val(country)
                                        $('input[name=type]').val(type)
                                        if(entrega_id) {
                                          $('input[name=retirada]').val(0)
                                        }
                                        $('.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' )
                                        })

                                      })

                                      $('#cielo').on('click', function(){
                                        $('#formPagamento').attr('action', "{{ route('cielo.index') }}")
                                      })
                                      $('#bank-transfer').on('click', function(){
                                        $('#formPagamento').attr('action', "{{ route('bank-transfer.index') }}")
                                      })
                                      $('#stripe').on('click', function(){
                                        $('#formPagamento').attr('action', "{{ route('checkout.execute') }}")
                                      })

                                      $('.btn-pagseguro').on('click', function() {

                                        $('#adicionandoCarrinho').on('shown.bs.modal', function (event) {
                                          var modal = $(this)
                                          if(gera_so_boleto) {
                                            modal.find('.modal-title').text('Gerando o Boleto')
                                          } else {
                                            modal.find('.modal-title').text('Redirecionando para o PagSeguro')
                                          }
                                          let txtModal = '<div class="d-flex align-items-center">'
                                            txtModal += '<strong>Aguarde, enquanto redirecionamos para o pagseguro...</strong>'
                                            txtModal += '<div class="ml-auto spinner-border" role="status" aria-hidden="true"></div>'
                                            txtModal += '</div>'
                                            modal.find('.modal-body').html(txtModal)
                                            modal.attr('data-backdrop', "false")
                                            // $(this).modal({
                                              //   backdrop: false
                                              // })
                                            })

                                            $('#adicionandoCarrinho').modal( 'show' )

                                            let items = $('input[name=items]').val()
                                            let postalCode = $('input[name=postalCode]').val()
                                            let cost = $('input[name=frete]').val()
                                            let street = $('input[name=street]').val()
                                            let number = $('input[name=number]').val()
                                            let district = $('input[name=district]').val()
                                            let city = $('input[name=city]').val()
                                            let state = $('input[name=state]').val()
                                            let country = $('input[name=country]').val()
                                            let type = $('input[name=type]').val()
                                            let cpf_cnpj = $('input[name=cpf_cnpj]').val()
                                            let document_type = $('input[name=document_type]').val()
                                            let document_phone = $('input[name=document_phone]').val()
                                            let address_id = $('input[name=address_id]').val()
                                            let filial_id = $('input[name=filial_id]').val()
                                            let entrega_id = $('input[name=entrega_id]').val()
                                            let retirada = $('input[name=retirada]').val()
                                            let order_id = $('input[name=order_id]').val()
                                            let gera_so_boleto = $('input[name=gera_so_boleto]').val()
                                            let pagseguro_method = $('input[name=pagseguro_method]').val()

                                            let body = {items: items, cost: cost, postalCode: postalCode, street: street, number: number, district: district, city: city, state: state, country: country, type: type, cpf_cnpj: cpf_cnpj, document_type: document_type, phone: document_phone, address_id: address_id, filial_id: filial_id, entrega_id: entrega_id, order_id: order_id}

                                            if(gera_so_boleto) {
                                              axios({
                                                method: 'post',
                                                url: "{!! url('pagseguro/gera-boleto') !!}",
                                                data: body
                                              })
                                              .then(function (response) {
                                                let order_id = $('input[name=order_id]').val()
                                                console.log(response.data)
                                                if(response.data.errors) {
                                                  console.log(response.data.errors)
                                                } else {
                                                  let link = response.data.paymentLink
                                                  $(location).href = link
                                                  window.open(link,'Pagamento do Boleto','height=600,width=800')
                                                  $('#adicionandoCarrinho').modal( 'hide' )
                                                  $('#enviaPagamento').removeClass('active').removeClass('show')
                                                  let divBoleto = '<div id="linkBoleto">'
                                                    divBoleto += '<h3>Boleto gerado com sucesso!</h3>'
                                                    divBoleto += 'Para imprimir o boleto, <a href="'+link+'" target="_blank">clique aqui</a>.'
                                                    divBoleto += '</div>'
                                                    $('#exibeBoleto').html(divBoleto)
                                                    $('#exibeBoleto').addClass('active').addClass('show')
                                                    //window.location.href="{!! url('accounts/?tab=orders') !!}"
                                                  }
                                                })
                                                .catch(function (error) {
                                                  console.log(error);
                                                })
                                              } else {
                                                if(pagseguro_method === 'transparent') {
                                                  console.log('transparent')
                                                } else {
                                                  axios({
                                                    method: 'post',
                                                    url: "{!! url('pagseguro/envia-pagamento') !!}",
                                                    data: body
                                                  })
                                                  .then(function (response) {
                                                    let code = response.data.code
                                                    let pedido_id = response.data.pedido.id
                                                    console.log(response.data, pedido_id);

                                                    let callback = {
                                                      success : function(transactionCode) {
                                                        //Insira os comandos para quando o usuário finalizar o pagamento.
                                                        //O código da transaç&atilde;o estará na variável "transactionCode"
                                                        console.log("Compra feita com sucesso, código de transaç&atilde;o: " + transactionCode)
                                                        axios({
                                                          method: 'get',
                                                          url: "api/pagseguro/confirm/"+code+"/"+transactionCode
                                                        }).then(function (responseC) {
                                                          console.log(responseC)

                                                        })
                                                        .catch(function(error) {
                                                          console.log(error)
                                                        })
                                                      },
                                                      abort : function() {
                                                        //Insira os comandos para quando o usuário abandonar a tela de pagamento.
                                                        console.log("abortado")
                                                      }
                                                    }
                                                    $('#adicionandoCarrinho').modal( 'hide' )
                                                    //Chamada do lightbox passando o código de checkout e os comandos para o callback
                                                    let isOpenLightbox = PagSeguroLightbox(code, callback)
                                                    // Redireciona o comprador, caso o navegador n&atilde;o tenha suporte ao Lightbox
                                                    if (!isOpenLightbox){
                                                      $(location).href="https://pagseguro.uol.com.br/v2/checkout/payment.html?code=" + code
                                                    }

                                                    //$('#enviaPagamento').removeClass('active').removeClass('show').addClass('in')
                                                    //$('#resultadoPagamento').addClass('show').addClass('active')
                                                  })
                                                  .catch(function (error) {
                                                    console.log(error);
                                                  })
                                                }
                                              }
                                            })


                                            // ./ Fim Pagamento por PagSeguro

                                            $('input[name=mobile]').on('blur', function(){
                                              $('input[name=document_phone]').val($(this).val())
                                            })

                                            $('input[name=cpf_cnpj]').on('blur', function(){
                                              $('input[name=document_number]').val($(this).val())
                                              $('input[name=cpf_cnpj2]').val($(this).val())
                                            })

                                            $('#seguirPagamento').on('click', function(e) {
                                              // e.preventDefault()

                                              let tipoPessoa = $('#tipoPessoa option:selected').val()
                                              let phone = $('input[name=mobile]').val()
                                              let cpf_cnpj = $('input[name=cpf_cnpj]').val()
                                              let entrega = $('input[name=end_entrega]:checked').val()
                                              let cobranca = $('input[name=end_cobranca]:checked').val()

                                              let strCPF = $('input[name=cpf_cnpj]').val() || "{{ auth()->user()->cpf_cnpj }}"

                                              let testCPF = valida_cpf_cnpj(strCPF)//TestaCPF(strCPF)
                                              console.log("deu erro aqui", testCPF)
                                              if (tipoPessoa === '') {
                                                testCPF = true
                                              }

                                              console.log('seguirPagamento->onclick', tipoPessoa, testCPF, strCPF)
                                              if(testCPF === false) {
                                                console.log('entra no modal')
                                                $("#modalAviso").on('show.bs.modal', function() {
                                                  $('.modal-title').empty()
                                                  $('.modal-title').html('CPF Inv&aacute;lido!!!')
                                                  $('.modal-body').html('O n&uacute;mero do CPF, n&atilde;o &eacute; v&aacute;lido.')
                                                });
                                                $("#modalAviso").modal('show')
                                                return false
                                              }
                                              let orcamento = "{!! config('shipping.orcamento.ativo') !!}"
                                              let delivery = $('input[name=delivery]').val()
                                              console.log({'CPF':cpf_cnpj, 'Entrega': entrega, 'Orçamento': orcamento, 'Delivery': delivery})

                                              if ( orcamento === '0' && (typeof entrega === 'undefined' || entrega === '' || entrega === 'undefined') ) {
                                                if (delivery === '') {
                                                  $("#modalAviso").on('show.bs.modal', function() {
                                                    $('.modal-title').empty()
                                                    $('.modal-title').html('Informe endere&ccedil;o')
                                                    $('.modal-body').html('Informe o endere&ccedil;o de entrega.')
                                                  });
                                                  $("#modalAviso").modal('show')
                                                  console.log('erro na recuperação da entrega')
                                                  return false
                                                } else {
                                                  console.log('prossegue com o pagamento')
                                                  prosseguePagamento()
                                                }
                                              } else if (entrega === 'retirada') {
                                                let retirada = $('input[name=retirada]:checked').val()
                                                if(typeof retirada === 'undefined' || retirada === '') {
                                                  $("#modalAviso").on('show.bs.modal', function() {
                                                    $('.modal-title').empty()
                                                    $('.modal-title').html('Informe a loja')
                                                    $('.modal-body').html('Informe a loja para retirar.')
                                                  });
                                                  $("#modalAviso").modal('show')
                                                  return false
                                                } else {
                                                  console.log('Não possui retirada')
                                                  prosseguePagamento()
                                                }
                                              } else {
                                                console.log('A entrega não está marcada como retirada')
                                                prosseguePagamento()
                                              }
                                              console.log('sem nenhuma validação')
                                            })

                                            /* Pagando por boleto */
                                            $('.btn-boleto').on('click', function() {
                                              console.log('por boleto....')

                                              $('#modalEnviaPagamento').modal( 'show' )

                                              let items = $('input[name=items]').val()
                                              let postalCode = $('input[name=postalCode]').val()
                                              let frete = $('input[name=frete]').val()
                                              let street = $('input[name=street]').val()
                                              let number = $('input[name=number]').val()
                                              let district = $('input[name=district]').val()
                                              let city = $('input[name=city]').val()
                                              let state = $('input[name=state]').val()
                                              let country = $('input[name=country]').val()
                                              let type = $('input[name=type]').val()
                                              let cpf_cnpj = $('input[name=cpf_cnpj]').val()
                                              let document_type = $('input[name=document_type]').val()
                                              let address_id = $('input[name=address_id]').val()
                                              let entrega_id = $('input[name=entrega_id]').val()
                                              let filial_id = $('input[name=filial_id]').val()
                                              let retirada = $('input[name=retirada]').val()
                                              let order_id = $('input[name=order_id]').val()
                                              let meio_pagamento = $('input[name=meio_pagamento]:checked').val()
                                              let total = $('input[name=total]').val()
                                              let discount = $('input[name=discount]').val()

                                              let body = {items: items, frete: frete, postalCode: postalCode, street: street, number: number, district: district, city: city, state: state, country: country, type: type, cpf_cnpj: cpf_cnpj, document_type: document_type, address_id: address_id, entrega_id: entrega_id, filial_id:filial_id, order_id: order_id, meio_pagamento: meio_pagamento, total: total, discount:discount}

                                              axios({
                                                method: 'post',
                                                url: "{!! url('getnet') !!}",
                                                data: body
                                              })
                                              .then(function (response) {
                                                console.log('Retorno do pagamento', response.data);
                                                $('.linha_digitavel').html(response.data.linha)
                                                $('.link_boleto').html('<a href="'+response.data.boleto+'" target="_blank">Clique para baixar seu boleto</a>')
                                                $('#modalEnviaPagamento').modal( 'hide' )
                                                $("#modalAviso").on('show.bs.modal', function() {
                                                  $("#modalAviso").find('.modal-title').empty()
                                                  $("#modalAviso").find('.modal-title').html('Boleto Gerado com sucesso')
                                                  $("#modalAviso").find('.modal-body').html('<a href="'+response.data.boleto+'" target="_blank">Clique para baixar seu boleto</a>')
                                                });
                                                $("#modalAviso").modal('show')
                                              })
                                              .catch(function (error) {
                                                $('#modalEnviaPagamento').modal( 'hide' )
                                                console.log('ERROR', error);
                                                $("#modalAviso").on('show.bs.modal', function() {
                                                  $("#modalAviso").find('.modal-title').empty()
                                                  $("#modalAviso").find('.modal-title').html('Erro ao gerar Boleto')
                                                  $("#modalAviso").find('.modal-body').html(error)
                                                });
                                                $("#modalAviso").modal('show')
                                              })
                                            })
                                            /* ./Pagando por Boleto */

                                            $('#resgatar').on('click', function(e){
                                              e.preventDefault()
                                              let formato = { minimumFractionDigits: 2 }
                                              let codigoVoucher = $('input[name=codigoVoucher]').val()
                                              let subTotal = $('input[name=subTotal]').val()
                                              //subTotal = parseFloat(subTotal)
                                              let valorPedido = $('input[name=total]').val()
                                              let valorDesconto = 0.00
                                              let temVoucher = false
                                              console.log('Valor SubTotal ', subTotal)
                                              if(codigoVoucher === ''){
                                                $('#modalCupom').modal('show')
                                              } else {
                                                // Documentação:
                                                // tipo:
                                                //     I = Índice (percentual)
                                                //     P = Produto (percentual) - precisa ler também, qual o item está associado ou age em qq item, mas uma única vez (promoção de primeira compra)
                                                //     V = Valor do produto
                                                //     F = Frete Gratis
                                                //     Se o campo qtde = '-1', isto quer dizer que não existe limite para usar
                                                //     Observar o campo valor mínimo e o campo da data de validade do cumpom, mesmo que já esteja validado no sistema

                                                let novoValor = valorPedido
                                                axios.get("{!! url('api/voucher-valido') !!}")
                                                .then((response)=>{
                                                  $.each(response.data, function(idx, v){
                                                    console.log('Voucher ', v)
                                                    if(v.voucher_nome === codigoVoucher) {
                                                      temVoucher = true
                                                      $(".codigo").html(v.voucher_voucher)
                                                      $('input[name=id_voucher]').val(v.voucher_id)
                                                      $('input[name=discount]').val(v.voucher_valor)
                                                      if(v.voucher_tipo === 'I') {
                                                        valorDesconto = parseFloat(subTotal) * (parseFloat(v.voucher_valor) / 100)
                                                        novoValor = parseFloat(subTotal) - parseFloat(valorDesconto)
                                                      }
                                                    }
                                                  })
                                                  if(temVoucher) {
                                                    $('#resgatar').addClass('disabled')
                                                  } else {
                                                    $('#resgatar').removeClass('disabled')
                                                  }
                                                  $('input[name=vlPromocao]').val(parseFloat(valorDesconto))
                                                  $('.valorPromocao').html(valorDesconto.toLocaleString('pt-BR', formato))
                                                  $(".novoValor").html(novoValor.toLocaleString('pt-BR'))
                                                  $("input[name=total]").val(novoValor.toLocaleString('pt-BR'))
                                                  $('#modalVoucher').modal('show')

                                                  console.log('Tem voucher?', temVoucher)
                                                  //calculaFrete()
                                                  calculaSomatorio()
                                                })
                                                .catch(function (error) {
                                                  // handle error
                                                  console.log(error)
                                                })
                                                .then(function () {
                                                  // always executed
                                                })
                                              }

                                            })

                                            $('input[name=codigoVoucher]').on('blur', function(){
                                              $('#resgatar').removeClass('disabled')
                                            })

                                            $(".datepicker").datepicker({
                                              dateFormat: 'mm/yy',
                                              minDate: new Date(),
                                              changeMonth: true,
                                              changeYear: true,
                                              showButtonPanel: true,
                                              monthNamesShort: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'],
                                              prevText: '&#x3c;Anterior',
                                              nextText: 'Pr&oacute;ximo&#x3e;',
                                              weekHeader: 'Sm',
                                              currentText: 'Hoje',
                                              doneText: 'Ok',
                                              closeText: 'Fechar',

                                              onClose: function(dateText, inst) {
                                                var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
                                                var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
                                                $(this).val($.datepicker.formatDate('mm/yy', new Date(year, month, 1)));
                                              },

                                              onChangeMonthYear: function (year, month, inst) {
                                                $(this).val($.datepicker.formatDate('mm/yy', new Date(year, month - 1, 1)));
                                              },

                                            })

                                            $(".datepicker").focus(function () {
                                              $(".ui-datepicker-calendar").hide();
                                              $("#ui-datepicker-div").position({
                                                my: "center top",
                                                at: "center bottom",
                                                of: $(this)
                                              })
                                            })

                                            $('select[name=num_parcelas]').on('change', function(){
                                              let formato = { minimumFractionDigits: 2 }
                                              let parcela = $(this).children("option:selected").data('parcelas')
                                              let val_parcela = $(this).children("option:selected").data('porparcela')
                                              let txt_parcela = parcela + ' x de ' + val_parcela.toLocaleString('pt-br', formato)
                                              $('.show-parcelas').val(txt_parcela)
                                            })

                                            $('.finalizar-compra>button[type=submit]').on('click', function(e){
                                              e.preventDefault()
                                              let textModal = ''
                                              let order_id = $('input[name=order_id]').val()
                                              let meio_pagamento = $('input[name=meio_pagamento]:checked').val()
                                              let brand_card = $('input[name=brand_card]:checked').val()
                                              let nome_completo =$('input[name=nome_completo]').val()
                                              let birthday =$('input[name=birthday]').val()
                                              let numero_cartao =$('input[name=numero_cartao]').val()
                                              let cvv =$('input[name=cvv]').val()
                                              let validade_cartao =$('input[name=validade_cartao]').val()
                                              let num_parcelas =$('select[name=num_parcelas] option:selected').val()
                                              let num_documento =$('input[name=rg]').val()
                                              let cpf_cnpj = $('input[name=cpf_cnpj2]').val()
                                              let mobile =$('input[name=mobile]').val()
                                              let error = false
                                              console.log("outro erro aqui", cpf_cnpj)
                                              console.log('Parcela', num_parcelas);
                                              if(meio_pagamento === 'debito' && mobile === '') {
                                                error = true
                                                textModal += 'Preencha o número de contato <br>'
                                              }
                                              if(meio_pagamento === '') {
                                                error = true
                                                textModal += 'Selecione se &eacute; cr&eacute;dito ou d&eacute;bito <br>'
                                              }
                                              if(brand_card === '') {
                                                error = true
                                                textModal += 'Selecione a bandeira de seu cart&atilde;o <br>'
                                              }
                                              if(nome_completo === '') {
                                                error = true
                                                textModal += 'Preencha o nome do titular do cart&atilde;o <br>'
                                              }
                                              if(birthday === '') {
                                                error = true
                                                textModal += 'Preencha a data de anivers&aacute;rio do titular <br>'
                                              }
                                              if(numero_cartao === '') {
                                                error = true
                                                textModal += 'Preencha o n&uacute;mero do cart&atilde;o <br>'
                                              }
                                              if(cvv === '') {
                                                error = true
                                                textModal += 'Informe o c&oacute;digo de seguran&ccedil;a do cart&atilde;o <br>'
                                              }
                                              if(validade_cartao === '') {
                                                error = true
                                                textModal += 'Informe data de validade do cart&atilde;o <br>'
                                              }
                                              if(num_parcelas === '') {
                                                error = true
                                                textModal += 'Selecione o n&uacute;mero de parcelas <br>'
                                              }
                                              if(num_parcelas === 'null') {
                                                error = true
                                                textModal += 'Selecione o n&uacute;mero de parcelas <br>'
                                              }
                                              if(num_parcelas === 'undefined') {
                                                error = true
                                                textModal += 'Selecione o n&uacute;mero de parcelas <br>'
                                              }
                                              if(cpf_cnpj === '') {
                                                error = true
                                                textModal += 'Informe o CPF / CNPJ do titular do cart&atilde;o <br>'
                                              }
                                              /* if(num_documento === '') {
                                                error = true
                                                textModal += 'Informe o n&uacute;mero do documento do Titular do cart&atilde;o <br>'
                                              } */

                                              $("#modalAviso").on('show.bs.modal', function(){
                                                $('#modalAviso').find('#modalAvisoLabel').html('Reveja os campos')
                                                $('#modalAviso').find("#modal-message").html(textModal)
                                              });

                                              $("#modalEnviaPagamento").on('show.bs.modal', function(){
                                                $('#modal-message').html('Estamos processando seu pagamento, aguarde...')
                                              });

                                              if(error) {
                                                $('#modalAviso').modal( 'show' )
                                              } else {
                                                $('#modalEnviaPagamento').modal( 'show' )
                                                $('#formPagamento').submit();
                                              }
                                            })

                                            $('.novoPagamento').on('click', function() {
                                              let entrega = $('input[name=end_entrega]:checked')
                                              console.log(entrega.val())

                                              let cep = entrega.data('cep') //="81.830-010"
                                              let street = entrega.data('street') //="Rua Basílio Fuck"
                                              let number = entrega.data('number') //="123"
                                              let city = entrega.data('city') //="Curitiba"
                                              let district = entrega.data('district') //="Xaxim"
                                              let state = entrega.data('state') //="PR"
                                              let country = entrega.data('country') //="BRA"
                                              let shipping = entrega.data('shipping') //=" 2 "
                                              let address = entrega.data('address') //="11296"
                                              let valor = entrega.data('valor') //="29.13"
                                              let servico = entrega.data('servico') //="Rodonaves (RTE1)"
                                              let codigo = entrega.data('codigo') //="RTE1"
                                              let dataentrega = entrega.data('dataentrega') //="21/07/2020">
                                              let subTotal = $('input[name=subTotal]').val()
                                              let orderId = $('input[name=order_id]').val()
                                              let desconto = $('input[name=vlPromocao]').val()

                                              if (entrega.val() === '' || typeof entrega.val() === 'undefined') {

                                                $("#modalAviso").on('show.bs.modal', function(){
                                                  $('#modalAviso').find('#modalAvisoLabel').html('Selecione o frete')
                                                  $('#modalAviso').find("#modal-message").html('Selecione o tipo de entrega')
                                                })
                                                $('#modalAviso').modal( 'show' )
                                                return false

                                              } else {
                                                if(entrega.val() === 'retirada') {
                                                  let retirada = $('input[name=retirada]:checked')
                                                  let cep = retirada.data('cep') //="81.830-010"
                                                  let street = retirada.data('street') //="Rua Basílio Fuck"
                                                  let number = retirada.data('number') //="123"
                                                  let city = retirada.data('city') //="Curitiba"
                                                  let district = retirada.data('district') //="Xaxim"
                                                  let state = retirada.data('state') //="PR"
                                                  let country = retirada.data('country') //="BRA"
                                                  let shipping = retirada.data('shipping') //=" 2 "
                                                  let address = retirada.data('address') //="11296"
                                                  let valor = retirada.data('valor') //="29.13"
                                                  let servico = retirada.data('servico') //="Rodonaves (RTE1)"
                                                  let codigo = retirada.data('codigo') //="RTE1"
                                                  let dataentrega = retirada.data('dataentrega') //="21/07/2020">

                                                  let formPayment = '<form action="{!! route('create.checkout.payment') !!}" method="post" id="createPayment">'
                                                    formPayment += '<input type="hidden" name="_token" value="'+token.content+'">'
                                                    formPayment += '<input type="hidden" name="cep" value="'+cep+'">'
                                                    formPayment += '<input type="hidden" name="street" value="'+street+'">'
                                                    formPayment += '<input type="hidden" name="number" value="'+number+'">'
                                                    formPayment += '<input type="hidden" name="city" value="'+city+'">'
                                                    formPayment += '<input type="hidden" name="district" value="'+district+'">'
                                                    formPayment += '<input type="hidden" name="state" value="'+state+'">'
                                                    formPayment += '<input type="hidden" name="country" value="'+country+'">'
                                                    formPayment += '<input type="hidden" name="shipping" value="'+shipping+'">'
                                                    formPayment += '<input type="hidden" name="address" value="'+address+'">'
                                                    formPayment += '<input type="hidden" name="valor" value="'+valor+'">'
                                                    formPayment += '<input type="hidden" name="servico" value="'+servico+'">'
                                                    formPayment += '<input type="hidden" name="codigo" value="'+codigo+'">'
                                                    formPayment += '<input type="hidden" name="dataentrega" value="'+dataentrega+'">'
                                                    formPayment += '<input type="hidden" name="subTotal" value="'+subTotal+'">'
                                                    formPayment += '<input type="hidden" name="order_id" value="'+orderId+'">'
                                                    formPayment += '<input type="hidden" name="desconto" value="'+desconto+'">'

                                                    formPayment += '</form>'
                                                    $('#formPagamento').prepend(formPayment)
                                                  } else {
                                                    let formPayment = '<form action="{!! route('create.checkout.payment') !!}" method="post" id="createPayment">'
                                                      formPayment += '<input type="hidden" name="_token" value="'+token.content+'">'
                                                      formPayment += '<input type="hidden" name="cep" value="'+cep+'">'
                                                      formPayment += '<input type="hidden" name="street" value="'+street+'">'
                                                      formPayment += '<input type="hidden" name="number" value="'+number+'">'
                                                      formPayment += '<input type="hidden" name="city" value="'+city+'">'
                                                      formPayment += '<input type="hidden" name="district" value="'+district+'">'
                                                      formPayment += '<input type="hidden" name="state" value="'+state+'">'
                                                      formPayment += '<input type="hidden" name="country" value="'+country+'">'
                                                      formPayment += '<input type="hidden" name="shipping" value="'+shipping+'">'
                                                      formPayment += '<input type="hidden" name="address" value="'+address+'">'
                                                      formPayment += '<input type="hidden" name="valor" value="'+valor+'">'
                                                      formPayment += '<input type="hidden" name="servico" value="'+servico+'">'
                                                      formPayment += '<input type="hidden" name="codigo" value="'+codigo+'">'
                                                      formPayment += '<input type="hidden" name="dataentrega" value="'+dataentrega+'">'
                                                      formPayment += '<input type="hidden" name="subTotal" value="'+subTotal+'">'
                                                      formPayment += '<input type="hidden" name="order_id" value="'+orderId+'">'
                                                      formPayment += '<input type="hidden" name="desconto" value="'+desconto+'">'

                                                      formPayment += '</form>'
                                                      $('#formPagamento').prepend(formPayment)
                                                    }
                                                    $("#modalAviso").on('show.bs.modal', function(){
                                                      $('#modalAviso').find('#modalAvisoLabel').html('Redirecionando para o pagamento')
                                                      $('#modalAviso').find("#modal-message").html('Estamos redirecionando para o pagamento, aguarde...')
                                                    })
                                                    $('#modalAviso').modal( 'show' )
                                                    $('#createPayment').submit()
                                                  }
                                                })

                                                $('.pay-transfer').on('click', function(e){
                                                  e.preventDefault()
                                                  $("#modalEnviaPagamento").on('show.bs.modal', function(){
                                                    $('#modal-message').html('Estamos processando seu pagamento, aguarde...')
                                                  });
                                                  $('#modalEnviaPagamento').modal( 'show' )

                                                  $('input[name=entrega]').removeAttr('required')
                                                  $('input[name=end_cobranca]').removeAttr('required')
                                                  $('#formPagamento').submit()
                                                })

                                                $('.pay-transfer-2').on('click', function(e){
                                                  e.preventDefault()
                                                  $("#modalEnviaPagamento").on('show.bs.modal', function(){
                                                    $('#modal-message').html('Estamos processando seu pagamento, aguarde...')
                                                  });
                                                  $('#modalEnviaPagamento').modal( 'show' )

                                                  $('input[name=entrega]').removeAttr('required')
                                                  $('input[name=end_cobranca]').removeAttr('required')
                                                  $('#formPagamento').submit()
                                                })


                                                $('#PagamentoCredito').on('click', function(){
                                                  $('.cartao').show()
                                                })
                                                $('#PagamentoDebito').on('click', function(){
                                                  $('.cartao').show()
                                                })
                                                $('#PagamentoBoleto').on('click', function(){
                                                  $('.cartao').hide()
                                                })

                                                /* Esta parte abaixo, é para quando já tiver feito um pedido com pagamento por transferencia, cair direto na tela de envio de comprovante. */
                                                let payment = $('input[name=payment]').val()
                                                let order_id = $('input[name=order_id]').val()

                                                if ( (order_id !== '') && (payment !== '') && (payment === 'transferencia-bancaria') ) {
                                                  console.log(payment)
                                                  $('input[name=nome_completo]').removeAttr('required')
                                                  $('input[name=birthday]').removeAttr('required')
                                                  $('input[name=numero_cartao]').removeAttr('required')
                                                  $('input[name=cvv]').removeAttr('required')
                                                  $('input[name=mobile]').removeAttr('required')
                                                  $('#tipo_pagamento_bank-transfer').trigger( "click" )
                                                }
                                              })

                                            </script>
                                            @endsection