@extends('layouts.app')

@section('title', 'Carrinho')
@section('content')
<link href="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css" rel="stylesheet" />
<!-- Estilizando um componente do select2 que estava desajustando o layout -->
<style type="text/css">
  .select2-container .select2-selection--single {
    height: unset !important;
  }

  #select_forma_pagamento,
  #select_forma_parcelamento,
  #select_clientes,
  #select_dias_parcelamento {
    border-radius: 5px;
  }

  div#modal-parcelas .modal-dialog,
  div#modal-parcelas .modal-content {
    height: 96%;
  }

  div#modal-parcelas .modal-body {
    overflow-y: scroll;
  }

  .modal-lg {
    max-width: 800px;
  }

  .modal-xl {
    max-width: 1200px;
  }
</style>
@include('layouts.headers.cards_prod')
<div class="container-fluid mt--5">
  <div class="row ">
    <div class="col-xl-12 order-xl-1">
      <div class="card bg-secondary shadow">
        <div class="card-header bg-white border-0">
          <div class="row align-items-center">
            <div class="col-8">
              <h3 class="mb-0">{{ __('Produtos no Carrinho') }} {{Config::get('siteVars.cnpj_loja') }}</h3>
            </div>
            <div class="col-4 text-right">
              <a href="{{ route('produtos.card') }}" class="btn btn-sm btn-primary">{{ __('Loja') }}</a>
            </div>
          </div>
        </div>
        <div class="card-body">
          <div class="table-responsive">
            <div>
              @if (Session::has('mensagem-sucesso'))
              <div class="alert alert-success alert-dismissible fade show" role="alert">
                <span class="alert-icon"><i class="ni ni-notification-70"></i></span>
                <span class="alert-text"><strong>{{ Session::get('mensagem-sucesso') }}</strong>
                  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                  </button>
              </div>
              @endif
              @if (Session::has('mensagem-falha'))
              <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <span class="alert-icon"><i class="ni ni-notification-70"></i></span>
                <span class="alert-text"><strong>{{ Session::get('mensagem-falha') }}</strong>
                  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                  </button>
              </div>
              @endif
              @forelse ($pedidos as $pedido)
              <div class="row m-0">
                <div class="col-md-12">
                  <div class="card bg-default">
                    <!-- Card body -->
                    <div class="card-body p-3">
                      <div class="row">
                        <div class="col-auto mx-auto">
                          <div class="icon icon-shape bg-white text-dark rounded-circle shadow">
                            <i class="fas fa-user fa-2x text-primary"></i>
                          </div>
                        </div>
                        <div class="col pl-0">
                          <h5 class="card-title text-uppercase text-muted mb-0 text-white">
                            <font style="vertical-align: inherit;">
                              <font style="vertical-align: inherit;">Cliente</font>
                            </font>
                          </h5>
                          <span class=" font-weight-bold mb-0 text-white">
                            <form method="post" action="#" id="form_nome_cliente">
                              <select class="w-100 pl-2 border-primary" id='select_clientes' name="select_clientes">
                                @foreach($cliente_selecionado as $cliente)
                                <option selected="on" value="{{$cliente->cnpj_cpf_cliente_escolhido}}">{{$cliente->nome_cliente_escolhido}}
                                </option>
                                @endforeach
                              </select>
                            </form>
                          </span>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-md-3 d-none">
                  <div class="card bg-gradient-default">
                    <!-- Card body -->
                    <div class="card-body p-3">
                      <div class="row">
                        <div class="col-auto mx-auto">
                          <div class="icon icon-shape bg-white text-dark rounded-circle shadow">
                            <i class="fas fa-comment-dollar fa-2x text-primary"></i>
                          </div>
                        </div>
                        <div class="col pl-0">
                          <h5 class="card-title text-uppercase text-muted mb-0 text-white">
                            <font style="vertical-align: inherit;">
                              <font style="vertical-align: inherit;">Pagamento</font>
                            </font>
                          </h5>
                          <span class=" font-weight-bold mb-0 text-white">
                            <form method="post" action="#" id="form_pagamento_cliente">
                              <select class="w-100 pl-2 border-primary" id='select_forma_pagamento'>
                                <option value="1" selected>Dinheiro</option>
                                <option value="5">Cartão de crédito</option>
                                <option value="6">Cartão de débito</option>
                                @foreach($id_cliente as $forma_pagamento_cliente)
                                @if(
                                $forma_pagamento_cliente->limite_credito_cliente > 0.00 &&
                                $forma_pagamento_cliente->limite_credito_cliente != null && $forma_pagamento_cliente->limite_credito_cliente > $forma_pagamento_cliente->saldo_devedor_cliente
                                )
                                <option value="2">Cheque a vista</option>
                                <option value="3">Cheque pré-datado</option>
                                <option value="11">Boleto</option>
                                @endif
                                @endforeach
                                <option value="4">Pagamento antecipado</option>
                                @if($forma_pagamento_cliente->credito_anterior_cliente != NULL &&
                                $forma_pagamento_cliente->credito_anterior_cliente > 0.00)
                                <option value="9">Crédito anterior</option>
                                @endif
                              </select>
                              <small id="small-pagamento" class="text-danger alerta-limite-crédito font-weight-bold"></small>
                            </form>
                          </span>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-md-3 d-none">
                  <div class="card bg-gradient-default">
                    <!-- Card body -->
                    <div class="card-body p-3">
                      <div class="row">
                        <div class="col-auto mx-auto">
                          <div class="icon icon-shape bg-white text-dark rounded-circle shadow">
                            <i class="fas fa-calendar-alt fa-2x text-primary"></i>
                          </div>
                        </div>
                        <div class="col pl-0">
                          <h5 class="card-title text-uppercase text-muted mb-0 text-white">
                            <font style="vertical-align: inherit;">
                              <font style="vertical-align: inherit;">Parcelamento</font>
                            </font>
                          </h5>
                          <span class=" font-weight-bold mb-0 text-white">
                            <input type="hidden" name="parcelamento_minimo" value="{{$forma_parcelamento[1]->valor_maximo_parcelamento}}">
                            <select class="w-100 pl-2 border-primary" id='select_forma_parcelamento'>
                              @foreach($forma_parcelamento as $parcelas)
                              <option class="text-default font-weight-bold" value="{{$parcelas->id}}" data-min="{{$parcelas->valor_minimo_parcelamento}}" data-max="{{$parcelas->valor_maximo_parcelamento}}" data-parcelas="{{{$parcelas->id}}}">{{{$parcelas->id}}} X</option>
                              @endforeach
                            </select>
                            <small id="small-parcelamento" class="text-danger alerta-limite-crédito font-weight-bold"></small>
                          </span>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-md-3 d-none" id="definir_datas">
                  <div class="card bg-gradient-default">
                    <!-- Card body -->
                    <div class="card-body p-3">
                      <div class="row">
                        <div class="col-auto mx-auto">
                          <div class="icon icon-shape bg-white text-dark rounded-circle shadow">
                            <i class="fas fa-calendar-alt fa-2x text-primary"></i>
                          </div>
                        </div>
                        <div class="col pl-0">
                          <h5 class="card-title text-uppercase text-muted mb-0 text-white">
                            <font style="vertical-align: inherit;">
                              <font style="vertical-align: inherit;">Intervalos</font>
                            </font>
                          </h5>
                          <form id="dias_parcelamento" method="post" action="#">
                            <select id="select_dias_parcelamento" class="w-100 pl-2" disabled>
                              <option value="30">30 dias</option>
                              @foreach($par_intervalos as $intervalo)
                              <option value="{{$intervalo->dias_intervalo}}">{{$intervalo->dias_intervalo}} @php echo $intervalo->dias_intervalo == 1 ? 'dia' : 'dias' @endphp
                              </option>
                              @endforeach
                            </select>
                            <small class="text-danger font-weight-bold alerta-limite-dias">* Mínimo 2 parcelas</small>
                          </form>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="card-body p-0">
                <table class="table align-items-center table-dark table-flush">
                  <thead class="thead-dark">
                    <tr class="text-center">
                      <th scope="col-1">Imagem</th>
                      <th scope="col-1">Quantidade</th>
                      <th scope="col-1">Valor</th>
                      <th scope="col-1">Total</th>
                      <th scope="col-1">Desconto</th>
                      <th scope="col-3">Ação</th>
                    </tr>
                  </thead>
                  <tbody class="list">
                    @php
                    $total_pedido = 0;
                    @endphp
                    @foreach($quantidade_maxima_produtos as $key => $pedido_produto)
                    <tr class="text-center">
                      <th scope="row">
                        <div class="media align-items-center">
                          <a href="#" class="avatar avatar-xl rounded-circle mr-2">
                            <img alt="Image placeholder" src="{{$pedido_produto->imagem_produto}}" title="{{$pedido_produto->produto_id_fk}}">
                          </a>
                          <div class="media-body">
                            <span class="name mb-0 text-sm">{{ $pedido_produto->nome_produto }}</span>
                          </div>
                        </div>
                      </th>
                      <td class="quantidade p-0">
                        <div class="center-align row">
                          <button class="col-1 btn btn-default text-primary btn_decrement p-0" id="decrement_{{$key+1}}" data-pedido-id="{{$pedido_produto->model_pedido_id}}" data-produto-id-fk="{{$pedido_produto->produto_id_fk}}" data-id-quantidade-produto-fk="{{$pedido_produto->produto_id_fk}}">
                            <i class="ni ni-fat-delete"></i>
                          </button>
                          <div class="col-9">
                            <input type="number" step="1" id="produtos_reservados_{{$key+1}}" name="quantidade_produtos_reservados" class='form-control quantidade_produtos_reservados h-auto bg-secondary border-0 mx-auto shadown-none font-weight-bold text-primary text-left w-100 btn_decrement_{{$key+1}}  btn_increment_{{$key+1}}'
                            min="1"
                            value="{{$pedido_produto->quantidade_produto}}"
                            max="{{$pedido_produto->quantidade_produtos}}" 
                            data-pedido-id="{{$pedido_produto->model_pedido_id}}"
                            data-produto-id-fk="{{$pedido_produto->produto_id_fk}}" data-id-quantidade-produto-fk="{{$pedido_produto->quantidade_produtos}}" data-quantidade-produto-pedido="{{$pedido_produto->quantidade_produto}}"
                            data-produto-id-pedido="{{$pedido_produto->id_do_produto}}">
                            <small class='text-center btn btn-link p-0 text-primary small_increment' style="font-size: 14px; color: inherit;">Confirmar</small>
                          </div>
                          <button class="col-1 btn btn-default my-auto text-primary btn_increment p-0" id="increment_{{$key+1}}" data-pedido-id="{{$pedido_produto->model_pedido_id}}" data-produto-id-fk="{{$pedido_produto->produto_id_fk}}" data-id-quantidade-produto-fk="{{$pedido_produto->produto_id_fk}}">
                            <i class="ni ni-fat-add"></i>
                          </button>                     
                      </td>
                      <td class='valor_unitario'>
                        R$ {{$pedido_produto->valor_unitario_produto}}
                      </td>
                      <td>
                        @php
                          $total_produto = $pedido_produto->valor_pedido_produto - $pedido_produto->desconto_pedido_produto;
                          $total_pedido += $total_produto;
                        @endphp                        
                        R$ <span class="valor_total_{{$key+1}} valor_increment_{{$key+1}} valor_decrement_{{$key+1}} valor_produtos_reservados_{{$key+1}}">{{ number_format($pedido_produto->valor_pedido_produto, 2, ',', '.') }}</span>
                      </td>                      
                      <td>
                        R$ <span class="valor_desconto_{{$key+1}} desconto_decrement_{{$key+1}}  desconto_increment_{{$key+1}}'">{{ number_format($pedido_produto->desconto_pedido_produto, 2, ',', '.') }}</span>
                      </td>
                      <td class="text-center">
                        <form action="{{route('carrinho.remover')}}" method='post'>
                          {{csrf_field()}}
                          <input type="hidden" name="id_pedido_fk_remover"  value="{{$pedido_produto->produto_id_fk}}">
                          <input type="hidden" name="id_quantidade_fk_remover"  value="{{$pedido_produto->quantidade_produtos}}">
                          <input type="hidden" name="id_pedido_remover"  value="{{$pedido_produto->model_pedido_id}}">
                          <input type="hidden" name="id_produto_remover"  value="{{$pedido_produto->id_do_produto}}">                          
                          <input type="hidden" name="quantidade_produto_remover"  value="{{$pedido_produto->quantidade_produto}}">
                          <input class="btn btn-danger" type="submit" value='Retirar produto'>
                        </form>                        
                      </td>
                    </tr>
                    @endforeach
                  </tbody>
                  <tfoot>
                    <tr class="text-center">
                      <td class="text-left">
                        <span class="text-white">TOTAL DO PEDIDO: R$
                          <span id='total_pedido' class="text-success font-weight-bold">{{ number_format($total_pedido, 2, ',', '.') }}</span>
                        </span>
                        <br>
                        @php
                          $limite = $forma_pagamento_cliente->limite_credito_cliente - $forma_pagamento_cliente->saldo_devedor_cliente;
                        @endphp
                        @if($limite > 0.00)
                        <span class="text-white">LIMITE DE CRÉDITO :
                          <span class="text-success font-weight-bold">R$ {{number_format($limite, 2, ',', '.') }}</span>
                        </span>
                        <br>
                        @elseif($limite < 0.00 ) <span class="text-white">LIMITE DE CRÉDITO :
                          <span class="text-danger font-weight-bold">R$ {{number_format($limite, 2, ',', '.') }}</span>
                          </span>
                          <br>
                          @else
                          @endif
                          @if($forma_pagamento_cliente->credito_anterior_cliente != NULL && $forma_pagamento_cliente->credito_anterior_cliente > 0.00)
                          <span class="text-white">CRÉDITO :
                            <span class="text-success font-weight-bold">R$ {{number_format($forma_pagamento_cliente->credito_anterior_cliente, 2, ',', '.') }}</span>
                          </span>
                          @else
                          @endif
                      </td>
                      <td colspan="2">
                        <form method="POST" action="{{ route('carrinho.desconto') }}">
                          {{ csrf_field() }}
                          <div class="input-group">
                            <input type="hidden" name="model_pedido_id" value="{{$pedido->id}}">
                            <input type="text" name="cupom" class="form-control form-control-alternative" placeholder="Cupom de desconto" aria-label="Cupom de desconto" aria-describedby="button-addon2">
                            <div class="input-group-append">
                              <button class="btn btn-outline-info" type="submit" id="button-addon2">Validar</button>
                            </div>
                          </div>
                        </form>
                      </td>
                      <td> <button type="button" class="btn btn-large btn-info" data-toggle="modal" data-target="#orcamento">Orçamento</button></td>
                      <td> <a class="btn btn-large btn-primary" href="{{ route('produtos.card') }}">Continuar comprando</a></td>
                      <td>
                        <form method="POST" action="{{ route('carrinho.concluir') }}" id="concluir_compra">
                          {{ csrf_field() }}
                          <input type="hidden" value="{{$forma_pagamento_cliente->credito_anterior_cliente}}" id="credito_anterior_cliente">
                          <input type="hidden" value="{{$limite_credito_cliente}}" name="limite_de_credito_cliente_permitido" id="limite_de_credito_cliente_permitido">
                          <input type="hidden" name="tag_receber" value="Venda" id="tag_receber">
                          <input type="hidden" name="model_pedido_id" value="{{$pedido->id}}" id="{{ $pedido->id }}">
                          <input type="hidden" name="dias_escolhidos_parcelamento" id="dias_escolhidos_parcelamento" value="30">
                          <!-- Pegando o valor total do pedido para passar para o contas a receber -->
                          <input type="hidden" name="valor_total_pedido" value="{{ number_format($total_pedido, 2, '.' , '') }}" id="valor_total_pedido">
                          <input type="hidden" name="situacao_receber" id="situacao_receber" value="ABERTA">
                          <input type="hidden" name="data_receber" id="data_receber" value="{{date('Y-m-d')}}">
                          <input type="hidden" name="data_vencimento" id="data_vencimento" value="{{date('Y-m-d')}}">
                          <input type="hidden" name="clone_id_cliente_fk" id="clone_id_cliente">
                          <input type="hidden" name="clone_forma_pagamento" id="clone_forma_pagamento" value="1">
                          <input type="hidden" name="clone_forma_parcelamento" id="clone_forma_parcelamento" value="1">
                          <button type="submit" class="btn btn-large btn-success" id="btn_adicionar">                           
                            Concluir compra
                          </button>
                        </form>
                      </td>
                    </tr>
                  </tfoot>
                </table>
                <div class="card card-frame">
                  <div class="card-body font-weight-bold text-warning">
                    Pedido: {{ $pedido->id }}, criado em: {{ $pedido->created_at->format('d/m/Y H:i') }}
                  </div>
                </div>
              </div>
              @include('php.modal-orcamento-carrinho')
              @include('php.modal-comprovante-venda')
              @empty
              <h5>Não há nenhum pedido no carrinho</h5>
              @endforelse
            </div>
          </div>
          <form id="form-remover-produto" method="DELETE" action="{{ route('carrinho.remover') }}">
            {{ csrf_field() }}
            {{ method_field('DELETE') }}
            <input type="hidden" name="model_pedido_id">
            <input type="hidden" name="produto_id_fk">
            <input type="hidden" name="item">
          </form>
          <form id="form-adicionar-produto" method="POST" action="{{ route('carrinho.adicionar') }}">
            {{ csrf_field() }}
            @if(isset($pedido_produto->produto->id_quantidade_produtos_fk))
            <input type="hidden" name="id_quantidade_produtos_fk" value="{{$pedido_produto->produto->id_quantidade_produtos_fk}}">
            @endif
            <input type="hidden" name="id">
          </form>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Comentando o navbar horizontal -->
@include('layouts.footers.auth')
@endsection
@push('js')
<script src="js/print/es6-promise.auto.min.js"></script>
<script src="js/print/jspdf.min.js"></script>
<script src="js/print/html2canvas.min.js"></script>
<script src="js/print/html2pdf.min.js"></script>
<script src="{{ asset('argon/vendor/datatables.net/js/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net-bs4/js/dataTables.bootstrap4.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net-buttons-bs4/js/dataTables.buttons.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net-buttons-bs4/js/buttons.html5.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net-buttons-bs4/js/buttons.flash.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net-buttons-bs4/js/buttons.print.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net-select-bs4/js/dataTables.select.min.js') }}"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js "></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/pdfmake.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/vfs_fonts.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.5.6/js/buttons.colVis.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/responsive/2.2.2/js/dataTables.responsive.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
<script type="text/javascript" src="/js/carrinho.js"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/select2.min.js"></script>
<script type="text/javascript" src="/js/carrinho_logica.js"></script>
<script>
  function getPDF() {
    var element = document.getElementById('canvas_div_pdf');
    var opt = {
      margin: 1,
      filename: 'orçamento.pdf',
      image: {
        type: 'jpeg',
        quality: 0.98
      },
      html2canvas: {
        scale: 2,
        y: window.scrollY,
        logging: true
      },
      jsPDF: {
        unit: 'mm',
        format: 'a4',
        orientation: 'portrait'
      }
    };

    // New Promise-based usage:
    html2pdf().set(opt).from(element).save();
  };
</script>

<script type="text/javascript">
  function cont() {
    var conteudo = document.getElementById('print').innerHTML;
    tela_impressao = window.open('about:blank');
    tela_impressao.document.write(conteudo);
    tela_impressao.window.print();
    // tela_impressao.window.close();
  }
</script>

@endpush