@extends('layouts.confraria')

@section('content')

<div class="wrapper-internal">
    <div class="container-conf">

        @if(is_array($adega) && count($adega) == 0)
            <div class="conf-box no-padding">
                <div style="padding: 32px; text-align: center">
                    <h3>Nenhuma adega aberta.</h3>
                </div>
            </div>
        @endif

        @if(!is_array($adega))
            <div class="conf-box no-padding">
                <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>Adega da Confraria</h1>
                            <ul>
                                <li>
                                    <a href="/confraria/home">Home</a>
                                </li>
                                <li>
                                    <span>Adega da Confraria</span>
                                </li>
                            </ul>
                        </div>

                        <div class="list-kpis">
                            <div class="kpi-item">
                                <span>Qtde. Garr.</span>
                                <strong>{{ $informacoesBasicasAdega['quantidadeVinhosAdega'] }}</strong>
                            </div>
                            <div class="kpi-item right">
                                <span>Total pago</span>
                                <strong>R$ {{ number_format($informacoesBasicasAdega['valorTotal'],2,",",".") }}</strong>
                            </div>
                            <div class="kpi-item green right">
                                <span>Valor economizado</span>
                                <strong>R$ {{ number_format($informacoesBasicasAdega['valorEconomizado'],2,",",".") }}</strong>
                            </div>
                            <div class="kpi-item green right">
                                <span>Cashback</span>
                                @if($confraria && $confraria->contaCorrente)
                                <strong>R$ {{ number_format($confraria->contaCorrente->saldo, 2, ',', '') }}</strong>
                                @else
                                <strong>R$ 0,00</strong>
                                @endif
                            </div>
                            <a href="{{ url('/confraria/entrega/solicitar') }}" class="btn-action btn-conf">SOLICITAR ENTREGA</a>
                        </div>
                    </div>
                </div>
            </div>

            @foreach($pedidos as $pedido)
                <div class="conf-box no-padding vinho-adega-box">
                    <div class="vinho-adega-item">
                        <div class="vinho-adega-left">
                            <img src="{{ $pedido['oferta']['thumbnail_principal'] }}" class="main-img-vinho img-colecao-adega-confraria" alt="De Martino Special Collection">

                            <div class="vinho-adega-left-cont left-content-adega-conf">
                                <h2>{{ $pedido['oferta']['titulo'] }}</h2>
                                <h3>{{ $pedido['oferta']['sub_titulo'] }}</h3>
                                <div class="hide-mobile">
                                    <div class="toggle-see-more">
                                        <span class="see-more">Mais Detalhes <img src="/img/site/conf-adega-see-more.svg" alt="Ver mais"></span>
                                        <span class="see-les hidden">Menos Detalhes <img src="/img/site/conf-adega-see-more.svg" alt="Ver menos" style="transform: rotate(180deg)"></span>
                                    </div>
                                    <div class="person-info">
                                        <img src="{{ $pedido['pedido_venda']['cliente']['thumbnail_principal'] ? $pedido['pedido_venda']['cliente']['thumbnail_principal'] : '/img/site/user-conf.png' }}" class="publish-user-pic" alt="{{ $pedido['pedido_venda']['cliente']['nome'] }} {{ $pedido['pedido_venda']['cliente']['sobrenome'] }}">
                                        <div class="texts-post">
                                            <strong>{{ $pedido['pedido_venda']['cliente']['nome'] }} {{ $pedido['pedido_venda']['cliente']['sobrenome'] }}</strong>
                                            <span>{{ date('d', strtotime($pedido['pedido_venda']['data_fechamento'])) }} de {{ strftime('%B', strtotime( $pedido['pedido_venda']['data_fechamento'] )) }} ás {{ date('H:i', strtotime($pedido['pedido_venda']['data_fechamento'])) }}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="middle-top-adega-vinho hide-desktop">
                            <div class="person-info">
                                <img src="{{ $pedido['pedido_venda']['cliente']['thumbnail_principal'] ? $pedido['pedido_venda']['cliente']['thumbnail_principal'] : '/img/site/user-conf.png' }}" class="publish-user-pic" alt="{{ $pedido['pedido_venda']['cliente']['nome'] }} {{ $pedido['pedido_venda']['cliente']['sobrenome'] }}">
                                <div class="texts-post">
                                    <strong>{{ $pedido['pedido_venda']['cliente']['nome'] }} {{ $pedido['pedido_venda']['cliente']['sobrenome'] }}</strong>
                                    <span>{{ date('d', strtotime($pedido['pedido_venda']['data_fechamento'])) }} de {{ date('F', strtotime($pedido['pedido_venda']['data_fechamento'])) }} às {{ date('H:i', strtotime($pedido['pedido_venda']['data_fechamento'])) }}</span>
                                </div>
                            </div>
                            <div class="toggle-see-more">
                                <span class="see-more">Mais Detalhes <img src="/img/site/conf-adega-see-more.svg" alt="Ver mais"></span>
                                <span class="see-les hidden">Menos Detalhes <img src="/img/site/conf-adega-see-more.svg" alt="Ver menos" style="transform: rotate(180deg)"></span>
                            </div>
                        </div>

                        <div class="vinho-adega-right-cont">
                            <div class="component-subtable">
                                <div class="subtable-item">
                                    <span>Pedido</span>
                                    <strong class="underlined open-pedido" pedido-id="{{ $pedido['pedido_venda']['id'] }}">#{{ $pedido['pedido_venda']['id'] }}</strong>
                                </div>
                                <div class="subtable-item">
                                    <span>Qtde. Garrafas</span>
                                    <strong>{{ $pedido['pedido_venda']['qtd_garrafas'] }}</strong>
                                </div>
                                <div class="subtable-item">
                                    <span>Valor total</span>
                                    <strong>R$ {{ number_format($pedido['pedido_venda']['total'],2,',','.') }}</strong>
                                </div>
                                <div class="subtable-item">
                                    <span>Valor economizado</span>
                                    <strong class="green">R$ <?php echo number_format($pedido['pedido_venda']['valor_economizado'],2,',','.'); ?></strong>
                                </div>

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

                                <div class="subtable-item after-divisor">
                                    <span>Valor pago</span>
                                    <strong class="red">R$ {{ number_format($pedido['pedido_venda']['total'],2,',','.')  }}</strong>
                                </div>

                                <div class="info-adega-conf">
                                    @if($pedido['pedido_venda']['id_status_pedido_venda'] == 1)
                                        <div class="adega-pagamento-pendente-conf">
                                            <span>Pagamento pendente</span>
                                        </div>
                                    @endif
                                         
                                    <div class="main-enviar-comprovante">
                                    @if($pedido['pedido_venda']['tipo_deposito'] && $pedido['pedido_venda']['tipo_deposito'] != 'BRD')
                                        @if($pedido['pedido_venda']['comprovante'])
                                            @php
                                                $comprovanteUrl = config('filesystems.path') . "/pedido-venda/comprovante/{$pedido['pedido_venda']['comprovante']}";
                                            @endphp

                                            <a href="{{ $comprovanteUrl }}" target="_blank" class="link-comprovante-adega">visualizar comprovante</a>
                                        @elseif($pedido['pedido_venda']['id_status_pedido_venda'] == 1)
                                            <input accept="image/*" type="file" class="input-enviar-comprovante" data-pedido="{{ $pedido['pedido_venda']['id'] }}"  />
                                            <button type="button" class="btn-upload-comprovante-adega">enviar comprovante</button>
                                            <a style="display: none;" href="" target="_blank" class="link-comprovante-adega">visualizar comprovante</a>
                                        @endif
                                    @endif
                                    </div>
                                </div>     
                            </div>
                        </div>
                    </div>
                    <div class="bottom-box-item">
                        <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>

                            @foreach($pedido['pedido_venda']['produtos'] as $produto)
                                <div class="line-table">
                                    <span style="min-width: 302px; max-width: 302px;">{{$produto['produto']['nome'] }}</span>
                                    <span style="min-width: 111px; max-width: 111px;">{{ $produto['produto']['caracteristicas']['castas'] }}</span>
                                    <span style="min-width: 99px; max-width: 99px;">{{ $produto['produto']['caracteristicas']['safra'] }}</span>
                                    <span style="min-width: 80px; max-width: 80px;">{{ $produto['produto']['caracteristicas']['teor_alcoolico'] }}</span>
                                    <span style="min-width: 135px; max-width: 135px;">{{ $produto['produto']['caracteristicas']['produto_regiao']['pais']['nome'] }}</span>
                                    <span style="min-width: 200px; max-width: 200px;">{{ $produto['produto']['caracteristicas']['produto_regiao']['nome'] }}</span>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            @endforeach
        @endif
    </div>
</div>

<div class="modal-confraria">
    
</div>
<div class="modal-confraria-overlay"></div>

<script type="text/javascript">
    $(document).on('ready', function(){
        $(document).on('click', '.toggle-see-more', function(){
            $(this).closest('.vinho-adega-box').find('.bottom-box-item').slideToggle();
            $(this).find('span').toggleClass('hidden');
        });
        $(document).on('click', '.open-pedido', function(){
            let pedido_id = $(this).attr('pedido-id');
            console.log(pedido_id);
            $('.carregando').fadeIn();

            $.ajax({
                url: "/confraria/modal-pedido",
                type: "post",
                data: {
                    pedido_id: pedido_id, 
                },
                success:function(data){
                    $('.carregando').fadeOut();
                    $('.modal-confraria').html(data.html);
                    $('.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', '.btn-upload-comprovante-adega', function(){
            $('.input-enviar-comprovante').trigger('click');
        });

        $(document).on('change', '.input-enviar-comprovante', function (event){
            let file = $(this)[0].files[0];
            let pedidoVenda = $(this).data('pedido');
            let formData = new FormData();
            formData.append('fileUpload', file);
            formData.append('pagamento', pedidoVenda);
            formData.append('confraria', true);
            $('.carregando').fadeIn();
            $.ajax({
                url: "/perfil/enviar-comprovante",
                type: "post",
                data: formData,
                contentType: false,
                processData: false,
                success:function(data){   
                    $('.carregando').fadeOut();
                    console.log(data); 
                    if(data.status){
                        $('.btn-upload-comprovante-adega').remove();
                        $('.link-comprovante-adega').attr('href', data.url).show();
                        alertUtil.alertSuccess('Comprovante enviado com sucesso!');
                    } else{
                        alertUtil.alertError(data.message);
                    }
                },
            }); 
        });
    })
</script>

@endsection