@extends('layouts.confraria')

@section('content')

<div class="wrapper-internal">
    <div class="container-conf">
        <div class="conf-box no-padding continued no-kpi">
            <div class="topo-conf-default">
                <div class="topo-cover" style="background-image: url('{{ $confraria->imagem_capa ? $confraria->imagem_capa : '/img/site/conf-cover-padrao.png' }}');"></div>

                <div class="topo-conf-default-content">
                    <div class="left-topo-default">
                        <h1>Sucesso</h1>
                        <ul>
                            <li>
                                <a href="/confraria/">Home</a>
                            </li>
                            <li>
                                <a href="/confraria/entrega/home">Entregas</a>
                            </li>
                            <li>
                                <a href="/confraria/entrega/solicitar">Solicitar Entrega</a>
                            </li>
                            <li>
                                <span>Sucesso</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="conf-box no-padding continuation">
            <div class="solicitar-entrega-box">
                <div class="solicitar-left">
                    <!-- caso pagamento tenha sido no pix -->
                    @if(isset($pedidoEntrega->pedidoVendaFrete) && $pedidoEntrega->pedidoVendaFrete->tipo_deposito == 'PIX')
                    <form id="card">
                    <div class="entrega-solicitada pix">
                        <img src="/img/site/conf-ent-solicitada.svg" alt="Entrega Solicitada">
                        <h3>Seu pedido está aguardando a confirmação do PIX, obrigado!</h3>

                        <div class="pix-info-box">
                            <div class="input-box">
                                <div class="label-box">
                                    <label for="conf-name">Chave PIX CNPJ</label>
                                </div>
                                @if($cadastro->empresa_id == 1)
                                <input type="text" id="chave-pix" value="17723844000163" readonly>
                                @elseif($cadastro->empresa_id == 2)
                                <input type="text" id="chave-pix" value="31871141000103" readonly>
                                @elseif($cadastro->empresa_id == 4)
                                <input type="text" id="chave-pix" value="37765580000118" readonly>
                                @elseif($clienteLogado->empresa_id == 5)
                                <input type="text" id="chave-pix" value="46839814000115" readonly>
                                @endif
                            </div>
                            <div class="input-box">
                                <div class="label-box">
                                    <label for="conf-name">Comprovante</label>
                                </div>
                                <input type="file" id="fileUpload" class="pix-deposito">
                                <input id="tipo-pix" name="tipo_deposito" value="PIX" type="hidden" class="hidden">
                                <input id="pagamento" name="pagamento" value="{{ $pedidoEntrega->id_pedido_venda_frete }}" type="hidden" class="hidden">
                            </div>
                            @if(empty($pedidoEntrega->pedidoVendaFrete->comprovante))
                            <button class="btn-action btn-conf" id="btn-enviar-comprovante">Enviar Comprovante</button>
                            @endif
                            <div class="last-step <?php echo (empty($pedidoEntrega->pedidoVendaFrete->comprovante) ? 'hidden' : '')?>" id="view-comprovante-pix">
                                <div class="step">
                                    <span class="view-comprovante-pix"><a href="<?php echo get_file_s3($pedidoEntrega->pedidoVendaFrete->comprovante, 'pedido-venda/comprovante')?>" target="_blank" id="link-comprovante-pix">Ver Comprovante</a></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    </form>
                    <!-- caso pagamento tenha sido no pix -->
                    @else
                    <div class="entrega-solicitada">
                        <img src="/img/site/conf-ent-solicitada.svg" alt="Entrega Solicitada">
                        <h3>Entrega Solicitada com Sucesso!</h3>
                        <a href="{{ url('/confraria/entrega/detalhe/' . $pedidoEntrega->id) }}" class="btn-action">Ver Detalhes</a>  <!--open-pedido (class modal)-->
                    </div>
                    @endif
                </div>
                <div class="solicitar-right last">
                    <h3>Resumo</h3>

                    <div class="component-subtable">
                        <div class="subtable-item">
                            <span>Qtde. Garrafas</span>
                            <strong>{{ $informacoesBasicasAdega['quantidadeVinhosAdega'] }}</strong>
                        </div>
                        <div class="subtable-item">
                            <span>Valor total</span>
                            <strong>R$ {{ number_format($informacoesBasicasAdega['valorTotal'] , 2,",",".") }}</strong>
                        </div>
                        <div class="subtable-item">
                            <span>Valor economizado</span>
                            <strong class="green">R$ {{  number_format($informacoesBasicasAdega['valorEconomizado'], 2,",",".") }}</strong>
                        </div>
                        <div class="subtable-item">
                            <span>Frete</span>
                            @if(isset($pedidoEntrega->pedidoVendaFrete))
                            <strong class="red">R$ {{ number_format($pedidoEntrega->pedidoVendaFrete->total, 2,",",".") }}</strong>
                            @else
                            <strong class="green">Grátis</strong>
                            @endif
                        </div>
                        <!--<div class="subtable-item">
                            <span>Rótulos Secretos</span>
                            <strong>R$ 12,50</strong>
                        </div>-->

                        <div class="divisor"></div>

                        <div class="subtable-item after-divisor">
                            <span>Total pago</span>
                            <strong>R$ {{ number_format($informacoesBasicasAdega['valorTotal'] , 2,",",".") }}</strong>
                        </div>
                        @if(isset($pedidoEntrega->pedidoVendaFrete))
                        <div class="subtable-item after-divisor">
                            <span>Total a pagar</span>
                            <strong class="red">R$ {{ number_format($pedidoEntrega->pedidoVendaFrete->total, 2,",",".") }}</strong>
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal-confraria">
    <img src="/img/site/close-modal-conf.svg" class="close-modal" alt="Fechar">
    <h3>Pedido #xxxx</h3>
    <div class="box-modal-subtable">
        <div class="component-subtable">
            <div class="subtable-item">
                <span>Pedido</span>
                <strong class="underlined open-pedido" pedido-id="7238452">#7238452</strong>
            </div>
            <div class="subtable-item">
                <span>Qtde. Garrafas</span>
                <strong>4</strong>
            </div>
            <div class="subtable-item">
                <span>Valor total</span>
                <strong>R$ 850,00</strong>
            </div>
            <div class="subtable-item">
                <span>Valor economizado</span>
                <strong>R$ 100,00</strong>
            </div>

            <div class="divisor"></div>

            <div class="subtable-item after-divisor">
                <span>Valor pago</span>
                <strong class="red">R$ 750,00</strong>
            </div>
        </div>
    </div>
    <div class="box-table-modal">
        <div class="component-table">
            <div class="line-table line-title">
                <span style="min-width: 302px; max-width: 302px;">Produto</span>
                <span style="min-width: 111px; max-width: 111px;">Tipo</span>
                <span style="min-width: 99px; max-width: 99px;">Safra</span>
                <span style="min-width: 80px; max-width: 80px;">Teor</span>
                <span style="min-width: 135px; max-width: 135px;">País</span>
                <span style="min-width: 200px; max-width: 200px;">Região</span>
            </div>
            <?php for($i = 0; $i <= 5; $i++){ ?>
                <div class="line-table">
                    <span style="min-width: 302px; max-width: 302px;">Lorem ipsum dolor sit amet</span>
                    <span style="min-width: 111px; max-width: 111px;">Tinto</span>
                    <span style="min-width: 99px; max-width: 99px;">2012</span>
                    <span style="min-width: 80px; max-width: 80px;">5%</span>
                    <span style="min-width: 135px; max-width: 135px;">Portugal</span>
                    <span style="min-width: 200px; max-width: 200px;">Las Montanhas</span>
                </div>
            <?php } ?>
        </div>
    </div>
</div>
<div class="modal-confraria-overlay"></div>

<script type="text/javascript">
    $(document).on('ready', function(){
        $(document).on('click', '.open-pedido', function(){
            $('.modal-confraria, .modal-confraria-overlay').toggleClass('active')
        });
        $(document).on('click', '.close-modal, .modal-confraria-overlay', function(){
            $('.modal-confraria, .modal-confraria-overlay').toggleClass('active')
        });

        $(document).on('click', '#chave-pix', function(){
            $(this).select();
            document.execCommand("copy");
            alertUtil.alertSuccess("Copiado com sucesso!");
        });

        $('#btn-enviar-comprovante').click(function(){

            var $pagamento = $('#pagamento').val();
            var form      = new FormData($('#card')[0]);
            form.append('fileUpload', $('#fileUpload')[0].files[0]);
            form.append('pagamento', $pagamento);
            
            $.ajax({
                url:'/perfil/enviar-comprovante',
                type:'POST',
                processData: false,
                contentType: false,
                data:form,
                beforeSend:function(){
                    $('.carregando').fadeIn(); //@wesley implementar loading
                },
                success:function(data){
                    $('.carregando').fadeOut();
                    if(data.status){
                        $('.step-envio-pix, #btn-enviar-comprovante').addClass('hidden');
                        $('#view-comprovante-pix').removeClass('hidden');
                        $('#link-comprovante-pix').attr('href', data.url);

                        alertUtil.alertSuccess(data.message);
                    }else{
                        alertUtil.alertError(data.message);
                    }
                },
                error:function(data){
                    alertUtil.alertError('Erro ao enviar comprovante. Tente novamente mais tarde.');
                }

            });
        });
    })
</script>

@endsection