<?php
$input_title = array(
    'name' => 'title',
    'type' => 'text',
    'value' => isset($title) ? $title : $contest[0]['title'],
    'placeholder' => '',
    'class' => '',
    'style' => 'width: 100%',
    'min' => 1,
    'max' => 50
);
$input_singer = array(
    'name' => 'singer',
    'type' => 'text',
    'value' => isset($singer) ? $singer : isset($track_user[0]['id'])? $track_user[0]['name']: '',
    'placeholder' => '',
    'class' => '',
    'disabled' => 'true',
    'style' => 'width: 100%',
    'min' => 1,
    'max' => 50
);
$input_artist = array(
    'name' => 'artist',
    'type' => 'text',
    'disabled' => 'true',
    'value' => isset($artist) ? $artist : isset($track_artists[0]['id']) ? $track_artists[0]['name']: '',
    'placeholder' => '',
    'class' => '',
    'style' => 'width: 100%',
);
$input_username = array(
    'name' => 'username',
    'type' => 'text',
    'value' => isset($username) ? $username : '',
    'placeholder' => 'Nhập username',
    'class' => '',
    'style' => 'width: 100%',
    'min' => 1,
    'max' => 50
);

$input_email = array(
    'name' => 'email',
    'type' => 'email',
    'value' => isset($email) ? $email : '',
    'placeholder' => 'Nhập pemail',
    'class' => '',
    'style' => 'width: 100%',
);
$input_full_name = array(
    'name' => 'full_name',
    'type' => 'text',
    'value' => isset($full_name) ? $full_name : '',
    'placeholder' => 'Nhập tên đầy đủ',
    'class' => '',
    'style' => 'width: 100%',
);
$input_link_zing = array(
    'name' => 'link_zing',
    'type' => 'text',
    'value' => isset($link_zing) ? $link_zing : '',
    'placeholder' => 'Nhập Link Zingmp3',
    'class' => '',
    'style' => 'width: 100%',
);
$input_link_nct = array(
    'name' => 'link_nct',
    'type' => 'text',
    'value' => isset($link_nct) ? $link_nct : '',
    'placeholder' => 'Nhập link NCT',
    'class' => '',
    'style' => 'width: 100%',
);
$input_link_keeng = array(
    'name' => 'link_keeng',
    'type' => 'text',
    'value' => isset($link_keeng) ? $link_keeng : '',
    'placeholder' => 'Nhập link Keeng',
    'class' => '',
    'style' => 'width: 100%',
);
?>
<div class="row">
    <div class="widget-box">
        <div class="widget-header">
            <p class="widget-title">Cập nhật thông tin bài hát</p>
        </div>
        <div class="widget-body">
            <div class="widget-main">
                <?php
                $attributes = array('class' => 'form-horizontal', 'id' => 'myform');
                isset($track_user[0]['id'])? $user_singer = $track_user[0]['id']: $user_singer = 0;;
                isset($track_artists[0]['id']) ? $user_artist = $track_artists[0]['id']: $user_artist = 0;
                echo form_open_multipart(base_url('backend/cmsTrack/editTrack/'.$contest[0]['id'].'/'.$user_singer.'/'.$user_artist), $attributes);
                ?>
                <div class="form-group">
                    <label class="col-lg-3"></label>
                    <div class="col-lg-3">
                        <input type="hidden" name="id" value="<?php echo $contest[0]['id']; ?>" />
                        <?php
                        if(validation_errors()){echo form_error('id', '<div class="error">', '</div>');}
                        ?>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-lg-3">Tên bài hát (*)</label>
                    <div class="col-lg-3">
                        <?php
                        echo form_input($input_title);
                        if(validation_errors()){echo form_error('title', '<div class="error">', '</div>');}
                        ?>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-lg-3">Tên ca sĩ hiện tại (*)</label>
                    <div class="col-lg-3">
                        <?php
                        echo form_input($input_singer);
                        ?>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-lg-3">Tên nhạc sĩ hiện tại(*)</label>
                    <div class="col-lg-3">
                        <?php
                        echo form_input($input_artist);
                        ?>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-lg-3">Cập nhật Tên Ca sĩ</label>
                    <div class="col-lg-3">
                        <select id='form-field-select-3' name="update_singer" style='width: 200px;'
                            class="chosen-select form-control" data-placeholder="Choose a State...">
                            <option value="-1">Chọn ca sĩ</option>
                            <?php foreach ($list_user as $singer): ?>
                            <option value="<?php echo $singer['id']; ?>">
                                <?php echo $singer['full_name']; ?>
                            </option>
                            <?php endforeach; ?>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-lg-3">Cập nhập Tên nhạc sĩ</label>
                    <div class="col-lg-3">
                        <select id='form-field-select-3' name="update_artist" style='width: 200px;'
                            class="chosen-select form-control" data-placeholder="Choose a State...">
                            <option value="-1">Chọn nhạc sĩ</option>
                            <?php foreach ($list_user as $artist): ?>
                            <option value="<?php echo $artist['id']; ?>">
                                <?php echo $artist['full_name']; ?>
                            </option>
                            <?php endforeach; ?>
                        </select>
                    </div>
                    <div id="add_composer" style="display: none;">
                        <a href="#myModal" role="button" class="btn btn-success" data-toggle="modal">Thêm nghệ sĩ</a>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-lg-3">Ảnh Bài hát</label>
                    <div class="col-lg-3">
                        <?php if ($contest[0]['art'] != null) : ?>
                        <img src="<?php echo MyHelper::getArtByTrack($contest[0]['art']); ?>"
                            style="width: 100%; margin-bottom: 15px;">
                        <?php endif; ?>
                        <input type="file" name="avatar" size="20" />
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-lg-3">
                        <a href="<?php echo base_url('backend/cmsTrack/showTrack/'.$contest[0]['id']);?>"
                            onclick="return confirm('Bạn có chắc chắn muốn quay lại trang chi tiết không?')">
                            <button type="button" class="btn btn-sm btn-default">
                                <i class="ace-icon fa fa-arrow-left"></i>Quay lại
                            </button>
                        </a>
                    </div>
                    <div class="col-lg-4">
                        <button class="btn btn-sm btn-primary" type="submit" name="btnSave">
                            <i class="ace-icon fa fa-check bigger-110"></i>Lưu lại
                        </button>
                        <button class="btn btn-sm" type="reset">
                            <i class="ace-icon fa fa-undo bigger-110"></i>Xóa form
                        </button>
                    </div>
                </div>
                <?php echo form_close(); ?>
                <p class="text-danger">Chú ý: Có thể cập nhật lại ca sĩ hoặc nhạc sĩ.</p>
            </div>

        </div>
    </div>

    <div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <div id="myModalLabel">Thêm mới Ca sĩ/Nhạc sĩ</div>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="widget-box">
                            <div class="widget-body">
                                <div class="widget-main">
                                    <form id="form_add_artist" method="POST" class="form-horizontal">
                                        
                                        <div class="form-group">
                                            <label class="col-lg-3"></label>
                                            <div class="col-lg-3">
                                                <input type="hidden" name="id" value="" />
                                            </div>
                                        </div>
                                        <div class="form-group err-full-name" id="err-full-name">
                                            <label class="col-lg-3">Tên đầu đủ (*)</label>
                                            <div class="col-lg-3">
                                                <input type="text" name="full_name" value="" class="form-control"
                                                    style="width:100%;" placeholder="Nhập họ tên đầy đủ" />
                                                <span id="err" class="text-danger"></span>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3">Link Zingmp3</label>
                                            <div class="col-lg-6">
                                                <input type="text" name="link_zing" value="" class="form-control"
                                                    style="width:100%;" placeholder="Nhập link ZingMp3" />
                                            </div>
                                            <div class="col-lg-3 text-right">
                                                <span><a href="https://zingmp3.vn/the-loai-nghe-si/Viet-Nam/IWZ9Z08I.html" target="_blank" >Lấy link ở ZingMp3</a></span>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3">Link Nhạc của tui</label>
                                            <div class="col-lg-6">
                                                <input type="text" name="link_nct" value="" class="form-control"
                                                    style="width:100%;" placeholder="Nhập link NCT" />
                                            </div>
                                            <div class="col-lg-3 text-right">
                                                <span><a href="https://www.nhaccuatui.com/nghe-si.html" target="_blank">Lấy link ở NCT</a></span>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3">Link Keeng</label>
                                            <div class="col-lg-6">
                                                <input type="text" name="link_keeng" value="" class="form-control"
                                                    style="width:100%;" placeholder="Nhập Link Keeng" />
                                            </div>
                                            <div class="col-lg-3 text-right">
                                                <span><a href="http://keeng.vn/danh-sach-ca-si" target="_blank">Lấy link ở Keeng</a></span>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-lg-3">
                                                <a href="<?php echo base_url('backend/cmsArtist/listArtist') ?>"
                                                    onclick="return confirm('Bạn có chắc chắn muốn quay lại Danh sách không?')">
                                                    <button type="button" class="btn btn-sm btn-default">
                                                        <i class="ace-icon fa fa-arrow-left"></i>Quay lại
                                                    </button>
                                                </a>
                                            </div>
                                            <div class="col-lg-4">
                                                <button class="btn btn-sm btn-primary" id="add_artists" name="btnSave">
                                                    <i class="ace-icon fa fa-check bigger-110"></i>Lưu lại
                                                </button>
                                                <button class="btn btn-sm" type="reset">
                                                    <i class="ace-icon fa fa-undo bigger-110"></i>Xóa form
                                                </button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div><!-- /.row -->
<script>
$(document).ready(function() {
    $('.chosen-select').chosen({
        allow_single_deselect: true,
        no_results_text: "Không có kết quả cần tìm"
    });
    $(window)
        .off('resize.chosen')
        .on('resize.chosen', function() {
            $('.chosen-select').each(function() {
                var $this = $(this);
                $this.next().css({
                    'width': $this.parent().width()
                });
            })
        }).trigger('resize.chosen');
    //resize chosen on sidebar collapse/expand
    $(document).on('settings.ace.chosen', function(e, event_name, event_val) {
        if (event_name != 'sidebar_collapsed') return;
        $('.chosen-select').each(function() {
            var $this = $(this);
            $this.next().css({
                'width': $this.parent().width()
            });
        })
    });

    //Hiển thị nút thêm mới nghệ sĩ
    $('#add_composer').hide();
    $('.chosen-single').click(function() {
        $('#add_composer').hide();
        var count = 0;
        var count1 = 0;
        $('.chosen-with-drop .chosen-drop .chosen-search input').keyup(function() {
            count = $(".chosen-with-drop .chosen-drop .no-results").size();
            count1 = $(".chosen-with-drop .chosen-drop .active-result").size();
            var keywork1 = $('.chosen-with-drop .chosen-drop .chosen-search input').val();
            if (count1 > 0 && keywork1 != '') {
                if (count == 1) {
                    $('#add_composer').hide();
                } else if (count == 0) {
                    $('#add_composer').hide();
                }
            } else {
                if(count == 1) {
                    $('#add_composer').show();
                } else if(count == 0) {
                    $('#add_composer').hide();
                }
            }
        });
    });
});

var url = '<?php echo base_url('backend/cmsArtist/addArtistAjax'); ?>';

//Thêm mới nghệ sĩ
$('#add_artists').click(function(e) {
    $('#err').empty();
    e.preventDefault();
    var formData = new FormData();
    //append some non-form data also
    formData.append('full_name', $("input[name='full_name']").val());
    formData.append('link_zing', $("input[name='link_zing']").val());
    formData.append('link_nct', $("input[name='link_nct']").val());
    formData.append('link_keeng', $("input[name='link_keeng']").val());

    $.ajax({
        url: url,
        type: 'POST',
        data: formData,
        dataType: 'json',
        processData: false,
        contentType: false,
        success: function(data) {
            
            if (data['check_full_name']) {
                $('#err').append(data['check_full_name']);
                $('#err-full-name').addClass('has-error');
            } else 
                $('#err-full-name').removeClass('has-error');
            if(data['success']){
                $("#form_add_artist").trigger("reset");
                alert('Tạo nghệ sĩ thành công!');
                location.reload(true);
                $('#myModal').modal('hide');
            }
        }
    });
});

// validation
$('#add_composer').click(function() {
    // var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
    // $("#add_artists").attr("disabled", true);
    // $("input[name='username']").keyup(function(){
    //     $('#err').empty();
    //     if ($("input[name='username']").val() == '') {
    //         $('#err').append('Vui lòng nhập username');
    //         $('#err-username').addClass('has-error');
    //     } else {
    //         $('#err-username').removeClass('has-error');
    //         $('#err-username').addClass('has-success');
    //     }
    //     var full_name = $("input[name='full_name']").val();
    //     var email = $("input[name='email']").val();
    //     var username = $("input[name='username']").val();
    //     validation(username, email, full_name);
    // });
    // $("input[name='email']").keyup(function(){
    //     $('#err').empty();
    //     if ($("input[name='email']").val() == '') {
    //         $('#err').append('Vui lòng nhập email');
    //         $('#err-email').addClass('has-error');
    //     } else {
    //         var email_vali = regex.test($("input[name='email']").val());
    //         if(email_vali == false) {
    //             $('#err').append('Vui lòng nhập đúng email');
    //             $('#err-email').addClass('has-error');
    //         } else {
    //             $('#err-email').removeClass('has-error');
    //             $('#err-email').addClass('has-success');
    //         }
    //     }
    //     var full_name = $("input[name='full_name']").val();
    //     var email = $("input[name='email']").val();
    //     var username = $("input[name='username']").val();
    //     validation(username, email, full_name);
    // });
    $("input[name='full_name']").keyup(function(){
        
        if ($("input[name='full_name']").val() == '') {
            $('#err').append('Vui lòng nhập họ tên');
            $('.err-full-name').addClass('has-error');
        } else {
            $('#err').empty();
            $('.err-full-name').removeClass('has-error');
            $('.err-full-name').addClass('has-success');
        }
        var full_name = $("input[name='full_name']").val();
        // var email = $("input[name='email']").val();
        // var username = $("input[name='username']").val();
        validation(full_name);
        
    });
});  

// validation
function validation(username =null, email = null, full_name) {
    // var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
    // var email_vali = regex.test(email);
    // if (full_name != '' && email_vali == true && username != '') {
    //     $("#add_artists").attr("disabled", false);
    // } else {
    //     $("#add_artists").attr("disabled", true);
    // }
    if (full_name != '') {
        $("#add_artists").attr("disabled", false);
    } else {
        $("#add_artists").attr("disabled", true);
    }
}

function show_src_option(status) {
    if (status == 'nct') {
        $('#nct_id').show();
    } else
        $('#nct_id').hide();
}
</script>