<?php $__env->startSection('content'); ?>

<div class="wrapper-internal">
    <div class="container-conf">
        <div class="conf-box no-padding">
            <div class="cover-confraria" style="background-image: url('<?php echo e($confraria->imagem_capa ? $confraria->imagem_capa : '/img/site/conf-cover-padrao.png'); ?>');">
                <img src="/img/site/camera-change-conf.svg" data-open-dropdown-change class="change-picture" alt="Mudar foto">
                <ul class="drop-picture">
                    <li>
                        <div class="alterar-imagem-capa">Alterar capa</div>
                    </li>
                    <li>
                        <div>Remover capa</div>
                    </li>
                </ul>
                
                <input accept="image/*" class="input-imagem-capa" type="file" style="display:none !important">
            </div>

            <div class="top-home-content">
                <figure>
                    <img src="<?php echo e($confraria->imagem ? $confraria->imagem : '/img/site/group-conf-profile.png'); ?>" class="profile-confraria" alt="Foto Perfil">
                    <img src="/img/site/camera-change-conf.svg" data-open-dropdown-change class="change-picture" alt="Mudar foto">
                    <ul class="drop-picture">
                        <li>
                            <div class="alterar-imagem-confraria">Alterar foto</div>
                        </li>
                        <li>
                            <div >Remover foto</a>
                        </li>
                    </ul>

                    <input accept="image/*" class="input-imagem-confraria" type="file" style="display:none !important">
                </figure>
                <div class="text-top-home">
                    <h1><?php echo e($confraria->nome); ?></h1>

                    <div class="line-top-conf-home">
                        <div class="left-top-home">
                            <div class="list-membros-home">
                                <?php $__currentLoopData = $confraria->membros; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $membro): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <img style="object-fit: cover;" src="<?php echo e($membro->cadastro->thumbnail_principal ? $membro->cadastro->thumbnail_principal : '/img/site/user-conf.png'); ?>" alt="Nome do Membro" title="<?php echo e($membro->cadastro->nome . ' ' . $membro->cadastro->sobrenome); ?>">
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </div>
                            <span><?php echo e(count($confraria->membros)); ?> <?php echo e(count($confraria->membros) == 1 ? 'membro' : 'membros'); ?></span>
                        </div>
                        <div class="list-kpis">
                            <div class="kpi-item">
                                <span>Adega</span>
                                <strong><?php echo e($informacoesBasicasAdega['quantidadeVinhosAdega']); ?> und.</strong>
                            </div>
                            <div class="kpi-item right">
                                <span>Saldo disponível</span>
                                <?php if($confraria && $confraria->contaCorrente): ?>
                                <strong>R$ <?php echo e(number_format($confraria->contaCorrente->saldo, 2, ',', '')); ?></strong>
                                <?php else: ?>
                                <strong>R$ 0,00</strong>
                                <?php endif; ?>
                            </div>
                            <div class="kpi-item right">
                                <span>Saldo à vencer</span>
                                <?php if($confraria && $confraria->contaCorrenteValidade): ?>
                                <?php  $saldo_restante = $confraria->contaCorrenteValidade->saldo - $confraria->contaCorrenteValidade->saldo_resgatado;  ?>
                                <strong>R$ <?php echo e(number_format($saldo_restante, 2, ',', '')); ?></strong>
                                <?php else: ?>
                                <strong>R$ 0,00</strong>
                                <?php endif; ?>
                            </div>
                            <?php if($confraria && $confraria->contaCorrenteValidade): ?>
                            <div class="kpi-item center">
                                <span>Próx. Vencimento</span>
                                <strong><?php echo e(date('d/m/Y', strtotime($confraria->contaCorrenteValidade->data_validade))); ?></strong>
                            </div>
                            <?php endif; ?>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="conf-box">
            <div class="publish-home">
                <img src="/img/site/user-conf.png" class="publish-user-pic" alt="<?php echo e($cadastro->nome . ' ' . $cadastro->sobrenome); ?>">

                <div class="input-publish-box">
                    <textarea id="texto-post" type="text" placeholder="<?php echo e($cadastro->nome); ?>, compartilhe momentos com sua confraria"></textarea>
                    <div class="list-uploads">
                        <img class="adicionar-imagem-post" src="/img/site/publish-pic.svg" alt="Adicionar imagem" title="Adicionar imagem">

                        <input multiple accept="image/*" name="post_files[]" class="input-imagem-post" type="file" style="display:none !important">
                        <div style="font-size: 14px;color: #555;" class="arquivos-upload-post"></div>
                        <!-- <img src="/img/site/publish-video.svg" alt="Adicionar video" title="Adicionar video"> -->
                        <button id="enviar-post" class="publish-message">Enviar</button>
                    </div>
                </div>
            </div>
        </div>

        <div id="area-posts">
            <?php $__currentLoopData = $confrariaPosts; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $post): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <?php echo $__env->make('confraria.post', ['post' => $post], array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>  
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
    </div>
</div>

<script type="text/javascript">
    $(document).on('ready', function(){
        $(document).on('click', '[data-open-dropdown-change]', function(){
            var $drop = $(this).parent().find('.drop-picture');
            $drop.addClass('active');

            $(document).on('mouseleave', '.drop-picture.active', function(){
                $('.drop-picture.active').removeClass('active')
            })
        })

        $(document).on('click', '.show-all-gallery', function(){
            $(this).closest('.post-galeria').addClass('aberto')
        })

        $(document).on('click', '.like-comment:not(.active)', function(){
            var count = parseInt($(this).closest('.comentario-item-box').find('.likes-count span').text());
            $(this).addClass('active');
            $(this).closest('.comentario-item-box').find('.likes-count').addClass('active');
            $(this).closest('.comentario-item-box').find('.likes-count span').text(count + 1)
        })
        $(document).on('click', '.like-comment.active', function(){
            var count = parseInt($(this).closest('.comentario-item-box').find('.likes-count span').text());
            $(this).removeClass('active');
            if(count == 1){
                $(this).closest('.comentario-item-box').find('.likes-count').removeClass('active');
            }
            $(this).closest('.comentario-item-box').find('.likes-count span').text(count - 1)
        })

        $(document).on('click', '.respond-comment', function(){
            $(this).closest('.comentario-component').find('.publish-home').slideToggle({
                start: function() {
                    $(this).css('display','flex');
                }
            });
            $(this).closest('.comentario-item').find('.publish-home input').focus();
        })


        $(document).on('click', '#enviar-post', function (){
            let confraria_id = '<?php echo e($confraria->id); ?>';
            let texto = $('#texto-post').val();
            $('#texto-post').val('');

            let files = $('.input-imagem-post')[0].files;
            let formData = new FormData();
            formData.append('confraria_id', confraria_id);
            formData.append('texto', texto);

            if(files){
                Array.prototype.forEach.call(files, function(file, key) { 
                    formData.append(`file-${key}`, file);
                });
            }

            $('.carregando').fadeIn();
            $.ajax({
                url: "/confraria/novo-post",
                type: "post",
                data: formData,
                contentType: false,
                processData: false,
                success:function(data){
                    $('.carregando').fadeOut();
                    
                    if(!data.status){
                        return alertUtil.alertError(data.mensagem);   
                    }

                    $('#area-posts').prepend(data.html); 
                    $('.arquivos-upload-post').text('');
                    $(".input-imagem-post").val(null);
                    return alertUtil.alertSuccess(data.mensagem);  
                                      
                },
            }); 
        });

        $(document).on('click', '.enviar-comentario-post', function (){
            let element = $(this).closest('.input-publish-box');
            let texto = $(element).find('input').val();
            let confraria_id = '<?php echo e($confraria->id); ?>';
            let post_id = $(element).data('post');
            let parent = $(element).data('parent');
      
            $.ajax({
                url: "/confraria/novo-comentario",
                type: "post",
                data: {
                    confraria_id: confraria_id, 
                    texto: texto,
                    confraria_post_id: post_id,
                    parent: parent
                },
                success:function(data){
                    console.log(data); 

                    $('.responder-comentario').val('');
                    $(element).find('input').val('');

                    if(data.status){
                        alertUtil.alertSuccess(data.mensagem);
                        if(data.tipo == 'comentario'){
                           $(`.post-home[data-post=${post_id}]`).find('.lista-comentarios').append(data.html).show();
                        } else if(data.tipo == 'comentario-resposta'){
                            $(element).closest('.publish-home').slideToggle();
                            $(`.post-home[data-post=${post_id}]`).find(`.comentario-component[data-comentario=${parent}]`).append(data.html).show();
                        }
                    } else{
                        return alertUtil.alertError("Não foi possível enviar o seu comentário agora.");
                    }

                },
            }); 
        });

        $(document).on('click', '.alterar-imagem-confraria', function (){
            $('.input-imagem-confraria').trigger('click');
        });

        $(document).on('change', '.input-imagem-confraria', function (event){
            let file = $(this)[0].files[0];
            let formData = new FormData();
            formData.append('arquivo', file);
            formData.append('tipo', 'imagem');
            $('.carregando').fadeIn();
            $.ajax({
                url: "/confraria/upload-imagem-confraria",
                type: "post",
                data: formData,
                contentType: false,
                processData: false,
                success:function(data){   
                    $('.carregando').fadeOut();
                    console.log(data);  
                    if(data.status){
                        $('.profile-confraria').attr('src', data.url);
                        return alertUtil.alertSuccess(data.mensagem);
                    }else{
                        return alertUtil.alertError(data.mensagem);
                    }             
                },
            }); 
        });


        $(document).on('click', '.alterar-imagem-capa', function (){
            $('.input-imagem-capa').trigger('click');
        });

        $(document).on('change', '.input-imagem-capa', function (event){
            let file = $(this)[0].files[0];
            let formData = new FormData();
            formData.append('arquivo', file);
            formData.append('tipo', 'imagem_capa');

            $.ajax({
                url: "/confraria/upload-imagem-confraria",
                type: "post",
                data: formData,
                contentType: false,
                processData: false,
                success:function(data){   
                    if(data.status){
                        $('.cover-confraria').css("background-image", "url(" + data.url + ")");
                        return alertUtil.alertSuccess(data.mensagem);
                    }else{
                        return alertUtil.alertError(data.mensagem);
                    }             
                },
            }); 
        });


        $(document).on('click', '.adicionar-imagem-post', function (){
            $('.input-imagem-post').trigger('click');
        });

        $(document).on('change', '.input-imagem-post', function (event){
            let files = $(this)[0].files;        
            let arquivos = files.length == 1 ? files.length + ' arquivo selecionado' : files.length + ' arquivos selecionados';
            $('.arquivos-upload-post').text(arquivos);

            /*
            let lista_arquivos = '';
            Array.prototype.forEach.call(files, function(file) { 
                lista_arquivos += file.name + ', ';
            });
            */
        });


        $(document).on('click', '.post-action', function (){
            $('.drop-picture-post').toggleClass('active');
        });


        $(document).on('click', '.deletar-postagem', function (){
            let postId = $(this).data('post');

            $.ajax({
                url: "/confraria/deletar-post",
                type: "post",
                data: {
                    post: postId, 
                },
                success:function(data){   
                    if(data.status){
                        $('.post-home[data-post="' + postId + '"]').parent('.conf-box').remove();
                        return alertUtil.alertSuccess(data.mensagem);
                    }else{
                        return alertUtil.alertError('Não foi possível excluir esta postagem agora');
                    }             
                },
            });
        });

    })
</script>

<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.confraria', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>