@extends('layouts.confraria')

@section('content')

<div class="wrapper criacao">
    <div class="box-criacao" id="box-criacao">
        @include("confraria.confraria-cadastro-step-01")
    </div>
</div>

<script type="text/javascript">
    $(document).on('ready', function(){
        $(document).on('click', '[data-next-step]', function(){
            var step = $(this).attr('data-next-step');

            if($('#conf-name-visual').val().length > 0){
                $('[name="nome_conf"]').val($('#conf-name-visual').val())
            }else{
                alertUtil.alertError("Digite um nome para sua Confraria");
                return false;
            }

            if(step == 2){
                $('.criacao-steps div.active').addClass('finished');
            }else{
                $('.criacao-steps div.finished').removeClass('finished');
            }

            $('.step-box.active, .criacao-steps div.active').removeClass('active');
            $('.step-box[data-step="' + step + '"], .criacao-steps div.step' + step).addClass('active');
            
            var title = $('[data-title-' + step + ']').text();
            var subtitle = $('[data-subtitle-' + step + ']').text();
            $('.criacao-top h2').text(title);
            $('.criacao-top p').text(subtitle);
        });

        $(document).on('click', '[data-add-amigo]', function(){
            var $clone = $('.list-inputs .input-box:first-child').clone();
            var number = $('.list-inputs .input-box').length + 1;
            $clone.find('label span').text(number);
            $clone.addClass('clone');

            $($clone).find('input').val('');
            $('.list-inputs .btn-text').before($clone);
        })

        $(document).on('click', '.delete-conf', function(){
            $(this).closest('.clone').remove();
        })

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

        $(document).on('click', '[data-copy-link]', function(){
            $('.copy-link-input').select();
            document.execCommand("copy");
            alertUtil.alertSuccess("Copiado com sucesso!");
        })

        $(document).on('click', '#submitConf', function(){

            let form = $('#form-cadastro-conf').serialize();

            $.ajax({
                url: "/confraria/enviar-convites",
                type: "post",
                data: form,
                beforeSend:function(){
                    $('.carregando').fadeIn();
                },
                success:function(data){
                    $('.carregando').fadeOut();
                    if(data.status){

                        alertUtil.alertSuccess(data.mensagem);
                        setTimeout(function(){
                            return window.location.replace(data.redirect);
                        }, 1000);

                    }else{
                        return alertUtil.alertError(data.mensagem);
                    }
                },
                error:function(data){
                    $('.carregando').fadeOut();
                    alertUtil.alertError('Erro ao enviar Convites. Tente novamente mais tarde.');
                }
            });
        });

        $(document).on('click', '#accessConf', function(){
            return window.location.replace('{{ url('/confraria/home') }}');
        });

        $(document).on('click', '#btnBackStep01', function(){

            $.ajax({
                url: "/confraria/cadastro-step-01",
                type: "post",
                beforeSend:function(){
                    $('.carregando').fadeIn();
                },
                success:function(data){
                    $('.carregando').fadeOut();
                    if(data.status){
                        $('#box-criacao').html(data.html);
                    }else{
                        return alertUtil.alertError(data.mensagem);
                    }
                },
                error:function(data){
                    $('.carregando').fadeOut();
                    alertUtil.alertError('Erro ao voltar para confraria. Tente novamente mais tarde.');
                }
            });
        });

        $(document).on('click', '#btnSaveConfraria', function(){

            let nome_conf = $('#conf-name-visual').val();

            $.ajax({
                url: "/confraria/cadastro",
                type: "post",
                data: {nome_conf: nome_conf},
                beforeSend:function(){
                    $('.carregando').fadeIn();
                },
                success:function(data){
                    $('.carregando').fadeOut();
                    if(data.status){

                        alertUtil.alertSuccess(data.mensagem);
                        $('#box-criacao').html(data.html);

                    }else{
                        return alertUtil.alertError(data.mensagem);
                    }
                },
                error:function(data){
                    $('.carregando').fadeOut();
                    alertUtil.alertError('Erro ao criar confraria. Tente novamente mais tarde.');
                }
            });
        });

    });
</script>

@endsection