@extends('layouts.front.app')
@section('css')

<link href="{{ asset('css/jquery-ui.min.css') }}" rel="stylesheet">
<style media="screen">
  li>a.nav-link.active {
    background-color: white !important;
    border: 1px gray solid;
    color: blue !important;
  }
</style>
@if (config('clearsale.fingerprint'))

<script type="text/javascript">
  (function (a, b, c, d, e, f, g) {
    a['CsdpObject'] = e; a[e] = a[e] || function () {
      (a[e].q = a[e].q || []).push(arguments)
    }, a[e].l = 1 * new Date(); f = b.createElement(c),
    g = b.getElementsByTagName(c)[0]; f.async = 1; f.src = d; g.parentNode.insertBefore(f, g)
  })(window, document, 'script', '//device.clearsale.com.br/p/fp.js', 'csdp');
  csdp('app', "{!! config('clearsale.fingerprint') !!}");
  csdp('sessionid', "{!! session()->getId() !!}");
</script>

@endif

@endsection

@section('content')
<section>
  <!--Modal: modalPagseguro-->
  <div class="modal fade" id="modalPagseguro" tabindex="-1" role="dialog" aria-labelledby="modalPagseguro" aria-hidden="true" data-mdb-backdrop="false" data-mdb-keyboard="false">
    <div class="modal-dialog modal-lg modal-dialog-centered" role="document">

      <!--Content-->
      <div class="modal-content">

        <!--Body-->
        <div class="p-0 mb-0 modal-body">

          <div class="embed-responsive embed-responsive-16by9 z-depth-1-half iframe-pagseguro">
            <div class="spinner-border" style="width: 3rem; height: 3rem;" role="status">
              <span class="sr-only">Processando...</span>
            </div>
          </div>

        </div>
      </div>
    </div>
  </div>
  <!--Modal: modalPagseguro-->
</section>
<section>
  <div class="container mt-5">
    @php
    use Illuminate\Support\Str;
    use App\Shop\Orders\Order;
    $formaPagamento = explode(",", config('payees.name'));
    $order_id = '';
    $order = null;
    $valFrete = ($valorFrete) ?? 0.00;
    $valTotal = ($total) ?? 0;
    $desconto = request()->desconto ?? 0.00;
    $subtotal = floatVal(request()->subTotal);

    $order_id = request()->id;

    if(isset($order_id)) {
      $order_id = $order_id;
      $pedido = Order::find($order_id);
    }

    if (isset($pedido)) {
      // $valFrete = floatval($pedido->total_shipping);
      $valTotal = floatval($pedido->total);
    }

    if (session()->has('delivery')) {
      $valFrete = session('delivery')["w_pedido_vl_frete"];
      $valTotal = floatval($valFrete) + floatval($cartTotal);
    }
    $valTotal = floatVal(request()->subTotal) - floatVal($desconto) + $valFrete;
    $total = $valTotal;
    $valorTotal = $valTotal;
    @endphp
    @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

    <input type="hidden" name="pgto_pagseguro"value="1">
    <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="{{ $getCartItems }}">
    <input type="hidden" name="address_id" value="@if($order_id){!! $pedido->address->id !!}@endif">
    <input type="hidden" name="entrega_id" value="@if($order_id && $pedido->entrega){!! $pedido->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') !!}" />
    @if (session()->has('delivery'))
    <input type="hidden" name="frete" value="{!! request()->session()->get('delivery')['w_pedido_vl_frete'] !!}">
    <input type="hidden" name="postalCode" value="{!! request()->session()->get('delivery')['w_pedido_entrega_cep'] !!}">
    <input type="hidden" name="street" value="{!! request()->session()->get('delivery')['w_pedido_entrega_logr'] !!}">
    <input type="hidden" name="number" value="{!! request()->session()->get('delivery')['w_pedido_entrega_numero'] !!}">
    <input type="hidden" name="district" value="{!! request()->session()->get('delivery')['w_pedido_entrega_bairro'] !!}">
    <input type="hidden" name="city" value="{!! request()->session()->get('delivery')['w_pedido_entrega_munic'] !!}">
    <input type="hidden" name="state" value="{!! request()->session()->get('delivery')['w_pedido_entrega_uf'] !!}">
    <input type="hidden" name="cost" value="{!! request()->session()->get('delivery')['w_pedido_vl_frete'] !!}">
    <input type="hidden" name="type" value="{!! request()->session()->get('delivery')['w_pedido_entrega_nome'] !!}">
    @else
    <input type="hidden" name="frete" value="@if($order_id){!! $pedido->total_shipping !!}@endif">
    <input type="hidden" name="postalCode" value="@if($order_id){!! $pedido->address->zip !!}@endif">
    <input type="hidden" name="street" value="@if($order_id){!! $pedido->address->address_1 !!}@endif">
    <input type="hidden" name="number" value="@if($order_id){!! $pedido->address->numero !!}@endif">
    <input type="hidden" name="district" value="@if($order_id){!! $pedido->address->address_2 !!}@endif">
    <input type="hidden" name="city" value="@if($order_id){!! $pedido->address->cidade->nome_municipio !!}@endif">
    <input type="hidden" name="state" value="@if($order_id){!! $pedido->address->cidade->uf !!}@endif">
    <input type="hidden" name="cost" value="@if($order_id){!! $pedido->total_shipping !!}@endif">
    <input type="hidden" name="type" value="@if($order_id){!! $pedido->courier_id !!}@endif">
    @endif
    <input type="hidden" name="country" value="BRA">
    <input type="hidden" name="discount" value="@if($order_id){!! $pedido->discounts !!}@elseif($desconto > 0){!! $desconto !!}@endif">
    <input type="hidden" name="order_id" value="{!! ($order_id) ?? null !!}">
    <input type="hidden" name="payment" value="{!! ($order_id) ? $pedido->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">     <div class="row">
      <div class="col-lg-8">
        <div class="text-center card show-pagseguro">
          <div class="card-header">
            <img class="img-fluid" src="{{ asset('storage/logos/pagseguro.png') }}">
          </div>
          <div class="card-body">
            <h5 class="card-title">
              <div class="custom-control custom-radio custom-control-inline">
                <input type="radio" class="custom-control-input" id="PagamentoPagSeguro" name="meio_pagamento" value="pagseguro" checked>
                <label class="custom-control-label font-weight-bolder" for="PagamentoPagSeguro">Pagamento através do PagSeguro</label>
              </div>
            </h5>
            <p class="card-text">Ao Clicar no botão abaixo, você será redirecionado para um ambiente seguro de pagamento.</p>
            <p class="card-text">Após a conclusão do pagamento, esta tela será atualizada.</p>
            <a href="#!" class="btn box-green btn-pagseguro">Ir ao PagSeguro</a>
          </div>
          <div class="card-footer text-muted">
            Aguarde ser redirecionado
          </div>
        </div>

        <div class="text-center card show-boleto-pagseguro">
          <div class="card-header">
            <img class="img-fluid show-pagseguro" src="{{ asset('storage/logos/pagseguro.png') }}">
          </div>
          <div class="card-body">
            <h5 class="card-title">
              <div class="custom-control custom-radio custom-control-inline">
                <input type="radio" class="custom-control-input" id="PagamentoBoletoPagSeguro" name="meio_pagamento" value="boleto">
                <label class="custom-control-label font-weight-bolder" for="PagamentoBoletoPagSeguro">Pagamento através do PagSeguro</label>
              </div>
            </h5>
            <p class="card-text">Ao Clicar no botão abaixo, você será gerado um boleto para você.</p>
            <p class="card-text">Após a geração, esta tela será atualizada.</p>
            <a href="#!" class="btn box-green btn-pagseguro">Gerar Boleto</a>
          </div>
          <div class="card-footer text-muted">
            Aguarde a atualização desta tela
          </div>
        </div>


      </div>
      <div class="col-lg-4">

        <div class="rounded shadow-1-strong">

          <h4 class="p-3 text-center font-weight-bolder fosco-text font-nunito">Resumo</h4>

          <ul class="list-group list-group-flush">

            @if ($getCartItems && $getCartItems->count() > 0)
            <input type="hidden" name="items" value="{{ $getCartItems }}">
            <li class="list-group-item">
              <h6 class="font-weight-bolder fosco-text">Itens</h6>
              <hr>
              @foreach($getCartItems 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>
                  @else
                  @if(isset($product->qty))
                  <small>{{ $product->qty }} x</small>
                  @endif
                  @endif
                </dd>
                <dd class="text-right col-sm">
                  <em>{{ config('cart.currency_symbol') }} {{ number_format($product->price, 2, ',', '.') }}</em>
                </dd>
              </dl>

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

              @endforeach
            </li>

            <li class="list-group-item">
              <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)

              @endif
            </li>
            <li class="list-group-item">
              <dl class="row">
                <dd class="col-sm-5">
                  <strong>Frete</strong>
                </dd>
                <dd class="text-right col-sm">
                  <strong>{{ config('cart.currency_symbol') }} {{ number_format(floatval($valFrete), 2, ",", ".") }}</strong>
                </dd>
              </dl>
            </li>
            <li class="list-group-item">
              <dl class="row">
                <dd class="col-sm-5">
                  <strong>Total</strong>
                </dd>
                <dd class="text-right col-sm">
                  <strong>{{ config('cart.currency_symbol') }} {{ number_format($valTotal, 2, ",", ".") }}</strong>
                </dd>
              </dl>
            </li>
            @endif
            @if (isset($pedido))
            <li class="list-group-item">
              <h6 class="card-subtitle text-muted">Produtos no pedido</h6>
              <hr>
              @foreach($pedido->products as $product)

              <dl class="row">
                <dd class="col-sm-5">
                  <small>{{ $product->name }}</small>
                  @if ($product->attributes->count() > 0)

                  @endif
                </dd>
                <dd class="text-right col-sm-2">
                  @if(isset($product->pivot))
                  <small>{{ $product->pivot->quantity }} x</small>
                  @else
                  @if(isset($product->qty))
                  <small>{{ $product->qty }} x</small>
                  @endif
                  @endif
                </dd>
                <dd class="text-right col-sm">
                  <em>{{ config('cart.currency_symbol') }} {{ number_format(floatval($product->price), 2, ',', '.') }}</em>
                </dd>
              </dl>
              <input type="hidden" name="peso_total" value="{{ floatVal($product->weight) }}">

              @endforeach
            </li>

            <li class="list-group-item">
              <dl class="row">
                <dd class="col-sm-5">
                  <strong>Frete</strong>
                </dd>
                <dd class="text-right col-sm">
                  <strong>{{ config('cart.currency_symbol') }}
                    {{ number_format(floatval($pedido->total_shipping), 2, ",", ".") }}</strong>
                  </dd>
                </dl>
              </li>
              <li class="list-group-item">
                <dl class="row">
                  <dd class="col-sm-5">
                    <strong>Total</strong>
                  </dd>
                  <dd class="text-right col-sm">
                    <strong>{{ config('cart.currency_symbol') }} {{ number_format(floatval($pedido->total), 2, ",", ".") }}</strong>
                    <input type="hidden" name="priceTT" value="{{ $pedido->total }}">
                  </dd>
                </dl>
              </li>
              @endif

              @if(session()->has('delivery'))
              @php
              $valFrete = session('delivery')["w_pedido_vl_frete"];
              $delivery = collect(session('delivery'));
              @endphp
              <li class="list-group-item">
                @if (intval($delivery["w_pedido_entr_tipo"]) === 2)
                <h6 class="mb-2 card-subtitle text-muted">Dados da entrega</h6>
                @else
                <h6 class="mb-2 card-subtitle text-muted">Pedido a ser retirado</h6>
                @endif
                <hr>
                <ul class="list-group list-group-flush">
                  @php

                  $periodo = ($delivery["w_pedido_id_entr_periodo"] === 1) ? 'pela manhã' : 'na parte da tarde';
                  $comp = ($delivery["w_pedido_entrega_complem"]) ? "(" . $delivery["w_pedido_entrega_complem"] .")" : "";
                  $endereco = $delivery["w_pedido_entrega_logr"] . ", " . $delivery["w_pedido_entrega_numero"] . $comp . " -
                  " . $delivery["w_pedido_entrega_bairro"] . "<br>";
                  $endereco .= "CEP: ". $delivery["w_pedido_entrega_cep"] . "-" . $delivery["w_pedido_entrega_munic"]
                  ."/".$delivery["w_pedido_entrega_uf"] ;

                  @endphp
                  @if (intval($delivery["w_pedido_entr_tipo"]) === 2)
                  <li class="list-group-item">Entregar para: <strong>{{$delivery["w_pedido_entrega_nome"]}}</strong></li>
                  <li class="list-group-item">Entregar no dia: <strong>{{$delivery["w_pedido_data_saida"]}}</strong></li>
                  <li class="list-group-item">Per&iacute;odo <strong>{{$periodo}}</strong></li>
                  <li class="list-group-item">
                    Local da entrega: <strong>{!! $endereco !!} </strong>
                  </li>
                  <li class="list-group-item">Refer&ecirc;ncia <strong>{{$delivery["w_pedido_entrega_prox"]}}</strong></li>
                  @else
                  <li class="list-group-item">Irei retirar no dia: <strong>{{$delivery["w_pedido_data_saida"]}}</strong>
                  </li>
                  <li class="list-group-item">Per&iacute;odo <strong>{{$periodo}}</strong></li>
                  @endif
                </ul>
                @if ($delivery["w_pedido_cartao_tit"] !== '')

                <li class="list-group-item">
                  <h6 class="my-2 card-subtitle text-muted">Cartão de presente</h6>
                  <hr>
                  <ul class="list-group list-group-flush">
                    <li class="list-group-item">Título: <strong>{{$delivery["w_pedido_cartao_tit"]}}</strong></li>
                    <li class="list-group-item">Mensagem: <strong>{{$delivery["w_pedido_cartao_msg"]}}</strong></li>
                    <li class="list-group-item">Assinado: <strong>{{$delivery["w_pedido_cartao_ass"]}}</strong></li>
                  </ul>
                </li>

                @endif
                <li class="text-center list-group-item">
                  @if (config('site.checkout.novo'))
                  @else
                  <form class="" action="{{ route('checkout.change.delivery')}}" method="post">
                    {{ csrf_field() }}
                    <button type="submit" class="btn btn-elegant">Modificar a entrega<i
                      class="ml-2 fas fa-trash-alt"></i></button>
                    </form>
                    @endif
                  </li>
                  @endif

                </ul>

              </div>
            </div>
          </div>
          <!--/.Content-->
        </div>
      </section>
      @endsection
      @section('js')
      <script src="{{ asset('js/axios.js') }}" type="text/javascript" charset="utf-8">
      </script>
      <script src="{{ asset('js/jquery.mask.js') }}" type="text/javascript" charset="utf-8">
      </script>
      <script src="{{ asset('js/jquery-ui.min.js') }}" type="text/javascript" charset="utf-8">
      </script>
      @if(config('pagseguro.environment') === "sandbox")
      <script type="text/javascript" src="https://stc.sandbox.pagseguro.uol.com.br/pagseguro/api/v2/checkout/pagseguro.lightbox.js">
      </script>
      @else
      <script type="text/javascript" src="https://stc.pagseguro.uol.com.br/pagseguro/api/v2/checkout/pagseguro.lightbox.js">
      </script>
      @endif
      <script type="text/javascript">
        var token = document.head.querySelector('meta[name="csrf-token"]')
        axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content

        $(document).ready( function() {
          $('.show-pagseguro').show()
          $('.show-boleto-pagseguro').hide()
          $('div.edit-radio-top-card').hide()
          $('div.edit-radio-top-card-pagseguro').hide()

          /* Novo PagSeguro */
          let pagseguro_method = "{!! config('pagseguro.method') !!}"
          let parc_sem_juros = "{!! config('cart.parc_sem_juros') !!}"
          let card_token = ''
          let nameHash = ''

          $('.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")

              })

              $('#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=document_number]').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, token: token.content}

              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('payment/record') !!}",
                      data: body
                    })
                    .then(function (response) {
                      let code = response.data.code
                      let link = response.data.link
                      let pedido_id = response.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: "{!! url('accounts') !!}"
                          }).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.
                          window.location.href="{!! url('accounts/?tab=orders') !!}"
                        }
                      }
                      $('#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=link
                      }

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


              // ./ Fim Pagamento por PagSeguro
            })
          </script>
          @endsection