<?php if($this->session->flashdata('success')): ?>
<div class="row">
    <div class="alert alert-block alert-success" style="margin-bottom: 5px">
        <button type="button" class="close" data-dismiss="alert">
            <i class="ace-icon fa fa-times"></i>
        </button>
        <i class="ace-icon fa fa-check green"></i>
        <?php echo $this->session->flashdata('success'); ?>
    </div>
</div>
<?php endif; ?>
<?php if($this->session->flashdata('error')): ?>
<div class="row">
    <div class="alert alert-block alert-danger" style="margin-bottom: 5px">
        <button type="button" class="close" data-dismiss="alert">
            <i class="ace-icon fa fa-times"></i>
        </button>
        <i class="ace-icon fa fa-times"></i>
        <?php echo $this->session->flashdata('error'); ?>
    </div>
</div>
<?php endif; ?>

<div class="row">
    <?php echo form_open(base_url().'backend/cmsArtist/listArtistAjax'); ?>
    <div class="col-lg-3">
        <input class="form-control" type="text" name="input-name" id="input-name"
            placeholder="Nhập id, tên nghệ sĩ, email..." />
    </div>
    <div class="col-lg-1">
        <button class="btn btn-sm btn-default" id="delete-filter">Xóa bộ lọc</button>
    </div>
    <?php echo form_close(); ?>
    <div class="col-lg-1" style="float:right;">
        <a class="btn btn-sm btn-success" href="<?php echo base_url('backend/cmsArtist/addArtist');?>">
            <i class="glyphicon-plus"></i> Thêm</a>
    </div>
</div>
<!-- /.row -->
<div class="space-6"></div>
<div class="row">
    <div style="text-align: center" id="data-loading">
        <i class="fa fa-refresh fa-spin bigger-200"></i> Đang tải dữ liệu...
    </div>
    <div class="col-lg-12">
        <div id="div-response"></div>
    </div>

</div>

<script type="text/javascript">
//Thuc hien viec ve bieu do$data
$(document).ready(function() {
    var url = '<?php echo base_url("backend/cmsArtist/listArtistAjax"); ?>';

    // Tìm kiếm theo cú pháp
    var oldTimeout2 = '';
    $('#input-name').keyup(function() {
        clearTimeout(oldTimeout2);
        oldTimeout2 = setTimeout(function() {
            loadDataByAjaxFromInput(url);
        }, 250);
    });
    // Xóa bộ lọc
    $('#delete-filter').click(function() {
        $("#input-name").val('');
        changePagination('0');
        return false;

    });
    changePagination('0');

});
//Ham chung cho cac input
function loadDataByAjaxFromInput(url) {
    $('#data-loading').show();
    var csrf_value = '<?php echo $this->security->get_csrf_hash(); ?>';
    var fByName = $("#input-name").val();
    //Ajax ve bieu do
    $.ajax({
        type: "POST",
        url: url,
        data: {
            csrf_name: csrf_value,
            fByName: fByName
        },
        dataType: "text",
        cache: false,
        success: function(data) {
            $('#div-response').html(data);
            $('#data-loading').hide();
        }
    });
}
//Ham chung cho cac SelectBox
function loadDataByAjaxFromSelectBox(id, url) {
    $('#' + id).change(function() {
        $('#data-loading').show();
        var csrf_value = '<?php echo $this->security->get_csrf_hash(); ?>';
        var fByName = $("#input-name").val();
        //Ajax ve bieu do
        $.ajax({
            type: "POST",
            url: url,
            data: {
                csrf_name: csrf_value,
                fByName: fByName
            },
            dataType: "text",
            cache: false,
            success: function(data) {
                $('#div-response').html(data);
                $('#data-loading').hide();
            }
        });
    });
}

function loadDataByAjaxDateRange(dtFrom, dtTo, url) {
    $('#data-loading').show();
    var csrf_value = '<?php echo $this->security->get_csrf_hash(); ?>';
    var fByName = $("#input-name").val();
    // ajax
    $.ajax({
        type: "POST",
        url: url,
        data: {
            csrf_name: csrf_value,
            fByName: fByName
        },
        dataType: "text",
        cache: false,
        success: function(data) {
            $('#div-response').html(data);
            $('#data-loading').hide();
        }
    });
}

function changePagination(pageId) {
    $('#data-loading').show();
    var csrf_value = '<?php echo $this->security->get_csrf_hash(); ?>';
    var url = '<?php echo base_url()."backend/cmsArtist/listArtistAjax"; ?>';
    var fByName = $("#input-name").val();
    //Ajax ve bieu do\
    $.ajax({
        type: "POST",
        url: url,
        data: {
            csrf_name: csrf_value,
            fByName: fByName,
            pageId: pageId
        },
        dataType: "text",
        cache: false,
        success: function(data) {
            $('#div-response').html(data);
            $('#data-loading').hide();
        }
    });
}
</script>