@extends($current_template)

@section('content')

<script>
    $('.carregando').fadeIn();
</script>

<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            Canal
            <small>Listagem</small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="{{ url('admin') }}"><i class="fa fa-dashboard"></i> Dashboard</a></li>
            <li><a href="{{ url('admin/canal/lista') }}"><i class="fa fa-dashboard"></i> Canal</a></li>
            <li class="active">Acesso Autenticado</li>
        </ol>
    </section>

    <!-- Main content -->
    <section class="content">
        <div class="row">
            <div class="col-xs-12">
                <div class="box">
                    <div class="box-header">

                    </div>
                    <!-- /.box-header -->
                    <div class="box-body">
                        <form method="/" id="formFiltros" type="POST">

                        <div class="row">
                            <div class="col-md-12">
                                <label for="canal_id_fast_pass" class="control-label">DADOS CANAIS</label>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-2">
                                <div class="row">
                                    <div class="col-md-12">
                                        <h6>Canal Fast Pass:</h6>
                                        <select name="canal_id_fast_pass" id="canal_id_fast_pass" class="form-control select2">
                                            <option value="">Selecione um canal</option>
                                            @foreach($listaCanaisFastPass as $canal)
                                                <option value="{{ $canal->id }}">{{ $canal->nome }} {{ $canal->subtitulo }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="row">
                                    <div class="col-md-12">
                                        <h6>Produtos Fast Pass:</h6>
                                        <select name="produto_id_fast_pass" id="produto_id_fast_pass" class="form-control select2">
                                            <option value="">Selecione um Canal Fast Pass</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="row">
                                    <div class="col-md-12">
                                        <h6>Canal Acesso Autenticado:</h6>
                                        <select name="canal_id_acesso_autenticado" id="canal_id_acesso_autenticado" class="form-control select2">
                                            <option value="">Selecione um canal</option>
                                            @foreach($listaCanaisAcessoAutenticado as $canal)
                                                <option value="{{ $canal->id }}">{{ $canal->nome }} {{ $canal->subtitulo }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="row">
                                    <div class="col-md-12">
                                        <h6>Habilitados:</h6>
                                        <select name="habilitado" id="habilitado" class="form-control select2">
                                            <option value="">Todos</option>
                                            <option value="1">Sim</option>
                                            <option value="0">Não</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="row">
                                    <div class="col-md-12">
                                        <h6>Cliente:</h6>
                                        <input type="text" name="cliente_nome" id="cliente_nome" value="" class="form-control">
                                    </div>
                                </div>
                            </div>
                        </div>

                        <br>

                        <div class="row">
                            <div class="col-md-12">
                                <button type="button" class="btn btn-primary" id="btn-listar-clientes">Listar Clientes</button>
                            </div>  
                        </div>

                        <br>

                        </form>
                        <!-- /.row -->
                        <div class="row">
                            <fieldset style="float:left; width: 100%" id="field-clientes" class="hidden">
                                <legend>Clientes</legend>
                                <div class="row">
                                    <div class="col-md-12">

                                        <button type="button" class="btn btn-primary btn-gerar-acessos">Gerar Vínculos Canal Autenticado x Cliente</button>

                                        <button type="button" class="btn btn-danger" id="btn-habilitar-todos" style="margin-left: 15px;">Habilitar Todos</button>

                                        <button type="button" class="btn btn-success" id="btn-desabilitar-todos" style="margin-left: 15px;">Desabilitar Todos</button>

                                        <table class="table table-bordered table-striped" id="clientes-lista">
                                        <thead>
                                            <tr>
                                                <th class="no-sort text-center" width="5%"><input type="checkbox" name="selecionar_todos"/></th>
                                                <th width="20%">Cliente</th>
                                                <th width="10%">Pedido</th>
                                                <th width="10%">Status Pedido</th>
                                                <th width="10%">Data Compra</th>
                                                <th width="25%">Produto</th>
                                                <th width="10%">Habilitado</th>
                                                <th width="10%">Ação</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                        </tbody>
                                        </table>

                                        <button type="button" class="btn btn-primary btn-gerar-acessos">Gerar Vínculos Canal Autenticado x Cliente</button>

                                    </div>
                                </div>
                            </fieldset>
                        </div>
                    </div>
                </div>
                <!-- /.box -->
            </div>
            <!-- /.col -->
        </div>
        <!-- /.row -->
    </section>
    <!-- /.content -->
</div>
<!-- /.content-wrapper -->
<script>

    function listarClientes(){

        var canal_id_fast_pass   = $('#canal_id_fast_pass').val();
        var produto_id_fast_pass = $('#produto_id_fast_pass').val();
        var habilitado           = $('#habilitado').val();
        var canal_id_acesso_autenticado = $('#canal_id_acesso_autenticado').val();

        if(canal_id_fast_pass == ''){
            alertUtil.alertWarning('Campo "Canal Fast Pass" Obrigatório');
        }/*else if(canal_id_acesso_autenticado == ''){
            alertUtil.alertWarning('Campo "Canal Acesso Autenticado" Obrigatório');
        }*/else{

            $.ajax({
                url: '/admin/canal/listar-clientes-fast-pass',
                type: 'POST',
                data: $('#formFiltros').serialize(), // serializes the form's elements.
                dataType: 'json',
                beforeSend:function(){
                    $('.carregando').fadeIn();
                    $('#field-clientes').removeClass('hidden');
                },
                success:function(data){
                    $('.carregando').fadeOut();
                    $('#clientes-lista tbody').html(data.html);
                },
                error:function(){
                    $('.carregando').fadeOut();
                    alertUtil.alertError('Erro durante listagem clientes!');
                }
            });
        }

    }

    $('[name="selecionar_todos"]').click(function(){
        if($(this).is(':checked')){
            $('[name="item_cliente[]"]').prop('checked', true);
        }else{
            $('[name="item_cliente[]"]').prop('checked', false);
        }
    });

    $(document).on('change', '[name="canal_id_fast_pass"]', function(){
        var canal_id = $(this).val();
        $.ajax({
            url: '/admin/canal/buscar-produtos/' + canal_id,
            type: 'GET',
            beforeSend:function(){
                $('.carregando').fadeIn();
            },
            success:function(data){
                $('.carregando').fadeOut();
                $('[name="produto_id_fast_pass"]').html('');
                if(data.produtos.length > 0){
                    $('[name="produto_id_fast_pass"]').append('<option value="">Todos</option>');
                    $.each(data.produtos, function(key , obj){
                        $('[name="produto_id_fast_pass"]').append('<option value="' + obj.id + '">' + obj.nome + ' (' + obj.sku + ')</option>');
                    });
                }else if(canal_id != ''){
                    $('[name="produto_id_fast_pass"]').append('<option value="">Nenhum produto cadastrado!</option>');
                }
                $('[name="produto_id_fast_pass"]').trigger('change');
            },
            error:function(){
                $('.carregando').fadeOut();
            }
        });
    });

    $('#btn-habilitar-todos').click(function(e){
        $('.cliente-habilitado').val(1);
    });

    $('#btn-desabilitar-todos').click(function(e){
        $('.cliente-habilitado').val(0);
    });

    $('#btn-listar-clientes').click(function(e){
        listarClientes();
    });

    $('.btn-gerar-acessos').click(function(e){

        var canal_id_fast_pass          = $('#canal_id_fast_pass').val();
        var canal_id_acesso_autenticado = $('#canal_id_acesso_autenticado').val();

        var clientes_selecionados = $('[name="item_cliente[]"]:checked');
        var cliente  = 0;
        var clientes = [];
        var item     = {};

        if(canal_id_fast_pass == ''){
            alertUtil.alertWarning('Campo "Canal Fast Pass" Obrigatório');
        }else if(canal_id_acesso_autenticado == ''){
            alertUtil.alertWarning('Campo "Canal Acesso Autenticado" Obrigatório');
        }else if(clientes_selecionados.length > 0){

            $( clientes_selecionados ).each(function( index ) {

                cliente = clientes_selecionados[index].value;

                item  = {
                    cliente_id : cliente,
                    produto_id : $('#produto_id_' + cliente).val(),
                    pedido_venda_id : $('#pedido_venda_id_' + cliente).val(),
                    habilitado : $('#habilitado_' + cliente).val()
                };

                clientes.push(item);

            });

            $.ajax({
                url: '/admin/canal/gerar-acesso-autenticado',
                type: 'POST',
                data: {clientes: clientes, canal_id_fast_pass: canal_id_fast_pass, canal_id_acesso_autenticado: canal_id_acesso_autenticado},
                dataType: 'json',
                beforeSend:function(){
                    $('.carregando').fadeIn();
                },
                success:function(data){
                    $('.carregando').fadeOut();
                    listarClientes();
                    alertUtil.alertSuccess(data.message);
                },
                error:function(){
                    $('.carregando').fadeOut();
                    alertUtil.alertError('Erro durante gravação clientes!');
                }
            });

        }else{
            alertUtil.alertWarning('Você deve selecionar ao menos um cliente');
        }

    }); 

    function gerarAcesso(cliente){

        var canal_id_fast_pass          = $('#canal_id_fast_pass').val();
        var canal_id_acesso_autenticado = $('#canal_id_acesso_autenticado').val();

        var clientes = [];
        var item     = {};

        if(canal_id_fast_pass == ''){
            alertUtil.alertWarning('Campo "Canal Fast Pass" Obrigatório');
        }else if(canal_id_acesso_autenticado == ''){
            alertUtil.alertWarning('Campo "Canal Acesso Autenticado" Obrigatório');
        }else{

            item  = {
                cliente_id : cliente,
                produto_id : $('#produto_id_' + cliente).val(),
                pedido_venda_id : $('#pedido_venda_id_' + cliente).val(),
                habilitado : $('#habilitado_' + cliente).val()
            };

            clientes.push(item);

            $.ajax({
                url: '/admin/canal/gerar-acesso-autenticado',
                type: 'POST',
                data: {clientes: clientes, canal_id_fast_pass: canal_id_fast_pass, canal_id_acesso_autenticado: canal_id_acesso_autenticado},
                dataType: 'json',
                beforeSend:function(){
                    $('.carregando').fadeIn();
                },
                success:function(data){
                    $('.carregando').fadeOut();
                    alertUtil.alertSuccess(data.message);
                },
                error:function(){
                    $('.carregando').fadeOut();
                    alertUtil.alertError('Erro durante gravação cliente!');
                }
            });

        }

    }

    function resetGerador(){
        $('#field-clientes').addClass('hidden');
        $('#clientes-lista tbody').html('');
        $('#canal_id_fast_pass, #produto_id_fast_pass, #canal_id_acesso_autenticado, #habilitado').val("");
        $('[name="canal_id_fast_pass"]').trigger('change');
        $('[name="produto_id_fast_pass"]').trigger('change');
        $('[name="canal_id_acesso_autenticado"]').trigger('change');
        $('[name="habilitado"]').trigger('change');
    }

    $(document).ready(function(){

        $('.select2').select2();

        $('.carregando').fadeOut();

    });
</script>
@endsection