@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 px-1">
            <div class="card bg-secondary shadow">
                <div class="card-header bg-white border-0 p-3">
                    <div class="row align-items-center">
                        <div class="col-8">
                            <h3 class="mb-0">{{ __('Carrinho') }} {{Config::get('siteVars.cnpj_loja') }}</h3>
                        </div>
                        <div class="col-4 text-right">
                            <a href="{{ route('home') }}" class="btn btn-sm btn-primary d-none">{{ __('Loja') }}</a>
                        </div>
                    </div>
                </div>
                <div class="card-body p-1">

                    @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 d-none">
                            <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">
                                                    </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>
                                                    </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">
                                                <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>

                                                </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 row p-0 m-0">
                        <table class="table align-items-center table-dark table-flush" id="table-mobile">
                            <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}}">
                                            </a>
                                            <div class="media-body">
                                                <span class="name mb-0 text-sm white-space">
                                                    @if (is_null($pedido_produto->nome_comercial_produto))
                                                    {{$pedido_produto->nome_produto}}
                                                    @else
                                                    {{$pedido_produto->nome_comercial_produto}}
                                                    @endif
                                                </span>
                                            </div>
                                        </div>
                                    </th>
                                    <td class="quantidade p-0">
                                        <button class="col-1 btn btn-default text-primary btn_decrement p-0 d-none" id="decrement_{{$key+1}}" data-pedido-id="{{$pedido_produto->model_orcamento_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="999999" data-pedido-id="{{$pedido_produto->model_orcamento_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 d-none" id="increment_{{$key+1}}" data-pedido-id="{{$pedido_produto->model_orcamento_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->subtotal_orcamento_produto - $pedido_produto->desconto_orcamento_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->subtotal_orcamento_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_orcamento_produto, 2, ',', '.') }}</span>
                                    </td>
                                    <td class="text-center">
                                        <form id='form_retirar_produto' action="{{route('orcamento.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_orcamento_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>
                                    </td>
                                    <td colspan="1">
                                    </td>
                                    <td colspan="3" class="text-right"> <a class="btn btn-large btn-primary" href="{{ route('orcamento.produtos') }}">Continuar comprando</a></td>
                                    <td>
                                        <form method="POST" action="{{ route('orcamento.concluir') }}" id="concluir_compra">
                                            {{ csrf_field() }}
                                            <input type="hidden" value="" 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_produto->model_orcamento_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 pré-pedido
                                            </button>
                                        </form>
                                    </td>
                                </tr>
                            </tfoot>
                        </table>

                        <table class="table align-items-center table-sm table-dark table-flush" id="table-desktop">
                            <tbody class="list">
                                @php
                                $total_pedido = 0;
                                @endphp
                                @foreach($quantidade_maxima_produtos as $key => $pedido_produto)
                                <tr colspan='2' class="text-center thead-dark">
                                    <th colspan='2'><small>Produto</small></th>
                                </tr>
                                <tr colspan='2'>
                                    <td colspan='2' class="text-center">
                                        <a href="#" class="avatar avatar-lg rounded-circle mr-2">
                                            <img alt="Image placeholder" src="../{{$pedido_produto->imagem_produto}}">
                                        </a>
                                    </td>
                                </tr>
                                <tr colspan='2'>
                                    <td colspan='2' class="text-center ">
                                        <span class="name mb-0 text-sm white-space">
                                            @if (is_null($pedido_produto->nome_comercial_produto))
                                            {{$pedido_produto->nome_produto}}
                                            @else
                                            {{$pedido_produto->nome_comercial_produto}}
                                            @endif
                                        </span>
                                    </td>
                                </tr>
                                <tr colspan='2' class="text-center thead-dark">
                                    <th><small>Quantidade</small></th>
                                    <th><small>Valor Unitario</small></th>
                                </tr>
                                <tr colspan='2'>
                                    <td colspan='1' class="quantidade text-center p-0">
                                        <button class="col-1 btn btn-default text-primary btn_decrement p-0 d-none" id="decrement_{{$key+1}}" data-pedido-id="{{$pedido_produto->model_orcamento_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>

                                        <input type="number" step="1" id="produtos_reservados_{{$key+1}}" name="quantidade_produtos_reservados" class='form-control quantidade_produtos_reservados font-weight-bold text-primary btn_decrement_{{$key+1}}  btn_increment_{{$key+1}} w-50 h-50 mx-auto my-1' min="1" value="{{$pedido_produto->quantidade_produto}}" max="999999" data-pedido-id="{{$pedido_produto->model_orcamento_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>

                                        <button class="col-1 btn btn-default my-auto text-primary btn_increment p-0 d-none" id="increment_{{$key+1}}" data-pedido-id="{{$pedido_produto->model_orcamento_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 colspan='1' class='valor_unitario text-center'>
                                        R$ {{$pedido_produto->valor_unitario_produto}}
                                    </td>
                                </tr>
                                <tr colspan='2' class="text-center thead-dark">
                                    <th><small>Desconto</small></th>
                                    <th><small>Subtotal</small></th>
                                </tr>
                                <tr colspan='2'>
                                    <td colspan='1' class="text-center">
                                        R$ <span class="valor_desconto_{{$key+1}} desconto_decrement_{{$key+1}}  desconto_increment_{{$key+1}}'">{{ number_format($pedido_produto->desconto_orcamento_produto, 2, ',', '.') }}</span>
                                    </td>
                                    <td colspan='1' class="text-center">
                                        @php
                                        $total_produto = $pedido_produto->subtotal_orcamento_produto - $pedido_produto->desconto_orcamento_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->subtotal_orcamento_produto, 2, ',', '.') }}</span>
                                    </td>
                                </tr>
                                <tr colspan='2'>
                                    <td colspan='2' class="text-center">
                                        <form id='form_retirar_produto' action="{{route('orcamento.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_orcamento_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 colspan='2' class="text-center">
                                        <span class="text-white">TOTAL DO PEDIDO <br>
                                            <span id='total_pedido_mobile' class="text-success font-weight-bold">R${{ number_format($total_pedido, 2, ',', '.') }}</span>
                                        </span>
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan='2' class="text-center">
                                        <form method="POST" action="{{ route('orcamento.concluir') }}" id="concluir_compra">
                                            {{ csrf_field() }}
                                            <input type="hidden" value="" 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_produto->model_orcamento_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-block btn-success" id="btn_adicionar">
                                                Concluir pré-pedido
                                            </button>
                                        </form>
                                        <a class="btn btn-block btn-primary" href="{{ route('home') }}">Continuar comprando</a>
                                    </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>
                        @empty
                        <h5>Não há nenhum pré-pedido no carrinho</h5>
                        @endforelse

                        {{-- <form id="form-remover-produto" method="DELETE" action="{{ route('orcamento.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('orcamento.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>
</div>


<!-- Comentando o navbar horizontal -->
@include('layouts.footers.auth')
@endsection
@push('js')

<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 type="text/javascript" src="../js/carrinho.js"></script>
<script>
    $(function() {
        const CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');

        $("small.small_increment").hide();

        /*Efeito de debounce para não sobrecarregar com os efeitos de keyup do campo de valor*/
        debounce = function(func, wait, immediate) {
            var timeout;
            return function() {
                var context = this,
                    args = arguments;
                var later = function() {
                    timeout = null;
                    if (!immediate) func.apply(context, args);
                };
                var callNow = immediate && !timeout;
                clearTimeout(timeout);
                timeout = setTimeout(later, wait);
                if (callNow) func.apply(context, args);
            };
        };

        /*Inicio da tela de carrinho*/
        $('.quantidade_produtos').on('keydown', function() {
            $(this).focus();
            let tecla = event.keyCode;

            if (tecla == 107 || tecla == 109 || tecla == 110 || tecla == 187 ||
                tecla == 188 || tecla == 189 || tecla == 190 || tecla == 194) {
                event.returnValue = false;
            }

            if (tecla == 96 || tecla == 48) {
                if ($(this).val() == 0) {
                    $('#btn_adicionar').prop('disabled', true);
                    event.returnValue = false;
                }
            } else {
                $('#btn_adicionar').removeAttr('disabled');
            }
        });

        /*Eventos do carrinho Ajax*/
        $('.btn_increment').on('click', debounce(function() {
            let campo_incrementar = $(this).prop('id');
            let valor_maximo = parseInt($(this).prev().children().prop('max'));
            let valor_pedido_atual = $('.btn_' + campo_incrementar).val();

            if ($(this).prev().children().val() < valor_maximo) {
                let quantidade_produto_fk = $(this).data('id-quantidade-produto-fk');
                let produto_id = $(this).data('produto-id-fk');
                let pedido = $(this).data('pedido-id');
                let valor = $('.btn_' + campo_incrementar).val();
                $.ajax({
                    url: 'orcamento/adicionar_increment',
                    method: 'post',
                    data: {
                        _token: CSRF_TOKEN,
                        id_quantidade_produto_fk: quantidade_produto_fk,
                        produto_id_fk: produto_id,
                        pedido_id: pedido,
                        valor_atual: valor,
                    },
                    dataType: 'JSON',
                    timeout: 5000,
                    success: function(retorno) {
                        let valor_atual = parseInt(retorno.success[0].quantidade_produto);
                        let valor_total = parseFloat(retorno.success[0].subtotal_orcamento_produto).toFixed(2);
                        $('.btn_' + campo_incrementar).prop('value', valor_atual);
                        $('.valor_' + campo_incrementar).text(valor_total);
                        $('#total_pedido').text(retorno.total);
                        $('#total_pedido_mobile').text(retorno.total);
                        $('#quantidade_produto_remover').prop('value', valor_atual);
                    },

                    error: function() {
                        alert('Dados não enviados');
                    }
                });
            }
        }, 200));

        $('.btn_decrement').on('click', debounce(function() {
            let campo_incrementar = $(this).prop('id');
            let quantidade_produto_fk = $(this).data('id-quantidade-produto-fk');
            let valor_pedido_atual = $('.btn_' + campo_incrementar).val();

            /*if(quantidade_produto_fk > 0 && valor_pedido_atual > 1){*/
            let produto_id = $(this).data('produto-id-fk');
            let pedido = $(this).data('pedido-id');
            let valor = $('.btn_' + campo_incrementar).val();
            $.ajax({
                url: 'orcamento/retirar_decrement',
                method: 'post',
                data: {
                    _token: CSRF_TOKEN,
                    id_quantidade_produto_fk: quantidade_produto_fk,
                    produto_id_fk: produto_id,
                    pedido_id: pedido,
                    valor_atual: valor
                },
                dataType: 'JSON',
                timeout: 5000,
                success: function(retorno) {
                    if (retorno.success.length >= 1) {
                        let valor_atual = parseInt(retorno.success[0].quantidade_produto);
                        let valor_total = parseFloat(retorno.success[0].subtotal_orcamento_produto).toFixed(2);
                        $('.btn_' + campo_incrementar).prop('value', valor_atual);
                        $('.valor_' + campo_incrementar).text(valor_total);
                        $('#total_pedido').text(retorno.total);
                        $('#total_pedido_mobile').text(retorno.total);
                        $('#quantidade_produto_remover').prop('value', valor_atual);
                    } else if (retorno.error.length == 1) {
                        alert(retorno.error);
                    }
                },
                error: function() {
                    alert('Dados não enviados');
                }
            });
            /*}*/
        }, 200));

        $('.quantidade_produtos_reservados').on('keydown', function(e) {
            let tecla = event.keyCode;
            let especiais = event.keyCode;

            if ((tecla >= 96 && tecla <= 105) ||
                (tecla >= 48 && tecla <= 57) ||
                (tecla == 37) ||
                (tecla == 38) ||
                (tecla == 39) ||
                (tecla == 40) ||
                (tecla == 8) ||
                (tecla == 16) ||
                (tecla == 35) ||
                (tecla == 36) ||
                (tecla == 46)) {
                $(this).next().fadeIn('fast');
                $('#btn_adicionar').prop('disabled', true);
            } else {
                event.returnValue = false;
            }
        });

        $('.quantidade_produtos_reservados').on('click', function(e) {
            $(this).next().fadeIn('fast');
            $('#btn_adicionar').prop('disabled', true);
        });

        $('.quantidade_produtos_reservados').on('blur mouseout', function() {
            let id_selecionado = $(this).prop('id');

            if ($(this).val() <= 0) {
                $('#' + id_selecionado).val(1);
            }
        });

        $('.quantidade_produtos_reservados').on('change keypress keyup', function() {
            let valor_maximo = $(this).prop('max');
            if (parseInt($(this).val()) > parseInt(valor_maximo)) {
                $(this).val(valor_maximo);
            }
        });

        $('small.small_increment').on('click', function() {
            let campo_input = $(this).prev();
            let id_campo = campo_input.prop('id');
            let valor_maximo = campo_input.prop('max');
            let quantidade_produto_campo = parseInt(campo_input.val());
            let id_quantidade_produto_fk = parseInt(campo_input.data("produto-id-fk"));
            let id_model_pedido_fk = parseInt(campo_input.data("pedido-id"));
            let quantidade_banco = parseInt(campo_input.data("quantidade-produto-pedido"));

            //Transformando o valor mínimo em 1 de qualquer forma
            quantidade_produto_campo <= 0 ? $(this).prev().val(1) : '';

            $(this).fadeOut('fast');
            if (parseInt(campo_input.val()) - parseInt(quantidade_banco) != 0) {
                $.ajax({
                    url: '../orcamento/adicionar_dinamico',
                    method: 'post',
                    dataType: 'JSON',
                    data: {
                        _token: CSRF_TOKEN,
                        quantidade_produto: quantidade_produto_campo,
                        quantidade_produto_fk: id_quantidade_produto_fk,
                        model_pedido_fk: id_model_pedido_fk
                    },
                    timeout: 5000,
                    success: function(retorno) {
                        $('.valor_' + id_campo).text(retorno.success[0].subtotal_orcamento_produto);
                        $('#total_pedido').text(retorno.total);
                        $('#total_pedido_mobile').text(retorno.total);
                        let valor_atual = parseInt(retorno.success[0].quantidade_produto);
                        $('#' + id_campo).removeAttr('value');
                        $('#' + id_campo).val(valor_atual);
                        $('#' + id_campo).prop('value', $('#' + id_campo).val());
                        $('#btn_adicionar').removeAttr('disabled');
                        $('#quantidade_produto_remover').prop('value', valor_atual);
                    },
                    error: function(retorno) {
                        alert(JSON.stringify(retorno));
                    }
                });
            }
        });

    });
</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>

<script>
    function myFunction(x) {
        if (x.matches) { // If media query matches
            $('#table-mobile').addClass('d-none');
            $('#table-desktop').removeClass('d-none');
        } else {
            $('#table-mobile').removeClass('d-none');
            $('#table-desktop').addClass('d-none');
        }
    }

    var x = window.matchMedia("(max-width: 768px)")
    myFunction(x) // Call listener function at run time
    x.addListener(myFunction) // Attach listener function on state changes
</script>

@endpush