Showing source for: https://hayhat.net/reinabayley924
Duration: 1.465889s
Server: LiteSpeed

<!DOCTYPE html>
<html lang="en">
	<head>
		<!-- Title -->
		<title>reinabayley924</title>

		<!-- Required Meta Tags Always Come First -->
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<!-- Favicon -->
		<link rel="shortcut icon" href="https://hayhat.net/themes/volcano/img/icon.png" />

		<meta name="title" content="reinabayley924">
		<meta name="description" content="Hát hay không bằng hay hát là Blog nhạc do chính thành viên tự hát, tự thu âm và chia sẻ để cộng đồng cùng nghe ^^">
		<meta name="keywords" content="Hát hay không bằng hay hát,hayhat,nhạc tự hát,nhạc tự thu âm,up nhạc của mình">


		<link rel="canonical" href="https://hayhat.net" /><link rel="home" href="https://hayhat.net" /><link rel="alternate" href="https://hayhat.net?lang=arabic" hreflang="ar" /><link rel="alternate" href="https://hayhat.net?lang=bengali" hreflang="bn" /><link rel="alternate" href="https://hayhat.net?lang=chinese" hreflang="zh" /><link rel="alternate" href="https://hayhat.net?lang=croatian" hreflang="sh" /><link rel="alternate" href="https://hayhat.net?lang=danish" hreflang="da" /><link rel="alternate" href="https://hayhat.net?lang=dutch" hreflang="nl" /><link rel="alternate" href="https://hayhat.net?lang=english" hreflang="en" /><link rel="alternate" href="https://hayhat.net?lang=filipino" hreflang="fil" /><link rel="alternate" href="https://hayhat.net?lang=french" hreflang="fr" /><link rel="alternate" href="https://hayhat.net?lang=german" hreflang="de" /><link rel="alternate" href="https://hayhat.net?lang=hebrew" hreflang="he" /><link rel="alternate" href="https://hayhat.net?lang=hindi" hreflang="hi" /><link rel="alternate" href="https://hayhat.net?lang=indonesian" hreflang="id" /><link rel="alternate" href="https://hayhat.net?lang=japanese" hreflang="ja" /><link rel="alternate" href="https://hayhat.net?lang=korean" hreflang="ko" /><link rel="alternate" href="https://hayhat.net?lang=persian" hreflang="fa" /><link rel="alternate" href="https://hayhat.net?lang=russian" hreflang="ru" /><link rel="alternate" href="https://hayhat.net?lang=spanish" hreflang="es" /><link rel="alternate" href="https://hayhat.net?lang=swedish" hreflang="sv" /><link rel="alternate" href="https://hayhat.net?lang=turkish" hreflang="tr" /><link rel="alternate" href="https://hayhat.net?lang=urdu" hreflang="ur" /><link rel="alternate" href="https://hayhat.net?lang=vietnam" hreflang="" /><link rel="alternate" href="https://hayhat.net?lang=vietnamese" hreflang="vi" /><meta property="og:title" content="reinabayley924"><meta property="og:image" content="https://hayhat.net/upload/photos/d-avatar.jpg"><meta property="og:image:width" content="500"><meta property="og:image:height" content="500"><meta property="og:description" content="Psicólogo clínico inscrito no CRP com expertise em anamnese, trabalhando há mais de 8 anos em consultório. Formação em Psicoterapia pela UFRJ. Dedico-me em aprimorar anamneses para proporcionar cuidado profissional."><meta property="og:url" content="https://hayhat.net/reinabayley924" />
		<!-- Google Fonts -->
		<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;800;900&display=swap" rel="stylesheet">
		<link href="https://hayhat.net/themes/volcano/fonts/Roboto.css" rel="stylesheet">
		<link href="https://hayhat.net/themes/volcano/fonts/Muli.css" rel="stylesheet">

		<script src="https://hayhat.net/themes/volcano/js/jquery.min.js?v=1.5.2"></script>
		<link rel="stylesheet" href="https://hayhat.net/themes/volcano/css/jquery-ui.css?v=1.5.2">
		<script src="https://hayhat.net/themes/volcano/js/jquery-ui.min.js?v=1.5.2"></script>
		<!-- CSS -->
		<link rel="stylesheet" href="https://hayhat.net/themes/volcano/css/bootstrap.min.css?v=1.5.2">
		<link rel="stylesheet" href="https://hayhat.net/themes/volcano/css/owl.carousel.min.css?v=1.5.2">
		<link rel="stylesheet" href="https://hayhat.net/themes/volcano/css/style.css?v=1.5.2">
		<script src="https://hayhat.net/themes/volcano/js/wavesurfer.min.js?v=1.5.2"></script>

		<style media="screen">
  
</style>


		<script type="text/javascript" src="https://hayhat.net/themes/volcano/js/tag-it.min.js?v=1.5.2"></script>
		<link rel="stylesheet" href="https://hayhat.net/themes/volcano/css/jquery.tagit.css?v=1.5.2">
		<link rel="stylesheet" href="https://hayhat.net/themes/volcano/css/bootstrap-colorpicker.min.css?v=1.5.2" />
		<script src="https://hayhat.net/themes/volcano/js/bootstrap-colorpicker.min.js?v=1.5.2"></script>

		<script type="text/javascript" src="https://hayhat.net/themes/volcano/js/fastclick.js?v=1.5.2"></script>
			    <script src="https://accounts.google.com/gsi/client" async defer></script>
	    		<!--  Scripts-->
		<script>
			function ajaxUrl() {
				return 'https://hayhat.net/endpoints';
			}
			function siteUrl() {
				return 'https://hayhat.net/';
			}
		</script>
		<!-- <script src="https://unpkg.com/wavesurfer.js"></script> -->
			    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
	    		<script src="https://hayhat.net/themes/volcano/js/emojionearea.min.js?v=1.5.2"></script>
		<link rel="stylesheet" href="https://hayhat.net/themes/volcano/css/emojionearea.min.css?v=1.5.2">
		 UA-68595121-17	    	    	  	  	  
		<script>
            window.run_station = null;
            $(document).ready(function() {
                // $(".emoji_comment_btn").emojioneArea({
                //     standalone: true,
                //     autocomplete: false,
                //     pickerPosition: "bottom",
                //     emojiPlaceholder: "",
                //     inline: true,
                //     dir            : "ltr",
                //     placement : 'absright'
                // 	// container: "#container",
                // 	// hideSource: false,
                // 	// useSprite: false
                // });
                window.init_emojioneArea = function() {
                    $(".comment_input").emojioneArea({
                        useInternalCDN: true,
                        events: {
                            keyup: function (editor, event) {
                                let emojioneArea = this; //this is instance of EmojioneArea
                                                                id = $( $(this)[0].source[0]).attr('data-audio-id');
                                $($(".comment_input")).limit("640", '#charsLeft_'+id);
                                c_id = $( $(this)[0].source[0]).attr('data-comment-id');
                                if ($('#write_comment_'+c_id).length) {
                                	$($('#write_comment_'+c_id)).limit("640", '#charsLeft_r_'+c_id);
                                }
                                                                if (event.which === 13 && !event.shiftKey) {
                                    // $scope.onPressKeyTextarea(event);
									var audioid = $( $(this)[0].source[0]).attr('data-audio-id');
									var commentid = $( $(this)[0].source[0]).attr('data-comment-id');
									if(typeof commentid !== 'undefined'){
										registerCommentreplay(emojioneArea.getText(), audioid, commentid, event, $(this));
									}else{
										registerComment(emojioneArea.getText(), audioid, event, $(this));
									}
                                    emojioneArea.setText('');
                                    emojioneArea.hidePicker();
                                    emojioneArea.editor.focus();
                                    event.preventDefault();
                                }
                            }
                        },
                        search: false,
                        recentEmojis: false,
                        filtersPosition: "bottom",
                        tones: false,
                        autocomplete: true,
                        filters: {animals_nature: false, food_drink: false, activity: false, travel_places: false, objects: false, symbols: false, flags: false}
                    });
                }
				window.init_emojioneArea();

				window.init_emojioneArea_replay = function(id) {
					$('#write_comment_'+id).emojioneArea({
						useInternalCDN: true,
						events: {
							keyup: function (editor, event) {
								let _emojioneArea = this; //this is instance of EmojioneArea
								if (event.which === 13 && !event.shiftKey) {
									var _audioid = $( $(this)[0].source[0]).attr('data-audio-id');
									var _commentid = $( $(this)[0].source[0]).attr('data-comment-id');
									registerCommentreplay(_emojioneArea.getText(), _audioid, _commentid, event, $(this));
									_emojioneArea.setText('');
									_emojioneArea.hidePicker();
									_emojioneArea.editor.focus();
									event.preventDefault();
								}
							}
						},
						search: false,
						recentEmojis: false,
						filtersPosition: "bottom",
						tones: false,
						autocomplete: false,
						filters: {animals_nature: false, food_drink: false, activity: false, travel_places: false, objects: false, symbols: false, flags: false}
					});
				}

				window.init_blogemojioneArea = function() {
                    $(".blog_comment_input").emojioneArea({
                        useInternalCDN: true,
                        events: {
                            keyup: function (editor, event) {
                                let emojioneArea = this; //this is instance of EmojioneArea
                                if (event.which === 13 && !event.shiftKey) {
                                    // $scope.onPressKeyTextarea(event);
									var audioid = $( $(this)[0].source[0]).attr('data-article-id');
                                    registerBlogComment(emojioneArea.getText(), audioid, event, $(this));
                                    emojioneArea.setText('');
                                    emojioneArea.hidePicker();
                                    emojioneArea.editor.focus();
                                    event.preventDefault();
                                }
                            }
                        },
                        search: false,
                        recentEmojis: false,
                        filtersPosition: "bottom",
                        tones: false,
                        autocomplete: true,
                        filters: {animals_nature: false, food_drink: false, activity: false, travel_places: false, objects: false, symbols: false, flags: false}
                    });
                }
                window.init_blogemojioneArea();
            });
		</script>

		<script>
		$(document).ready(function() {
		  $.ajaxSetup({
		    data: {
		        hash_id: getHashID()
		    },
		    cache: false
		  });
		});
		window.addEventListener("popstate", function(e) {
            window.location.href = location.href;
        });
        window.search_url = 'https://hayhat.net/search/songs/';
        window.chatfetch = false;
        window.UpdateChatU = 0;
			$(document).on('click', '[data-load]', function(event) {
				if ($('.ma_container').attr('data-page') == 'home') {
					window.location.href = siteUrl() + $(this).attr('data-load');
					return false;
				}
				$('.xzoom-source').remove();
				$('#buy_ticket_modal').modal('hide');
				if ($(this).attr('data-load') == '') {window.open($(this).attr('href'), '_blank');
					if (parseInt($('.ss_track_play_pause').attr('data_is_ad')) > 0) {
				 		is_sent = 1;
				 		song_id = $('#current-track').attr('value');
				 		onTimesUp(song_id);
				 		return false;
				 	}
					return false;
				}
				  //$('.sections li').removeClass('active');
			      $('#bar_loading').show().animate({width:20 + 80 * Math.random() + "%"}, 200);
			      event.preventDefault();
			      var url = $(this).attr('data-load');
			      $.ajax({
			        url: siteUrl() + '/ajax-load.php?path=' + url,
			        type: 'GET',
			        dataType: 'html'
			      })
			      .done(function(data_html, textStatus, request) {
			      	if (request.status == 201) {
			      		$('#login_box').modal('show');
			      	} else {
                        if(window.run_station !== null){
                            window.run_station.pause();
                        }

			      		data = JSON.parse($(data_html).filter('#json-data').val());
				        window.history.pushState({state:'new', ajax_url: url},'', data.url);

                        if(data.page_name == 'messages'){
                            window.chatfetch = true;
						}else{
                            window.chatfetch = false;
						}

				        if(data.page_name !== 'search'){
				            $('#search_keyword').val('');
						}

				        $('#container_content').html(data_html);
				        $('meta[name=title]').attr('content', data.site_title);
				        $('#page').attr('data-page', data.page_name);
				        $('meta[name=description]').attr('content', data.description);
				        $('meta[name=keywords]').attr('content', data.keyword);
				        $('title').html(data.site_title);
				        if (data.page_name) {
				        	setTimeout(function () {
				        		updateWaves = false;
				        		if ($('#current-track').val()) {
				        			if (Amplitude.getActiveSongMetadata().id == $('#current-track').val()) {
					        			updateWaves = true;
					        		} else {
					        			$('body').removeClass('player_running');
					        		}
				        		} else {
				        			updateWaves = true;
				        		}
				        		if (updateWaves == true) {
				        			var getCurrentPlaying = Number($('.amplitude-song-played-progress').attr('value')) * 100;
					        		$('#light-wave, #light-waves').width(getCurrentPlaying + '%');
					        		updateWaveForm();
				        		}
				        	}, 100);
                            if( data.page_name == 'blogs' ){
                                window.search_url = 'https://hayhat.net/blogs/tag/';
                            }
				        }
				        if (Amplitude.getActiveSongMetadata().id && $('#page').attr('data-page') == 'track') {
				        	if (Amplitude.getActiveSongMetadata().id == $('#current-track').val()) {
				        		$('body').addClass('player_running');
				        	}
				        }
				        if (Amplitude.getActiveSongMetadata().u_id && $('#page').attr('data-page') != 'track') {
				        	$('.playlist-list-song[data-id=' + Amplitude.getActiveSongMetadata().u_id + ']').addClass('playing');
				        	$('.list-recommended[data-id=' + Amplitude.getActiveSongMetadata().u_id + ']').addClass('playlist-list-song playing');
				        	if ($('.feed_post[data-id="' + Amplitude.getActiveSongMetadata().u_id + '"]').length > 0) {
				        		$.get('https://hayhat.net/endpoints/get-song-info', {id: Amplitude.getActiveSongMetadata().id}, function(data) {
				        			if (data.status == 200) {
				        				$('body').attr('song-duration', data.duration);
				        				if (data.songWaves.length > 0) {
											$('.feed_post[data-id="' + data.songID + '"]:first').find('.waveform-small').html(data.songWaves);
											$('#light-wave img').width($('#dark-wave').width() + 'px');
											$('#light-waves img').width($('#dark-wavez').width() + 'px');
											$('.feed_post[data-id="' + data.songID + '"]:first').find('.post-actions').removeClass('hidden');
											$('.feed_post[data-id="' + data.songID + '"]:first').find('.ssong_comments').removeClass('hidden');
											$('.feed_post[data-id="' + data.songID + '"]:first').find('.mus_feeds_bodycoms').removeClass('hidden');
											$('.feed_post[data-id="' + data.songID + '"]:first').find('.art-info').removeClass('hidden');
				    						$('.feed_post[data-id="' + data.songID + '"]:first').find('.comment_list').html(data.comments);
				    						$('.feed_post[data-id="' + data.songID + '"]:first').find('.comment-waves').html(data.waves);
				    						var getCurrentPlaying = Number($('.amplitude-song-played-progress').attr('value')) * 100;
					        		        $('#light-wave, #light-waves').width(getCurrentPlaying + '%');
				    						updateWaveForm();
										}
				        			}
				        		});
				        	}
				        }
                        $('#music-user-ads-table').find('[type="checkbox"]').each(function(index, el) {
                            $(el).bootstrapToggle();
                        });
                        if( data.page_name === 'station'){
                            setTimeout(function () {
                                $('body').addClass('player_running');
                            }, 100);
                        }
			      	}

			      })
			      .fail(function() {
			         window.location.href = siteUrl()+'/404';
			      })
			      .always(function() {
			      	if (typeof data !== 'undefined') {
			      		if (data.page_name == 'user' && data.scroll == true) {
				        	$('html,body').animate({
						        scrollTop: $('#myTab').offset().top - 350
						    });
				        } else {
				        	$('html,body').animate({
						        scrollTop: $('body').offset().top
						    });
				        }
                        window.init_emojioneArea();
			      	}
			        $('#bar_loading').animate({width:"100%"}, 200).fadeOut(300, function() {
			           $(this).width("0");
			        });
			      });
			  });
			window.artist_sell = 'on';
			var video_player;
		</script>

		<style>
				:root {
		--main-color: #F98F1D;
		--second-color: #ea8e48;
		}

		.sidebar .sidebar_innr .sections li a:before {
    		background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='11' height='15.866' viewBox='0 0 11 15.866'%3e%3cg id='Hover:_Sound_bar' data-name='Hover: Sound bar' transform='translate(-1502 -129.5)'%3e%3cline id='Line_8' data-name='Line 8' y2='15.866' transform='translate(1511.5 129.5)' fill='none' stroke='%23ea8e48' stroke-width='3'/%3e%3cline id='Line_9' data-name='Line 9' y2='14.254' transform='translate(1503.5 130.306)' fill='none' stroke='%23ea8e48' stroke-width='3'/%3e%3c/g%3e%3c/svg%3e");
		}
		header .head_search .search_dropdown .see_all a:before {
			background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23F98F1D' d='M13,9L15.5,6.5L16.92,7.92L12,12.84L7.08,7.92L8.5,6.5L11,9V3H13V9M3,15H21V17H3V15M3,19H13V21H3V19Z' /%3e%3c/svg%3e");
		}
		.see_all a:before {
			background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23F98F1D' d='M13,9L15.5,6.5L16.92,7.92L12,12.84L7.08,7.92L8.5,6.5L11,9V3H13V9M3,15H21V17H3V15M3,19H13V21H3V19Z' /%3e%3c/svg%3e");
		}
		.sq_music_tracks .track .track_info .play_btn {
			background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='42.505' height='42.5' viewBox='0 0 42.505 42.5'%3e%3cpath id='Path_7225' data-name='Path 7225' d='M8827,2861.251a21.252,21.252,0,1,1,21.251,21.249A21.276,21.276,0,0,1,8827,2861.251Zm14.1-17.34a18.2,18.2,0,0,0-6.086,4.009,18.976,18.976,0,0,0,0,26.66,18.218,18.218,0,0,0,6.086,4.013,19.327,19.327,0,0,0,14.311,0,18.159,18.159,0,0,0,6.084-4.013,18.968,18.968,0,0,0,0-26.66,18.18,18.18,0,0,0-6.084-4.009,19.327,19.327,0,0,0-14.311,0Zm2.277,24.14c-.106,0-.214-.178-.267-.178a2.321,2.321,0,0,1-.107-.358v-11.8a2.33,2.33,0,0,1,.107-.358c.053,0,.16-.178.267-.178.125,0,.252-.18.376-.18a.369.369,0,0,0,.356.18l8.726,5.9c.107,0,.178.176.231.176.054.18.089.18.089.358s-.035.176-.089.358c-.054,0-.124.178-.231.178l-8.726,5.9a.37.37,0,0,0-.356.178C8843.627,2868.229,8843.5,2868.051,8843.375,2868.051Z' transform='translate(-8827.001 -2840)' fill='%23F98F1D'/%3e%3c/svg%3e");

		}

		</style>

		<script src="https://hayhat.net/themes/volcano/js/header.js?1551"></script>

		
		<link rel="stylesheet" href="https://hayhat.net/themes/volcano/css/custom.style.css?4339" id="custom.style.css">
		

		<link rel="stylesheet" href="https://hayhat.net/themes/volcano/js/lib/sweetalert2/dist/sweetalert2.min.css?v=1.5.2">
		<link rel="stylesheet" type="text/css" href="https://hayhat.net/themes/volcano/css/dataTables.bootstrap4.min.css?v=1.5.2">
		<link rel="stylesheet" href="https://hayhat.net/themes/volcano/css/bootstrap-select.min.css?v=1.5.2">

										<script type="text/javascript" src="https://hayhat.net/themes/volcano/js/xzoom.min.js"></script>
		<script src="https://hayhat.net/themes/volcano/js/html2pdf.bundle.js?v=1.5.2"></script>
		<script src="https://hayhat.net/themes/volcano/js/qrcode.js?v=1.5.2"></script>
		<link rel="stylesheet" href="https://hayhat.net/themes/volcano/css/lightbox.min.css?v=1.5.2">
		<script src="https://hayhat.net/themes/volcano/js/lightbox.min.js?v=1.5.2"></script>
				
		<link rel="stylesheet" href="https://hayhat.net/themes/volcano/css/flatpickr.min.css?v=1.5.2">
		<script src="https://hayhat.net/themes/volcano/js/flatpickr.js?v=1.5.2"></script>
	</head>

	<body class=" side_open" data-lang="ltr">
			<div class="music_app">
			<div class="ma_container" id="page" data-page="user">
				<!-- Start Sidebar  -->
				<div class="ma_sidebar">
	<div class="sidebar">
		<div class="sidebar_innr" data-simplebar>
			<ul class="sections">
				<h3>QUẨY LÊN</h3>
				<li class="" >
					<a href="https://hayhat.net/discover" data-load="discover">
						<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24.997" viewBox="0 0 25 24.997"> <path id="Subtraction_4" data-name="Subtraction 4" d="M8853.4,2866.4h-10.287v-10.285H8853.4V2866.4Zm-8.828-8.826v7.369h7.366v-7.369Zm-5.885,8.826H8828.4v-10.285h10.287V2866.4Zm-8.828-8.826v7.369h7.37v-7.369Zm23.541-5.884h-10.287V2841.4H8853.4v10.286Zm-8.828-8.828v7.369h7.366v-7.369Zm-5.885,8.828H8828.4V2841.4h10.287v10.286Zm-8.828-8.828v7.369h7.37v-7.369Z" transform="translate(-8828.399 -2841.4)" fill="currentColor"/> </svg> Khám phá
					</a>
				</li>
				
				<li class="  hidden">
					<a href="https://hayhat.net/feed" data-load="feed">
						<svg enable-background="new 0 0 24 24" height="512" viewBox="0 0 24 24" width="512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="m20.5 24h-12c-1.378 0-2.5-1.121-2.5-2.5v-15c0-1.379 1.122-2.5 2.5-2.5h12c1.378 0 2.5 1.121 2.5 2.5v15c0 1.379-1.122 2.5-2.5 2.5zm-12-19c-.827 0-1.5.673-1.5 1.5v15c0 .827.673 1.5 1.5 1.5h12c.827 0 1.5-.673 1.5-1.5v-15c0-.827-.673-1.5-1.5-1.5z"/><path fill="currentColor" d="m4.5 21h-1c-1.378 0-2.5-1.121-2.5-2.5v-16c0-1.379 1.122-2.5 2.5-2.5h12c1.378 0 2.5 1.121 2.5 2.5 0 .276-.224.5-.5.5s-.5-.224-.5-.5c0-.827-.673-1.5-1.5-1.5h-12c-.827 0-1.5.673-1.5 1.5v16c0 .827.673 1.5 1.5 1.5h1c.276 0 .5.224.5.5s-.224.5-.5.5z"/><path fill="currentColor" d="m18.5 17h-8c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h8c.276 0 .5.224.5.5s-.224.5-.5.5z"/><path fill="currentColor" d="m18.5 21h-8c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h8c.276 0 .5.224.5.5s-.224.5-.5.5z"/><path fill="currentColor" d="m18.5 13h-8c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h8c.276 0 .5.224.5.5s-.224.5-.5.5z"/><path fill="currentColor" d="m18.5 9h-8c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h8c.276 0 .5.224.5.5s-.224.5-.5.5z"/></svg> NewFeed
					</a>
				</li>
				
				<li class="">
					<a href="https://hayhat.net/new_music" data-load="new_music">
						<svg xmlns="http://www.w3.org/2000/svg" width="17.533" height="25" viewBox="0 0 17.533 25"> <path id="Subtraction_5" data-name="Subtraction 5" d="M8833.326,2865.7a5.626,5.626,0,1,1,3.574-9.967l.59.484v-14.786a.732.732,0,0,1,1.464,0v.046a2.538,2.538,0,0,0,1.479,1.985,8.266,8.266,0,0,0,4.07.982.732.732,0,0,1,0,1.464,9.4,9.4,0,0,1-5-1.3l-.553-.354v15.764a.055.055,0,0,1,0,.013v.017a.017.017,0,0,0,0,.007v.006a.055.055,0,0,1,0,.012A5.636,5.636,0,0,1,8833.326,2865.7Zm0-9.789a4.164,4.164,0,1,0,4.164,4.164A4.168,4.168,0,0,0,8833.326,2855.911Z" transform="translate(-8827.701 -2840.7)" fill="currentColor"/> </svg> Nhạc mới
					</a>
				</li>
				<li class="">
					<a href="https://hayhat.net/top_music" data-load="top_music">
						<svg xmlns="http://www.w3.org/2000/svg" width="24.699" height="25" viewBox="0 0 24.699 25"> <path id="Path_7218" data-name="Path 7218" d="M8843.883,2857.355a3.644,3.644,0,0,1,5.96-2.812l.082.069v-8.76a.624.624,0,1,1,1.247,0v.029a1.414,1.414,0,0,0,.828,1.076,4.939,4.939,0,0,0,2.425.583.623.623,0,1,1,0,1.247,5.98,5.98,0,0,1-3.175-.83l-.078-.049v9.448a3.645,3.645,0,1,1-7.289,0Zm1.248,0a2.4,2.4,0,1,0,2.4-2.4A2.4,2.4,0,0,0,8845.131,2857.355Zm-14.779-3.431a5.2,5.2,0,0,1,8.511-4.017l.545.447v-13.677a.677.677,0,0,1,1.354,0v.042a2.347,2.347,0,0,0,1.367,1.835,7.667,7.667,0,0,0,3.768.908.677.677,0,0,1,0,1.354,8.718,8.718,0,0,1-4.623-1.2l-.512-.33v14.583a.023.023,0,0,1,0,.013v.027a.016.016,0,0,1,0,.011,5.205,5.205,0,1,1-10.41,0Zm1.351,0a3.853,3.853,0,1,0,3.853-3.853A3.855,3.855,0,0,0,8831.7,2853.924Z" transform="translate(-8830.352 -2836)" fill="currentColor"/> </svg> Bảng Xếp Hạng
					</a>
				</li>
				<li class="">
					<a href="https://hayhat.net/albums" data-load="albums">
						<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24.899" viewBox="0 0 25 24.899"> <path id="Subtraction_7" data-name="Subtraction 7" d="M8840.7,2866.271a12.482,12.482,0,0,1-9.5-20.6,12.858,12.858,0,0,1,7.555-4.3v1.47a10.64,10.64,0,0,0-6.635,3.837,11.324,11.324,0,0,0-2.529,7.79,11.224,11.224,0,0,0,11.106,10.437,11.009,11.009,0,0,0,7.088-2.511,11.145,11.145,0,0,0,3.851-6.535,10.987,10.987,0,0,0-1.144-7.384,11.373,11.373,0,0,0-5.617-5l-.868-.352v10.651a3.474,3.474,0,0,1-.633,1.981,3.556,3.556,0,0,1-1.678,1.228,2.367,2.367,0,0,1-.74.112,4.252,4.252,0,0,1-1.321-.243,3.423,3.423,0,0,1-1.646-1.22,3.183,3.183,0,0,1-.6-1.979,3.126,3.126,0,0,1,.67-1.853l0-.007a3.554,3.554,0,0,1,1.7-1.228,2.424,2.424,0,0,1,.739-.112,4.152,4.152,0,0,1,1.31.242l.829.275v-9.6a12.856,12.856,0,0,1,7.553,4.3,12.482,12.482,0,0,1-9.5,20.6Z" transform="translate(-8828.199 -2841.371)" fill="currentColor"/> </svg> Albums
					</a>
				</li>
				<li class="">
					<a href="https://hayhat.net/spotlight" data-load="spotlight">
						<svg xmlns="http://www.w3.org/2000/svg" width="20.631" height="24.9" viewBox="0 0 20.631 24.9"> <path id="Path_7233" data-name="Path 7233" d="M8838.615,2866.2h0l-7.295-7.285a10.323,10.323,0,1,1,14.594,0l-7.3,7.287Zm0-23.534a8.946,8.946,0,0,0-8.264,5.517,8.753,8.753,0,0,0-.508,5.178,8.9,8.9,0,0,0,2.445,4.579l6.326,6.34,6.326-6.34a8.911,8.911,0,0,0,2.445-4.576,8.946,8.946,0,0,0-3.8-9.191A8.886,8.886,0,0,0,8838.615,2842.665Z" transform="translate(-8828.301 -2841.3)" fill="currentColor"/> </svg> Spotlight
					</a>
				</li>
				<li class="">
					<a href="https://hayhat.net/genres" data-load="genres">
						<svg xmlns="http://www.w3.org/2000/svg" width="19.093" height="23.901" viewBox="0 0 19.093 23.901"> <path id="Subtraction_34" data-name="Subtraction 34" d="M8837.182,2863.9h-1.264v-4.6l-.45-.044a9.68,9.68,0,0,1-5.761-2.684,10.215,10.215,0,0,1-2.707-5.26h1.283a8.426,8.426,0,0,0,16.535,0h1.274a10.15,10.15,0,0,1-2.7,5.26,9.682,9.682,0,0,1-5.761,2.684l-.453.044v4.6Zm-.631-9.056a4.925,4.925,0,0,1-3.641-1.543l-.018-.016a5.1,5.1,0,0,1-1.5-3.6V2847.7h1.266v1.985a3.9,3.9,0,0,0,7.79,0V2847.7h1.264v1.985a5.109,5.109,0,0,1-1.5,3.6l-.02.016A4.934,4.934,0,0,1,8836.551,2854.846Zm-3.894-8.142h-1.266v-1.545a5.1,5.1,0,0,1,1.5-3.6l.018-.015a4.932,4.932,0,0,1,3.641-1.541,4.2,4.2,0,0,1,1.937.4l.033.016.037.011a3.967,3.967,0,0,1,1.635,1.112l.037.033a4.466,4.466,0,0,1,1.088,1.625,4.909,4.909,0,0,1,.394,1.958v1.544h-1.264v-1.545a3.9,3.9,0,0,0-7.79,0v1.545Z" transform="translate(-8827 -2840)" fill="currentColor"/> </svg> Thể loại
					</a>
				</li>
				<li class="">
					<a href="https://hayhat.net/playlists" data-load="playlists">
						<svg xmlns="http://www.w3.org/2000/svg" width="23.707" height="19.162" viewBox="0 0 23.707 19.162"> <g id="Group_9318" data-name="Group 9318" transform="translate(-2.51 -457.207)"> <path id="Path_6453" data-name="Path 6453" d="M3469,13930.909h11.364v2.272H3469Zm0-7.955h15.909v2.273H3469Zm0-7.954h22.727v2.272H3469Z" transform="translate(-3466 -13457.303)" fill="currentColor" class="icon_stroke" stroke-width="0.98"/> <path id="Path_7235" data-name="Path 7235" d="M82.656,1.8a3.89,3.89,0,0,1-1.892-.448c-.4-.234-.634-.527-.634-.8V.524a.531.531,0,0,0-1.063,0V7.255A2.865,2.865,0,1,0,80.13,9.472c0-.005,0-.01,0-.016s0-.005,0-.008V2.193a4.8,4.8,0,0,0,2.526.652.524.524,0,1,0,0-1.048Zm-5.44,9.5a1.826,1.826,0,1,1,1.851-1.826A1.84,1.84,0,0,1,77.217,11.3Z" transform="translate(-57.46 463.533)" fill="currentColor"/> </g> </svg> Playlists
					</a>
				</li>
									<li class="">
						<a href="https://hayhat.net/fame" data-load="fame">
							<svg xmlns="http://www.w3.org/2000/svg" width="26" height="23.728" viewBox="0 0 26 23.728"> <path id="Path_6305" data-name="Path 6305" d="M3584.546,13078.682h2.272v11.363h-2.272Zm-4.546,3.409h2.272v4.545H3580Zm9.091-9.091h2.273v20.454h-2.273Zm4.545,2.271h2.273v20.456h-2.273Zm4.546,3.41h2.272v11.363h-2.272Zm4.546,3.409H3605v4.545h-2.272Z" transform="translate(-3579.5 -13072.5)" fill="currentColor" class="icon_stroke" stroke-width="1"/> </svg>
							Thành Viên
						</a>
					</li>
												
									<li class="">
						<a href="https://hayhat.net/point-system" data-load="point-system">
							<svg xmlns="http://www.w3.org/2000/svg" width="24.659" height="22.655" viewBox="0 0 24.659 22.655"> <g id="Group_9322" data-name="Group 9322" transform="translate(-7.751 -625.474)"> <path id="Path_7236" data-name="Path 7236" d="M8820.372,2870.056a15.79,15.79,0,0,1-7.756-1.818l-.677-.375-.253.729a.493.493,0,0,1-.187.233l-.014.009a.422.422,0,0,1-.261.077h-3.432a.481.481,0,0,1-.492-.494v-10.291a.484.484,0,0,1,.492-.494h3.432a.53.53,0,0,1,.35.142.535.535,0,0,1,.143.352v.65h.649a7.381,7.381,0,0,1,4.549,1.576l.177.14h2.707a4.485,4.485,0,0,1,3.346,1.5l.194.217h3.894a5.1,5.1,0,0,1,2.7.78,5.168,5.168,0,0,1,1.691,1.76,14.286,14.286,0,0,1-4.992,3.9A14.773,14.773,0,0,1,8820.372,2870.056Zm-8.654-10.291v6.759l.316.188.038.022a14.183,14.183,0,0,0,8.3,2.334,13.654,13.654,0,0,0,5.136-.993,13.157,13.157,0,0,0,4.264-2.764l.7-.645-.705-.59-.016-.011a4.084,4.084,0,0,0-2.246-.858l-.239-.013h-3.252l.173.789a4.665,4.665,0,0,1,.111,1v.494H8815.3v-.989h8.055l-.333-.878-.044-.124-.016-.029a3.6,3.6,0,0,0-1.2-1.379,3.471,3.471,0,0,0-1.737-.6l-3.308,0a6.347,6.347,0,0,0-4.352-1.714Zm-3.43-1.144v9.3h2.442v-9.3Z" transform="translate(-8799.4 -2222.076)" fill="currentColor" class="icon_stroke" stroke-width="0.3"/> <path id="Path_6605" data-name="Path 6605" d="M3366.446,7177.582l-3.682,2.248,1-4.2-3.276-2.806,4.3-.345,1.659-3.983,1.653,3.983,4.3.345-3.275,2.806,1,4.2Z" transform="translate(-3344.385 -6543.025)" fill="currentColor"/> </g> </svg> Kiếm điểm
						</a>
					</li>
							</ul>

			<ul class="sections">
							<h3>NHẠC MẤT PHÍ</h3>
				<li class="">
					<a href="https://hayhat.net/store/songs" data-load="store/songs">
						<svg xmlns="http://www.w3.org/2000/svg" width="28.05" height="28.05" viewBox="0 0 28.05 28.05"> <g id="Group_9324" data-name="Group 9324" transform="translate(-2.94 -712.3)"> <path id="Path_6772" data-name="Path 6772" d="M3772.806,8082.976l5.555,5.554-1.83,1.83-5.555-5.555a11.672,11.672,0,1,1,1.83-1.829Zm-2.609-.962a9.053,9.053,0,1,0-.182.183Z" transform="translate(-3748.36 -7351)" fill="currentColor" class="icon_stroke" stroke-width="1.4"/> <g id="Icon_feather-globe" data-name="Icon feather-globe" transform="translate(9.476 718.914)"> <path id="Path_7238" data-name="Path 7238" d="M14.747,8.873A5.873,5.873,0,1,1,8.873,3,5.873,5.873,0,0,1,14.747,8.873Z" transform="translate(-3 -3)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="0.9"/> <path id="Path_7239" data-name="Path 7239" d="M3,18H14.747" transform="translate(-3 -12.127)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="0.9"/> <path id="Path_7240" data-name="Path 7240" d="M14.349,3A8.986,8.986,0,0,1,16.7,8.873a8.986,8.986,0,0,1-2.349,5.873A8.986,8.986,0,0,1,12,8.873,8.986,8.986,0,0,1,14.349,3Z" transform="translate(-8.476 -3)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="0.9"/> </g> </g> </svg> Nhạc đang bán
					</a>
				</li>
				<li class="">
					<a href="https://hayhat.net/purchased" data-load="purchased">
						<svg xmlns="http://www.w3.org/2000/svg" width="24.999" height="25.196" viewBox="0 0 24.999 25.196"> <path id="Union_6" data-name="Union 6" d="M8827.667,2865.2a.66.66,0,0,1-.667-.667v-.083l1.126-14.553a.634.634,0,0,1,.206-.425l.015-.01a.641.641,0,0,1,.446-.178h2.082v-.659a8.666,8.666,0,0,1,2.524-6.1,8.63,8.63,0,0,1,12.2,0,8.659,8.659,0,0,1,2.528,6.1v.659h2.078a.646.646,0,0,1,.448.178l.015.01a.631.631,0,0,1,.207.422l1.127,14.581a.694.694,0,0,1-.163.493.7.7,0,0,1-.432.232Zm.719-1.332h22.225l-1.02-13.254H8829.4Zm6.067-20.509a7.208,7.208,0,0,0-2.234,4.941l-.043.982h14.611v-.659a7.274,7.274,0,0,0-6.967-7.277l-.292-.012-.028,0A7.267,7.267,0,0,0,8834.453,2843.356Zm2.395,13.218v-2.653h5.306v2.653Z" transform="translate(-8827 -2840)" fill="currentColor"/> </svg> Đã mua
					</a>
				</li>
									</ul>
						<ul class="sections">
				<h3>NHẠC CỦA TUI</h3>
				<li  class="">
					<a href="https://hayhat.net/recently_played" data-load="recently_played">
						<svg xmlns="http://www.w3.org/2000/svg" width="26.1" height="23.654" viewBox="0 0 26.1 23.654"> <g id="Group_9328" data-name="Group 9328" transform="translate(-37.95 -889.95)"> <path id="Path_6433" data-name="Path 6433" d="M3477.775,13807.426l6.1,4.123c.075,0,.125.125.162.125.038.125.063.125.063.25s-.025.123-.062.25c-.037,0-.087.123-.162.123l-6.1,4.125a.259.259,0,0,0-.25.125c-.087,0-.175-.125-.262-.125s-.15-.125-.187-.125a1.658,1.658,0,0,1-.075-.25v-8.246a1.646,1.646,0,0,1,.075-.252c.038,0,.112-.123.188-.123s.175-.127.262-.127A.257.257,0,0,0,3477.775,13807.426Z" transform="translate(-3429.128 -12910.147)" fill="currentColor"/> <path id="Path_7243" data-name="Path 7243" d="M3468.993,13802h24.914l.086,21.242v1.309l-24.992-.176v-1.133Zm2.508,2.5v17.494h19.993V13804.5Z" transform="translate(-3430.493 -12911.5)" fill="currentColor" class="icon_stroke" stroke-width="1.1"/> </g> </svg> Nghe gần đây
					</a>
				</li>
				<li  class="">
					<a href="https://hayhat.net/my_playlists" data-load="my_playlists">
						<svg xmlns="http://www.w3.org/2000/svg" width="23.707" height="19.162" viewBox="0 0 23.707 19.162"> <g id="Group_9318" data-name="Group 9318" transform="translate(-2.51 -457.207)"> <path id="Path_6453" data-name="Path 6453" d="M3469,13930.909h11.364v2.272H3469Zm0-7.955h15.909v2.273H3469Zm0-7.954h22.727v2.272H3469Z" transform="translate(-3466 -13457.303)" fill="currentColor" class="icon_stroke" stroke-width="0.98"/> <path id="Path_7235" data-name="Path 7235" d="M82.656,1.8a3.89,3.89,0,0,1-1.892-.448c-.4-.234-.634-.527-.634-.8V.524a.531.531,0,0,0-1.063,0V7.255A2.865,2.865,0,1,0,80.13,9.472c0-.005,0-.01,0-.016s0-.005,0-.008V2.193a4.8,4.8,0,0,0,2.526.652.524.524,0,1,0,0-1.048Zm-5.44,9.5a1.826,1.826,0,1,1,1.851-1.826A1.84,1.84,0,0,1,77.217,11.3Z" transform="translate(-57.46 463.533)" fill="currentColor"/> </g> </svg> Playlists của Tui
					</a>
				</li>
				<li class="">
					<a href="https://hayhat.net/favourites" data-load="favourites">
						<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.25" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M19.5 12.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572"></path></svg> Yêu thích
					</a>
				</li>
			</ul>
		</div>
	</div>
</div>
<script>
function OpenStoreMenu(self) {
	$(self).find('span').find('svg').remove();
	if ($(".mystore_menu").is(":visible")) {
		$(".mystore_menu").slideUp();
		$(self).find('span').append('<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>');
	}
	else{
		$(".mystore_menu").slideDown();
		$(self).find('span').append('<svg style="float: right;width: 15px !important;height: 15px !important;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="15" height="15" preserveAspectRatio="xMidYMid meet" viewBox="0 0 1024 1024"><path d="M872 474H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h720c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z" fill="currentColor"/></svg>');
	}
}

current_width = $(window).width();

if(current_width < 1190) {
$(document).on('click', '.sidebar .sidebar_innr a', function() {
	$('body').removeClass('side_open');
});
}
</script>

				<!-- End Sidebar  -->

				<!-- Header  -->
				<div id="main-header">
					<header class="vlc_no_usr_hdr">
	<div class="head_menu" id="open_slide" onclick="SlideSetCookie('open_slide')">
		<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.25" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><line x1="4" y1="6" x2="20" y2="6"></line><line x1="4" y1="12" x2="20" y2="12"></line><line x1="4" y1="18" x2="20" y2="18"></line></svg>
	</div>
	
	<div class="head_logo loggd_hd_logo">
		<a class="brans" href="https://hayhat.net/">
						<img src="https://hayhat.net/themes/volcano/img/logo.png?cache=123" alt="">
					</a>
	</div>
	
	<div class="mu_left_hdr_part">
		<div class="head_search">
			<form onSubmit="event.preventDefault(); goToAjaxLink('search/songs/' + $('#search_keyword').val());"><!--action="https://hayhat.net/search/songs" method="POST" >-->
	<div class="head_search_cont">
		<input name="search_keyword" id="search_keyword" value="" type="text" class="form-control" placeholder="Tìm kiếm bài hát, ca sỹ, album, playlist...." onfocus="Ma_OpenTrending();" autocomplete="off"/>
		<svg xmlns="http://www.w3.org/2000/svg" width="24.6" height="24.599" viewBox="0 0 24.6 24.599"><g id="Group_9414" data-name="Group 9414" transform="translate(0.6 0.6)"><path id="Path_6571" data-name="Path 6571" d="M3706.635,6944A10.635,10.635,0,1,1,3696,6954.635,10.636,10.636,0,0,1,3706.635,6944Zm0,18.906a8.271,8.271,0,1,0-8.271-8.271A8.265,8.265,0,0,0,3706.635,6962.907Z" transform="translate(-3696 -6944)" fill="currentColor" class="icon_stroke" stroke-width="1.2"/><path id="Path_215773" data-name="Path 215773" d="M3716.667,6962.989l3.333,3.345-1.667,1.666-3.344-3.332Z" transform="translate(-3696 -6944)" fill="currentColor"/>  </g></svg>
		<div class="head_search_mobi_close" id="close_search">
			<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z" /></svg>
		</div>
		<div class="search_dropdown hidden">
			<div class="trend_head"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16,6L18.29,8.29L13.41,13.17L9.41,9.17L2,16.59L3.41,18L9.41,12L13.41,16L19.71,9.71L22,12V6H16Z" /></svg> Từ khóa tìm nhiều</div>
							<div class="serach_trend"><a href="https://hayhat.net/search/songs/قوائم التشغيل الخاصة بي" data-load="search/songs/قوائم التشغيل الخاصة بي"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z"/></svg>&nbsp;&nbsp;قوائم التشغيل الخاصة بي</a></div>
							<div class="serach_trend"><a href="https://hayhat.net/search/songs/Joué récemment" data-load="search/songs/Joué récemment"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z"/></svg>&nbsp;&nbsp;Joué récemment</a></div>
							<div class="serach_trend"><a href="https://hayhat.net/search/songs/لعبت مؤخرا" data-load="search/songs/لعبت مؤخرا"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z"/></svg>&nbsp;&nbsp;لعبت مؤخرا</a></div>
							<div class="serach_trend"><a href="https://hayhat.net/search/songs/Kürzlich gespielt" data-load="search/songs/Kürzlich gespielt"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z"/></svg>&nbsp;&nbsp;Kürzlich gespielt</a></div>
							<div class="serach_trend"><a href="https://hayhat.net/search/songs/anh ổn" data-load="search/songs/anh ổn"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z"/></svg>&nbsp;&nbsp;anh ổn</a></div>
							<div class="serach_trend"><a href="https://hayhat.net/search/songs/Đúng lúc" data-load="search/songs/Đúng lúc"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z"/></svg>&nbsp;&nbsp;Đúng lúc</a></div>
							<div class="serach_trend"><a href="https://hayhat.net/search/songs/Мои плейлисты" data-load="search/songs/Мои плейлисты"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z"/></svg>&nbsp;&nbsp;Мои плейлисты</a></div>
							<div class="serach_trend"><a href="https://hayhat.net/search/songs/soái nhi" data-load="search/songs/soái nhi"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z"/></svg>&nbsp;&nbsp;soái nhi</a></div>
							<div class="serach_trend"><a href="https://hayhat.net/search/songs/vũ" data-load="search/songs/vũ"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z"/></svg>&nbsp;&nbsp;vũ</a></div>
							<div class="serach_trend"><a href="https://hayhat.net/search/songs/Недавно играл" data-load="search/songs/Недавно играл"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z"/></svg>&nbsp;&nbsp;Недавно играл</a></div>
						<div class="text-center see_all">
				<a href="https://hayhat.net/search/songs" data-load="search/songs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z"></path></svg> Tìm kiếm nâng cao</a>
			</div>
		</div>
	</div>
</form>
		</div>
	</div>

	<div class="mu_right_hdr_part head_user not_loggd_hdrr">
		<!--<a href="#" data-toggle="modal" data-target="#login_box" class="btn login hide_hd_btn">Đăng nhập</a>
				<a href="#" data-toggle="modal" data-target="#signup_box" class="btn btn-primary btn-mat hide_hd_btn">Đăng ký</a>
		-->
		<span class="opts_account opts_head_acc dropdown">
			<div class="ds_hdr_top_btns" data-display="static" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
				<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12,19.2C9.5,19.2 7.29,17.92 6,16C6.03,14 10,12.9 12,12.9C14,12.9 17.97,14 18,16C16.71,17.92 14.5,19.2 12,19.2M12,5A3,3 0 0,1 15,8A3,3 0 0,1 12,11A3,3 0 0,1 9,8A3,3 0 0,1 12,5M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z"></path></svg>
			</div>
			
			<div class="dropdown-menu dropdown-menu-right mat-dropdown acct">
				<ul class="list-unstyled mb-0">
					<li><a href="#" data-toggle="modal" data-target="#login_box"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M10 11V8l5 4-5 4v-3H1v-2h9zm-7.542 4h2.124A8.003 8.003 0 0 0 20 12 8 8 0 0 0 4.582 9H2.458C3.732 4.943 7.522 2 12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10c-4.478 0-8.268-2.943-9.542-7z"/></svg>&nbsp;&nbsp;Đăng nhập</a></li>
										<li><a href="#" data-toggle="modal" data-target="#signup_box"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M14 14.252v2.09A6 6 0 0 0 6 22l-2-.001a8 8 0 0 1 10-7.748zM12 13c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm6 6v-3h2v3h3v2h-3v3h-2v-3h-3v-2h3z"/></svg>&nbsp;&nbsp;Đăng ký</a></li>
										<li class="divider"></li>
					<li class="toggle-mode top-header">
						<label class="switch">
							<span class="txt">Nền tối</span>
							<input type="checkbox" id="night_mode_toggle" data-mode='day'>
							<span class="slider nigh_day_ico">
																	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"></path><path fill="currentColor" d="M12 18a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-2a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM11 1h2v3h-2V1zm0 19h2v3h-2v-3zM3.515 4.929l1.414-1.414L7.05 5.636 5.636 7.05 3.515 4.93zM16.95 18.364l1.414-1.414 2.121 2.121-1.414 1.414-2.121-2.121zm2.121-14.85l1.414 1.415-2.121 2.121-1.414-1.414 2.121-2.121zM5.636 16.95l1.414 1.414-2.121 2.121-1.414-1.414 2.121-2.121zM23 11v2h-3v-2h3zM4 11v2H1v-2h3z"></path></svg>
															</span>
						</label>
					</li>
				</ul>
			</div>
		</span>
	</div>
</header>
				</div>
				<div id="bar_loading"></div>
				<!-- End Header  -->

				<!-- Content  -->
				<div id="container_content">
					<div class="ma_page_content">
	<div class="ma_pc_inner">
		<div class="user_profile">
			<div class="page_padding">
				<!-- User Profile -->
					<div class="content user_header">
						<div class="user_cover">
														<div class="artist_profile_cover">
																	<img src="https://hayhat.net/upload/photos/d-cover.jpg" alt="User Cover" id="cover">
															</div>
						</div>
						<div class="user_info_cont">
							<div class="mus_usr_prof_hd">
								<div class="user_avatar">
																		<img src="https://hayhat.net/upload/photos/d-avatar.jpg" alt="User Avatar" id="avatar">
								</div>
								<div class="personal_info">
									<div class="name">
										<h2>
											<a href="https://hayhat.net/reinabayley924" data-load="reinabayley924">reinabayley924</a>
																					</h2>
										<p>@reinabayley924</p>
									</div>
									<div class="links_btns mus_usr_prof_links">
										<div class="opts_btn">
																						
																																	
																					</div>
									</div>
								</div>
							</div>
						</div>
						
						<div class="ma_tabs mus_user_tabs">
							<ul class="list-unstyled mb-0">
								<li class="active">
									<a href="https://hayhat.net/reinabayley924" data-load="reinabayley924">Hoạt động</a>
								</li>
								<li class="">
									<a href="https://hayhat.net/reinabayley924/songs" data-load="reinabayley924/songs">bài hát</a>
								</li>
								<li class="">
									<a href="https://hayhat.net/reinabayley924/albums" data-load="reinabayley924/albums">Albums</a>
								</li>
								<li class="">
									<a href="https://hayhat.net/reinabayley924/playlists" data-load="reinabayley924/playlists">Playlists</a>
								</li>
								<li class="">
									<a href="https://hayhat.net/reinabayley924/liked" data-load="reinabayley924/liked">Đã thích</a>
								</li>
																							</ul>
						</div>
					</div>

					<div class="row">
						<div class="col-lg-8">
							<div class="feed_post_block store_songs">
								<div id="user-feed-data">
	<div class="no-track-found bg_light"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3,7H9V13H3V7M3,3H21V5H3V3M21,11V13H11V11H21M3,15H17V17H3V15M3,19H21V21H3V19Z" /></svg>Không có hoạt động nào</div>
</div>

							</div>
						</div>
						<!-- SIDEBAR -->
						<div class="col-lg-4">
							<div class="content mt-0">
								<div class="sidebar_widget">
		<ul class="list-unstyled user_side_info_list">
		<ul class="user_side_info_list_innr">
			<li>
				Bài hát
				<span>0</span>
			</li>
			<li>
				<a href="https://hayhat.net/reinabayley924/followers" data-load="reinabayley924/followers">Followers<span class="followers">3</span></a>
			</li>
			<li>
				<a href="https://hayhat.net/reinabayley924/following" data-load="reinabayley924/following">Following<span class="following">3</span></a>
			</li>
		</ul>
		
		<li>
			<svg xmlns="http://www.w3.org/2000/svg" width="14.277" height="21.615" viewBox="0 0 14.277 21.615"> <path id="Path_6888" data-name="Path 6888" d="M3701.467,14457.68a6.588,6.588,0,0,1-4.406-2.479,6.688,6.688,0,0,1-1.542-4.775,6.942,6.942,0,0,1,2.166-4.59,6.946,6.946,0,0,1,9.41,0,6.942,6.942,0,0,1,2.166,4.59,6.908,6.908,0,0,1-5.957,7.254v1.926h4.59v1.838h-4.59v3.672h-1.836v-3.672h-4.59v-1.838h4.59Zm.918-1.744a5.17,5.17,0,0,0,3.571-1.469,5.076,5.076,0,0,0,0-7.16,5.07,5.07,0,0,0-7.142,0,5.074,5.074,0,0,0,0,7.16A5.168,5.168,0,0,0,3702.386,14455.936Z" transform="translate(-3695.252 -14443.75)" fill="currentColor" stroke="#fff" stroke-width="0.5"/> </svg> Trai
		</li>
						<li>
			<svg xmlns="http://www.w3.org/2000/svg" width="21.147" height="18.048" viewBox="0 0 21.147 18.048"> <path id="Path_6595" data-name="Path 6595" d="M3371,7124h-2a8.993,8.993,0,0,0-7.97,4.81q-.03-.405-.03-.81a10,10,0,0,1,10-10v-5.5l10.5,8.5-10.5,8.5Zm-2-2h4v3.31l5.32-4.31-5.32-4.31V7120h-2a8.1,8.1,0,0,0-3.33.72,7.988,7.988,0,0,0-2.73,2.05A11.046,11.046,0,0,1,3369,7122Z" transform="translate(-3360.75 -7111.976)" fill="currentColor" stroke="#fff" stroke-width="0.5"/> </svg> Tài khoản mạng xã hội
		</li>
		<li class="user_social_links">
											</li>
				<li>
			<svg xmlns="http://www.w3.org/2000/svg" width="22.5" height="21.825" viewBox="0 0 22.5 21.825"> <path id="Path_6840" data-name="Path 6840" d="M3244,14241a8.138,8.138,0,0,1,2.34-5.7,8.115,8.115,0,0,1,11.32,0,8.138,8.138,0,0,1,2.34,5.7h-2a5.828,5.828,0,0,0-1.76-4.2,5.894,5.894,0,0,0-8.48,0,5.828,5.828,0,0,0-1.76,4.2Zm8-9a6,6,0,1,1,6-6A6,6,0,0,1,3252,14232Zm0-2a4,4,0,1,0-4-4A4.005,4.005,0,0,0,3252,14230Zm12.55-10.2a13.661,13.661,0,0,1,1.45,6.2,14.06,14.06,0,0,1-1.45,6.2l-1.65-1.2a12.031,12.031,0,0,0,1.1-5,11.663,11.663,0,0,0-1.1-5Zm-3.3,2.4a10,10,0,0,1,0,7.6l-1.68-1.2a8.074,8.074,0,0,0,0-5.2Z" transform="translate(-3243.75 -14219.425)" fill="currentColor" stroke="#fff" stroke-width="0.5"/> </svg> Giới thiệu
		</li>
		<li class="user_bio">
			Psicólogo clínico inscrito no CRP com expertise em anamnese, trabalhando há mais de 8 anos em consultório. Formação em Psicoterapia pela UFRJ. Dedico-me em aprimorar anamneses para proporcionar cuidado profissional.
		</li>
						<li class="webs">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.16" height="20.16" viewBox="0 0 20.16 20.16"> <path id="Path_4926" data-name="Path 4926" d="M3483.06,1761.11l1.42,1.41a6.975,6.975,0,0,1,1.51,7.63,6.943,6.943,0,0,1-1.51,2.27l-.36.36a7,7,0,0,1-9.9-9.9l1.42,1.41a5.155,5.155,0,0,0-1.1,1.63,4.969,4.969,0,0,0-.38,1.91,4.863,4.863,0,0,0,.37,1.92,5.035,5.035,0,0,0,2.72,2.72,4.863,4.863,0,0,0,1.92.37,4.969,4.969,0,0,0,1.91-.38,5.156,5.156,0,0,0,1.63-1.1l.35-.35a5.01,5.01,0,0,0,0-7.07l-1.41-1.42,1.41-1.41Zm6.72,6.01-1.42-1.41a5.155,5.155,0,0,0,1.1-1.63,4.969,4.969,0,0,0,.38-1.91,4.863,4.863,0,0,0-.37-1.92,5.035,5.035,0,0,0-2.72-2.72,4.863,4.863,0,0,0-1.92-.37,4.969,4.969,0,0,0-1.91.38,5.156,5.156,0,0,0-1.63,1.1l-.35.35a5.01,5.01,0,0,0,0,7.07l1.41,1.41-1.41,1.42-1.41-1.42a6.816,6.816,0,0,1-1.52-2.27,6.9,6.9,0,0,1,0-5.35,6.961,6.961,0,0,1,1.52-2.28l.35-.35a7,7,0,0,1,9.9,9.9Z" transform="translate(-3471.92 -1754.92)" fill="currentColor" stroke="#fff" stroke-width="0.5"/> </svg> <a class="text-white" href="https://allminds.app/funcionalidade/anamnese-psicologica/" target="_blank">https://allminds.app/funcionalidade/anamnese-psicologica/</a>
		</li>
		
				
<li>
    Tên Crush: LS</li>

				
	</ul>

</div>
Mới tham gia Hayhat hãy xem <a href="https://hayhat.net/article/1_h%C6%B0%E1%BB%9Bng-d%E1%BA%ABn-s%E1%BB%AD-d%E1%BB%A5ng-hayhat">hướng dẫn sử dụng</a>  và  <a href="https://hayhat.net/article/2_h%C6%B0%E1%BB%9Bng-d%E1%BA%ABn-upload-nh%E1%BA%A1c-l%C3%AAn-web">hướng dẫn upload nhạc</a> nhé.Có vấn đề gì thì <a href="https://www.facebook.com/ducmu/">Liên hệ Admin</a>							</div>
							<div class="content">
								<div class="sidebar_widget">
	<h2 class="home_widget_title home_big_title mt-2 mb-3">Ca sỹ mới</h2>
	<div class="feed_sidebar_artist">
		<div class="artist_list">
	<a href="https://hayhat.net//tieulinhchi"  class="artist_list_innr">
		<svg xmlns="http://www.w3.org/2000/svg" width="83.396" height="83.396" viewBox="0 0 83.396 83.396"> <path id="ic_play_circle_filled_24px" d="M43.7,2A41.7,41.7,0,1,0,85.4,43.7,41.713,41.713,0,0,0,43.7,2Zm-8.34,60.462V24.934L60.378,43.7Z" transform="translate(-2 -2)" fill="#fff"/> </svg>
		<div class="cover_art">
			<img src="https://hayhat.net/upload/photos/2021/03/FvTR9j4u9vGpjGkKxkGx_29_c10edd9b547d5f4d8910ef347262d4aa_image.jpeg">
		</div>
		<div class="track_info">
			<span class="artist">Tiêu Thị Linh Chi</span>
		</div>
	</a>
</div>	</div>
</div>								<div class="sidebar_widget mt-4 mb-0 feed_sidebar_song">
	<h2 class="home_widget_title home_big_title mt-2 mb-3">Bài hát hay nhất tuần</h2>
			<div class="store_songs">
			<div class="song_list">
				<div class="avatar">
					<a href="https://hayhat.net/track/K6keRHYp22Zmwh1" data-load="track/K6keRHYp22Zmwh1"><img src="https://hayhat.net/upload/photos/2025/06/ypojm6G7RUCCWAG8jXb7_02_3f990109ed0a78fafc973b2c8f646b32_image.jpg"></a>
				</div>
				<div class="song_right_part">
					<div class="song_upper">
						<div class="song_meta_info">
							<a href="https://hayhat.net/track/K6keRHYp22Zmwh1" data-load="track/K6keRHYp22Zmwh1"><h3>Cảm Ơn Vì Tất Cả (RIN Music Remix) - Anh Quân Idol _ Cảm Ơn Vì Ai Đó Đã Mang Đến Đây Tiếng Cười</h3></a>
							<a href="https://hayhat.net/a2484d63d" data-load="a2484d63d"><p>anh pham</p></a>
						</div>
					</div>
				</div>
			</div>
			<svg onclick="playSong('K6keRHYp22Zmwh1');" xmlns="http://www.w3.org/2000/svg" width="30" height="29.996" viewBox="0 0 30 29.996"> <path id="Path_7225" data-name="Path 7225" d="M8827,2855a15,15,0,1,1,15,15A15.016,15.016,0,0,1,8827,2855Zm9.949-12.238a12.831,12.831,0,0,0-4.295,2.829,13.393,13.393,0,0,0,0,18.817,12.853,12.853,0,0,0,4.295,2.833,13.645,13.645,0,0,0,10.1,0,12.827,12.827,0,0,0,4.294-2.833,13.388,13.388,0,0,0,0-18.817,12.833,12.833,0,0,0-4.294-2.829,13.642,13.642,0,0,0-10.1,0Zm1.607,17.038c-.075,0-.15-.126-.187-.126a1.6,1.6,0,0,1-.076-.253v-8.327a1.6,1.6,0,0,1,.076-.253c.037,0,.112-.125.188-.125s.178-.128.266-.128a.259.259,0,0,0,.251.128l6.159,4.165c.075,0,.125.124.163.124a.624.624,0,0,1,.063.253c0,.124-.024.124-.062.253-.038,0-.088.126-.163.126l-6.159,4.163a.261.261,0,0,0-.251.125C8838.735,2859.924,8838.646,2859.8,8838.558,2859.8Z" transform="translate(-8827.001 -2840)" fill="var(--main-color)"/> </svg>
		</div>
			<div class="store_songs">
			<div class="song_list">
				<div class="avatar">
					<a href="https://hayhat.net/track/KFabyizyCXi2ZMD" data-load="track/KFabyizyCXi2ZMD"><img src="https://hayhat.net/upload/photos/2020/08/w3Fk7BUbtEFj7k58tzgb_01_633dd853fd5b60f949e38e4993262795_image.jpg"></a>
				</div>
				<div class="song_right_part">
					<div class="song_upper">
						<div class="song_meta_info">
							<a href="https://hayhat.net/track/KFabyizyCXi2ZMD" data-load="track/KFabyizyCXi2ZMD"><h3>Nhạc Phật Remix - DJ O Sắn</h3></a>
							<a href="https://hayhat.net/duongthanhlin" data-load="duongthanhlin"><p>Dương Thanh Lin</p></a>
						</div>
					</div>
				</div>
			</div>
			<svg onclick="playSong('KFabyizyCXi2ZMD');" xmlns="http://www.w3.org/2000/svg" width="30" height="29.996" viewBox="0 0 30 29.996"> <path id="Path_7225" data-name="Path 7225" d="M8827,2855a15,15,0,1,1,15,15A15.016,15.016,0,0,1,8827,2855Zm9.949-12.238a12.831,12.831,0,0,0-4.295,2.829,13.393,13.393,0,0,0,0,18.817,12.853,12.853,0,0,0,4.295,2.833,13.645,13.645,0,0,0,10.1,0,12.827,12.827,0,0,0,4.294-2.833,13.388,13.388,0,0,0,0-18.817,12.833,12.833,0,0,0-4.294-2.829,13.642,13.642,0,0,0-10.1,0Zm1.607,17.038c-.075,0-.15-.126-.187-.126a1.6,1.6,0,0,1-.076-.253v-8.327a1.6,1.6,0,0,1,.076-.253c.037,0,.112-.125.188-.125s.178-.128.266-.128a.259.259,0,0,0,.251.128l6.159,4.165c.075,0,.125.124.163.124a.624.624,0,0,1,.063.253c0,.124-.024.124-.062.253-.038,0-.088.126-.163.126l-6.159,4.163a.261.261,0,0,0-.251.125C8838.735,2859.924,8838.646,2859.8,8838.558,2859.8Z" transform="translate(-8827.001 -2840)" fill="var(--main-color)"/> </svg>
		</div>
			<div class="store_songs">
			<div class="song_list">
				<div class="avatar">
					<a href="https://hayhat.net/track/xr3foFIjA5yOuoC" data-load="track/xr3foFIjA5yOuoC"><img src="https://hayhat.net/upload/photos/2020/08/emfqDM3cpPhghOFVeB3g_03_5f09e37898805b4bafc60610d72923d6_image.jpg"></a>
				</div>
				<div class="song_right_part">
					<div class="song_upper">
						<div class="song_meta_info">
							<a href="https://hayhat.net/track/xr3foFIjA5yOuoC" data-load="track/xr3foFIjA5yOuoC"><h3>Mãi Mãi Không Phải Anh - Thanh Bình (lofi ver.)</h3></a>
							<a href="https://hayhat.net/ducmu" data-load="ducmu"><p>Đức Mu</p></a>
						</div>
					</div>
				</div>
			</div>
			<svg onclick="playSong('xr3foFIjA5yOuoC');" xmlns="http://www.w3.org/2000/svg" width="30" height="29.996" viewBox="0 0 30 29.996"> <path id="Path_7225" data-name="Path 7225" d="M8827,2855a15,15,0,1,1,15,15A15.016,15.016,0,0,1,8827,2855Zm9.949-12.238a12.831,12.831,0,0,0-4.295,2.829,13.393,13.393,0,0,0,0,18.817,12.853,12.853,0,0,0,4.295,2.833,13.645,13.645,0,0,0,10.1,0,12.827,12.827,0,0,0,4.294-2.833,13.388,13.388,0,0,0,0-18.817,12.833,12.833,0,0,0-4.294-2.829,13.642,13.642,0,0,0-10.1,0Zm1.607,17.038c-.075,0-.15-.126-.187-.126a1.6,1.6,0,0,1-.076-.253v-8.327a1.6,1.6,0,0,1,.076-.253c.037,0,.112-.125.188-.125s.178-.128.266-.128a.259.259,0,0,0,.251.128l6.159,4.165c.075,0,.125.124.163.124a.624.624,0,0,1,.063.253c0,.124-.024.124-.062.253-.038,0-.088.126-.163.126l-6.159,4.163a.261.261,0,0,0-.251.125C8838.735,2859.924,8838.646,2859.8,8838.558,2859.8Z" transform="translate(-8827.001 -2840)" fill="var(--main-color)"/> </svg>
		</div>
			<div class="store_songs">
			<div class="song_list">
				<div class="avatar">
					<a href="https://hayhat.net/track/pr5RH98Y9buQDGU" data-load="track/pr5RH98Y9buQDGU"><img src="https://hayhat.net/upload/photos/2026/01/dA48kI5wf6ck2waMxKTx_05_7fc5f63d8ed4c37f6a893f426047720e_image.jpg"></a>
				</div>
				<div class="song_right_part">
					<div class="song_upper">
						<div class="song_meta_info">
							<a href="https://hayhat.net/track/pr5RH98Y9buQDGU" data-load="track/pr5RH98Y9buQDGU"><h3>Hùng Ca Đại Việt</h3></a>
							<a href="https://hayhat.net/Duonglong0811" data-load="Duonglong0811"><p>DuongLong</p></a>
						</div>
					</div>
				</div>
			</div>
			<svg onclick="playSong('pr5RH98Y9buQDGU');" xmlns="http://www.w3.org/2000/svg" width="30" height="29.996" viewBox="0 0 30 29.996"> <path id="Path_7225" data-name="Path 7225" d="M8827,2855a15,15,0,1,1,15,15A15.016,15.016,0,0,1,8827,2855Zm9.949-12.238a12.831,12.831,0,0,0-4.295,2.829,13.393,13.393,0,0,0,0,18.817,12.853,12.853,0,0,0,4.295,2.833,13.645,13.645,0,0,0,10.1,0,12.827,12.827,0,0,0,4.294-2.833,13.388,13.388,0,0,0,0-18.817,12.833,12.833,0,0,0-4.294-2.829,13.642,13.642,0,0,0-10.1,0Zm1.607,17.038c-.075,0-.15-.126-.187-.126a1.6,1.6,0,0,1-.076-.253v-8.327a1.6,1.6,0,0,1,.076-.253c.037,0,.112-.125.188-.125s.178-.128.266-.128a.259.259,0,0,0,.251.128l6.159,4.165c.075,0,.125.124.163.124a.624.624,0,0,1,.063.253c0,.124-.024.124-.062.253-.038,0-.088.126-.163.126l-6.159,4.163a.261.261,0,0,0-.251.125C8838.735,2859.924,8838.646,2859.8,8838.558,2859.8Z" transform="translate(-8827.001 -2840)" fill="var(--main-color)"/> </svg>
		</div>
			<div class="store_songs">
			<div class="song_list">
				<div class="avatar">
					<a href="https://hayhat.net/track/iRdnXuOvCeayPOB" data-load="track/iRdnXuOvCeayPOB"><img src="https://hayhat.net/upload/photos/2026/01/RaWD4ASwfPLTmXz3JPvX_05_ac2e2bce028788a8c1fcd7f2b533a32f_image.jpg"></a>
				</div>
				<div class="song_right_part">
					<div class="song_upper">
						<div class="song_meta_info">
							<a href="https://hayhat.net/track/iRdnXuOvCeayPOB" data-load="track/iRdnXuOvCeayPOB"><h3>Duyên mình lỡ hẹn</h3></a>
							<a href="https://hayhat.net/Duonglong0811" data-load="Duonglong0811"><p>DuongLong</p></a>
						</div>
					</div>
				</div>
			</div>
			<svg onclick="playSong('iRdnXuOvCeayPOB');" xmlns="http://www.w3.org/2000/svg" width="30" height="29.996" viewBox="0 0 30 29.996"> <path id="Path_7225" data-name="Path 7225" d="M8827,2855a15,15,0,1,1,15,15A15.016,15.016,0,0,1,8827,2855Zm9.949-12.238a12.831,12.831,0,0,0-4.295,2.829,13.393,13.393,0,0,0,0,18.817,12.853,12.853,0,0,0,4.295,2.833,13.645,13.645,0,0,0,10.1,0,12.827,12.827,0,0,0,4.294-2.833,13.388,13.388,0,0,0,0-18.817,12.833,12.833,0,0,0-4.294-2.829,13.642,13.642,0,0,0-10.1,0Zm1.607,17.038c-.075,0-.15-.126-.187-.126a1.6,1.6,0,0,1-.076-.253v-8.327a1.6,1.6,0,0,1,.076-.253c.037,0,.112-.125.188-.125s.178-.128.266-.128a.259.259,0,0,0,.251.128l6.159,4.165c.075,0,.125.124.163.124a.624.624,0,0,1,.063.253c0,.124-.024.124-.062.253-.038,0-.088.126-.163.126l-6.159,4.163a.261.261,0,0,0-.251.125C8838.735,2859.924,8838.646,2859.8,8838.558,2859.8Z" transform="translate(-8827.001 -2840)" fill="var(--main-color)"/> </svg>
		</div>
			<div class="store_songs">
			<div class="song_list">
				<div class="avatar">
					<a href="https://hayhat.net/track/Z3ihRF2OkZ3OOWh" data-load="track/Z3ihRF2OkZ3OOWh"><img src="https://hayhat.net/upload/photos/2023/05/VqQ66vSSXLOqz83gTOJ3_22_9c530abf105ea40d42c35a5634e28d2a_image.jpg"></a>
				</div>
				<div class="song_right_part">
					<div class="song_upper">
						<div class="song_meta_info">
							<a href="https://hayhat.net/track/Z3ihRF2OkZ3OOWh" data-load="track/Z3ihRF2OkZ3OOWh"><h3>Yêu người có ước mơ - Bùi Trường Linh</h3></a>
							<a href="https://hayhat.net/ducmu" data-load="ducmu"><p>Đức Mu</p></a>
						</div>
					</div>
				</div>
			</div>
			<svg onclick="playSong('Z3ihRF2OkZ3OOWh');" xmlns="http://www.w3.org/2000/svg" width="30" height="29.996" viewBox="0 0 30 29.996"> <path id="Path_7225" data-name="Path 7225" d="M8827,2855a15,15,0,1,1,15,15A15.016,15.016,0,0,1,8827,2855Zm9.949-12.238a12.831,12.831,0,0,0-4.295,2.829,13.393,13.393,0,0,0,0,18.817,12.853,12.853,0,0,0,4.295,2.833,13.645,13.645,0,0,0,10.1,0,12.827,12.827,0,0,0,4.294-2.833,13.388,13.388,0,0,0,0-18.817,12.833,12.833,0,0,0-4.294-2.829,13.642,13.642,0,0,0-10.1,0Zm1.607,17.038c-.075,0-.15-.126-.187-.126a1.6,1.6,0,0,1-.076-.253v-8.327a1.6,1.6,0,0,1,.076-.253c.037,0,.112-.125.188-.125s.178-.128.266-.128a.259.259,0,0,0,.251.128l6.159,4.165c.075,0,.125.124.163.124a.624.624,0,0,1,.063.253c0,.124-.024.124-.062.253-.038,0-.088.126-.163.126l-6.159,4.163a.261.261,0,0,0-.251.125C8838.735,2859.924,8838.646,2859.8,8838.558,2859.8Z" transform="translate(-8827.001 -2840)" fill="var(--main-color)"/> </svg>
		</div>
			<div class="store_songs">
			<div class="song_list">
				<div class="avatar">
					<a href="https://hayhat.net/track/SMSZdEbR9SWz8Zm" data-load="track/SMSZdEbR9SWz8Zm"><img src="https://hayhat.net/upload/photos/2023/06/WPPzwfFQFbS6boIGtVig_15_8a4e06cd759ffb04692e315b44c30b93_image.jpg"></a>
				</div>
				<div class="song_right_part">
					<div class="song_upper">
						<div class="song_meta_info">
							<a href="https://hayhat.net/track/SMSZdEbR9SWz8Zm" data-load="track/SMSZdEbR9SWz8Zm"><h3>Victory - Two Steps From Hell</h3></a>
							<a href="https://hayhat.net/ducmu" data-load="ducmu"><p>Đức Mu</p></a>
						</div>
					</div>
				</div>
			</div>
			<svg onclick="playSong('SMSZdEbR9SWz8Zm');" xmlns="http://www.w3.org/2000/svg" width="30" height="29.996" viewBox="0 0 30 29.996"> <path id="Path_7225" data-name="Path 7225" d="M8827,2855a15,15,0,1,1,15,15A15.016,15.016,0,0,1,8827,2855Zm9.949-12.238a12.831,12.831,0,0,0-4.295,2.829,13.393,13.393,0,0,0,0,18.817,12.853,12.853,0,0,0,4.295,2.833,13.645,13.645,0,0,0,10.1,0,12.827,12.827,0,0,0,4.294-2.833,13.388,13.388,0,0,0,0-18.817,12.833,12.833,0,0,0-4.294-2.829,13.642,13.642,0,0,0-10.1,0Zm1.607,17.038c-.075,0-.15-.126-.187-.126a1.6,1.6,0,0,1-.076-.253v-8.327a1.6,1.6,0,0,1,.076-.253c.037,0,.112-.125.188-.125s.178-.128.266-.128a.259.259,0,0,0,.251.128l6.159,4.165c.075,0,.125.124.163.124a.624.624,0,0,1,.063.253c0,.124-.024.124-.062.253-.038,0-.088.126-.163.126l-6.159,4.163a.261.261,0,0,0-.251.125C8838.735,2859.924,8838.646,2859.8,8838.558,2859.8Z" transform="translate(-8827.001 -2840)" fill="var(--main-color)"/> </svg>
		</div>
			<div class="store_songs">
			<div class="song_list">
				<div class="avatar">
					<a href="https://hayhat.net/track/9q89ASOGtkXRkXr" data-load="track/9q89ASOGtkXRkXr"><img src="https://hayhat.net/upload/photos/2026/01/JpjGUsDXptoiYBuD38v9_05_8a166c111469135a8dc89b25f513fd69_image.jpg"></a>
				</div>
				<div class="song_right_part">
					<div class="song_upper">
						<div class="song_meta_info">
							<a href="https://hayhat.net/track/9q89ASOGtkXRkXr" data-load="track/9q89ASOGtkXRkXr"><h3>Ta</h3></a>
							<a href="https://hayhat.net/Duonglong0811" data-load="Duonglong0811"><p>DuongLong</p></a>
						</div>
					</div>
				</div>
			</div>
			<svg onclick="playSong('9q89ASOGtkXRkXr');" xmlns="http://www.w3.org/2000/svg" width="30" height="29.996" viewBox="0 0 30 29.996"> <path id="Path_7225" data-name="Path 7225" d="M8827,2855a15,15,0,1,1,15,15A15.016,15.016,0,0,1,8827,2855Zm9.949-12.238a12.831,12.831,0,0,0-4.295,2.829,13.393,13.393,0,0,0,0,18.817,12.853,12.853,0,0,0,4.295,2.833,13.645,13.645,0,0,0,10.1,0,12.827,12.827,0,0,0,4.294-2.833,13.388,13.388,0,0,0,0-18.817,12.833,12.833,0,0,0-4.294-2.829,13.642,13.642,0,0,0-10.1,0Zm1.607,17.038c-.075,0-.15-.126-.187-.126a1.6,1.6,0,0,1-.076-.253v-8.327a1.6,1.6,0,0,1,.076-.253c.037,0,.112-.125.188-.125s.178-.128.266-.128a.259.259,0,0,0,.251.128l6.159,4.165c.075,0,.125.124.163.124a.624.624,0,0,1,.063.253c0,.124-.024.124-.062.253-.038,0-.088.126-.163.126l-6.159,4.163a.261.261,0,0,0-.251.125C8838.735,2859.924,8838.646,2859.8,8838.558,2859.8Z" transform="translate(-8827.001 -2840)" fill="var(--main-color)"/> </svg>
		</div>
			<div class="store_songs">
			<div class="song_list">
				<div class="avatar">
					<a href="https://hayhat.net/track/kUqSSjEGAUktNCK" data-load="track/kUqSSjEGAUktNCK"><img src="https://hayhat.net/upload/photos/2023/12/6txXGr6nC8icwATSU3wb_27_0468f690a8d28cad8e060b51b5368db8_image.png"></a>
				</div>
				<div class="song_right_part">
					<div class="song_upper">
						<div class="song_meta_info">
							<a href="https://hayhat.net/track/kUqSSjEGAUktNCK" data-load="track/kUqSSjEGAUktNCK"><h3>Ngôi nhà hoa hồng x gặp em lần cuối remix</h3></a>
							<a href="https://hayhat.net/7d0021024" data-load="7d0021024"><p>Phan Thuc</p></a>
						</div>
					</div>
				</div>
			</div>
			<svg onclick="playSong('kUqSSjEGAUktNCK');" xmlns="http://www.w3.org/2000/svg" width="30" height="29.996" viewBox="0 0 30 29.996"> <path id="Path_7225" data-name="Path 7225" d="M8827,2855a15,15,0,1,1,15,15A15.016,15.016,0,0,1,8827,2855Zm9.949-12.238a12.831,12.831,0,0,0-4.295,2.829,13.393,13.393,0,0,0,0,18.817,12.853,12.853,0,0,0,4.295,2.833,13.645,13.645,0,0,0,10.1,0,12.827,12.827,0,0,0,4.294-2.833,13.388,13.388,0,0,0,0-18.817,12.833,12.833,0,0,0-4.294-2.829,13.642,13.642,0,0,0-10.1,0Zm1.607,17.038c-.075,0-.15-.126-.187-.126a1.6,1.6,0,0,1-.076-.253v-8.327a1.6,1.6,0,0,1,.076-.253c.037,0,.112-.125.188-.125s.178-.128.266-.128a.259.259,0,0,0,.251.128l6.159,4.165c.075,0,.125.124.163.124a.624.624,0,0,1,.063.253c0,.124-.024.124-.062.253-.038,0-.088.126-.163.126l-6.159,4.163a.261.261,0,0,0-.251.125C8838.735,2859.924,8838.646,2859.8,8838.558,2859.8Z" transform="translate(-8827.001 -2840)" fill="var(--main-color)"/> </svg>
		</div>
			<div class="store_songs">
			<div class="song_list">
				<div class="avatar">
					<a href="https://hayhat.net/track/vjZO85xh4XeVGMI" data-load="track/vjZO85xh4XeVGMI"><img src="https://hayhat.net/upload/photos/2022/02/T27E18MwadfbKgXcmR3Y_27_13df7d1a0252dcdee0055b895dbf1c17_image.jpeg"></a>
				</div>
				<div class="song_right_part">
					<div class="song_upper">
						<div class="song_meta_info">
							<a href="https://hayhat.net/track/vjZO85xh4XeVGMI" data-load="track/vjZO85xh4XeVGMI"><h3>Buồn làm chi em ơi cover</h3></a>
							<a href="https://hayhat.net/TheAnh153" data-load="TheAnh153"><p>Theanh153</p></a>
						</div>
					</div>
				</div>
			</div>
			<svg onclick="playSong('vjZO85xh4XeVGMI');" xmlns="http://www.w3.org/2000/svg" width="30" height="29.996" viewBox="0 0 30 29.996"> <path id="Path_7225" data-name="Path 7225" d="M8827,2855a15,15,0,1,1,15,15A15.016,15.016,0,0,1,8827,2855Zm9.949-12.238a12.831,12.831,0,0,0-4.295,2.829,13.393,13.393,0,0,0,0,18.817,12.853,12.853,0,0,0,4.295,2.833,13.645,13.645,0,0,0,10.1,0,12.827,12.827,0,0,0,4.294-2.833,13.388,13.388,0,0,0,0-18.817,12.833,12.833,0,0,0-4.294-2.829,13.642,13.642,0,0,0-10.1,0Zm1.607,17.038c-.075,0-.15-.126-.187-.126a1.6,1.6,0,0,1-.076-.253v-8.327a1.6,1.6,0,0,1,.076-.253c.037,0,.112-.125.188-.125s.178-.128.266-.128a.259.259,0,0,0,.251.128l6.159,4.165c.075,0,.125.124.163.124a.624.624,0,0,1,.063.253c0,.124-.024.124-.062.253-.038,0-.088.126-.163.126l-6.159,4.163a.261.261,0,0,0-.251.125C8838.735,2859.924,8838.646,2859.8,8838.558,2859.8Z" transform="translate(-8827.001 -2840)" fill="var(--main-color)"/> </svg>
		</div>
	</div>							</div>
						</div>
					</div>
				<!-- End User Profile -->
			</div>
		</div>
	</div>
	<input type="hidden" id="user-id" name="user-id" value="8956">
</div>

<script>
$(function () {
	$('[data-toggle="tooltip"]').tooltip()
})

$('svg .verified_ico').tooltip({
	title: 'Đã xác minh',
	placement: 'top',
	container: 'body'
});

var loading_icon = '<svg width="24px"  height="24px"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="lds-dual-ring" style="background: none;"><circle cx="50" cy="50" ng-attr-r="{{config.radius}}" ng-attr-stroke-width="{{config.width}}" ng-attr-stroke="{{config.stroke}}" ng-attr-stroke-dasharray="{{config.dasharray}}" fill="none" stroke-linecap="round" r="40" stroke-width="8" stroke="#28292f" stroke-dasharray="62.83185307179586 62.83185307179586" transform="rotate(308.458 50 50)"><animateTransform attributeName="transform" type="rotate" calcMode="linear" values="0 50 50;360 50 50" keyTimes="0;1" dur="0.7s" begin="0s" repeatCount="indefinite"></animateTransform></circle></svg>';
var camera_icon = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4,4H7L9,2H15L17,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4M12,7A5,5 0 0,0 7,12A5,5 0 0,0 12,17A5,5 0 0,0 17,12A5,5 0 0,0 12,7M12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9Z"></path></svg>';
var video_icon = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512"><path fill="currentColor" d="M450.6 153.6c-3.3 0-6.5.9-9.3 2.7l-86.5 54.6c-2.5 1.6-4 4.3-4 7.2v76c0 2.9 1.5 5.6 4 7.2l86.5 54.6c2.8 1.7 6 2.7 9.3 2.7h20.8c4.8 0 8.6-3.8 8.6-8.5v-188c0-4.7-3.9-8.5-8.6-8.5h-20.8zM273.5 384h-190C55.2 384 32 360.8 32 332.6V179.4c0-28.3 23.2-51.4 51.4-51.4h190c28.3 0 51.4 23.2 51.4 51.4v153.1c.1 28.3-23 51.5-51.3 51.5z"></path></svg>';

$(document).ready(function() {
    $('#user-change-avatar-form').ajaxForm({
    	url: "https://hayhat.net/endpoints/user/update-profile-picture?hash_id=" + getHashID(),
        beforeSubmit:  function () {
        	$('#change-avatar-icon .icon').html(loading_icon);
        },
        success: function (data) {
        	if (data.status == 200) {
        		$('#avatar').attr('src', data.img);
        	}
        	$('#change-avatar-icon .icon').html(camera_icon);
        }
    });

    $('#user-change-cover-form').ajaxForm({
    	url: "https://hayhat.net/endpoints/user/update-profile-cover?hash_id=" + getHashID(),
        beforeSubmit:  function (arr, form, options) {
        	if (arr[0].value != '') {
        		$('#change-cover-icon .icon').html(loading_icon);
        	}
        	else{
        		$('#change-cover-icon .videoicon').html(loading_icon);
        	}
        },
        success: function (data) {
        	if (data.status == 200) {
        		if (data.img) {
        			$('.artist_profile_cover').html('<img src="'+data.img+'" alt="User Cover" id="cover">');
        		}
        		else{
        			$('.artist_profile_cover').html('<video autoplay muted loop id="myVideo"><source src="'+data.video+'" type="video/mp4">Your browser does not support HTML5 video.</video>');
        		}
        	}
        	else{
        		$('#ShowAlert').find('.ShowAlertText').html('<div class="alert alert-danger">'+data.message+'</div>');
        		$('#ShowAlert').modal('show');
        	}
        	$('#change-cover-icon .icon').html(camera_icon);
        	$('#change-cover-icon .videoicon').html(video_icon);
        }
    });
});

$(document).on('change', '#user-avatar', function(event) {
	$("#user-change-avatar-form").submit();
});
$(document).on('change', '#user-cover', function(event) {
	$("#user-change-cover-form").submit();
});
$(document).on('change', '#user-video', function(event) {
	$("#user-change-cover-form").submit();
});
$(document).on('click', '.artist_profile_cover', function(event) {
	var video = document.getElementById("myVideo");
	if (video.paused) {
	    video.play();
	    btn.innerHTML = "Pause";
	  } else {
	    video.pause();
	    btn.innerHTML = "Play";
	  }
});

</script>
				</div>
				<!-- End Content  -->

				<!-- Footer -->
				<div class="ma_footer">
					<a href="https://www.facebook.com/ducmu/">Liên hệ Admin</a>
					<div class="ma_footer_cright">
	<div class="ma_footer_links">
		<div class="lang_select dropup">
			<button type="button" class="btn dropdown-toggle" data-toggle="modal" data-target="#select-language"><svg xmlns="http://www.w3.org/2000/svg" width="16.66" height="16.66" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-globe"><circle cx="12" cy="12" r="10"></circle><line x1="2" y1="12" x2="22" y2="12"></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path></svg> Vietnam</button>
		</div>
	</div>
	<div class="ma_footer_links">
				<a href="https://hayhat.net/blogs" data-load="blogs">Blogs</a>&nbsp;&nbsp;•&nbsp;&nbsp;
				<a href="https://hayhat.net/terms/dmca" data-load="terms/dmca">Bản quyền</a>&nbsp;&nbsp;•&nbsp;&nbsp;
						<a href="https://hayhat.net/terms/about" data-load="terms/about">Giới thiệu</a>&nbsp;&nbsp;•&nbsp;&nbsp;
						<a href="https://hayhat.net/terms/terms" data-load="terms/terms">Điều khoản</a>&nbsp;&nbsp;•&nbsp;&nbsp;
				<a href="https://hayhat.net/contact" data-load="contact">Liên hệ</a>&nbsp;&nbsp;•&nbsp;&nbsp;
				<a href="https://hayhat.net/terms/privacy" data-load="terms/privacy">Quy định</a>&nbsp;&nbsp;•&nbsp;&nbsp;
				<a href="https://hayhat.net/terms/faqs" data-load="terms/faqs">Faqs</a>
		

									 • <div class="lang_select dropup">
				<button type="button" class="btn dropdown-toggle" data-display="static" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Thêm</button>
				<div class="dropdown-menu dropdown-menu-right mat-dropdown">
					<ul class="list-unstyled mb-0">
													<li><a href="https://hayhat.net/site_pages/custom_page">Trang tùy chọn</a></li>
											</ul>
				</div>
			</div>
			</div>
	<div class="ma_footer_links">
					<a href="https://www.facebook.com/ducmu/" target="_blank" class="bold">
				<svg height="512" viewBox="0 0 152 152" width="512" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><g><g><path d="m76 0a76 76 0 1 0 76 76 76 76 0 0 0 -76-76zm19.26 68.8-1.26 10.59a2 2 0 0 1 -2 1.78h-11v31.4a1.42 1.42 0 0 1 -1.4 1.43h-11.2a1.42 1.42 0 0 1 -1.4-1.44l.06-31.39h-8.33a2 2 0 0 1 -2-2v-10.58a2 2 0 0 1 2-2h8.27v-10.26c0-11.87 7.07-18.33 17.4-18.33h8.47a2 2 0 0 1 2 2v8.91a2 2 0 0 1 -2 2h-5.19c-5.62.09-6.68 2.78-6.68 6.8v8.85h12.32a2 2 0 0 1 1.94 2.24z"/></g></g></svg>&nbsp;
			</a>
								© 2026 Hayhat.Net	</div>
</div>				</div>
				<!-- End Footer -->
			</div>
			<!-- Player  -->
			<div class="ma_player closed">
	<div class="player">
		<div class="player-video-preview" id="my_video_player_container">
			<div class="y_player_cover"></div>
			<div class="plyr__video-embed" id="my_video_player_">
			  <iframe
			    src="https://www.youtube.com/watch?v=rMHx_iUAGd0?origin=https://plyr.io&amp;iv_load_policy=3&amp;modestbranding=1&amp;playsinline=1&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1"
			    allowfullscreen
			    allowtransparency
			    allow="autoplay"
			  ></iframe>
			</div>
		</div>
		<div class="song_details">
			<div class="song_details_inner player-song-url" data-load="">
				<div class="song_art">
					<a href="#" class="player-song-url" data-load=""><img amplitude-song-info="cover_art_url" amplitude-main-song-info="true"/></a>
				</div>
				<div class="song_title">
					<a href="#" class="player-song-url" data-load="">
						<h3 amplitude-song-info="name" amplitude-main-song-info="true" class="song_name"></h3>
					</a>
					<div class="song_fav" title="Favorite" id="song-fav-button"></div>
					<div class="song_time_sec">
						<span class="current_time">
						<span class="amplitude-current-hours" amplitude-main-current-hours="true"></span>:<span class="amplitude-current-minutes" amplitude-main-current-minutes="true"></span>:<span class="amplitude-current-seconds" amplitude-main-current-seconds="true"></span>
						</span>
						<span class="duration_seperate">/</span>
						<span class="duration_time">
						<span class="amplitude-duration-hours" amplitude-main-duration-hours="true"></span>:<span class="amplitude-duration-minutes" amplitude-main-duration-minutes="true"></span>:<span class="amplitude-duration-seconds" amplitude-main-duration-seconds="true"></span>
						</span>
					</div>
				</div>
			</div>
		</div>
		<div class="song_progress">
			<div class="song_time">
				<span class="current_time">
				<span class="amplitude-current-hours" amplitude-main-current-hours="true"></span>:<span class="amplitude-current-minutes" amplitude-main-current-minutes="true"></span>:<span class="amplitude-current-seconds" amplitude-main-current-seconds="true"></span>
				</span>
				<div class="song_prog_mobi">
					<div class="progress_container">
						<input type="range" class="amplitude-song-slider" amplitude-main-song-slider="true"/>
						<progress id="song-played-progress" class="amplitude-song-played-progress" amplitude-main-song-played-progress="true"></progress>
						<progress id="song-buffered-progress" class="amplitude-buffered-progress" value="0"></progress>
					</div>
				</div>
				<span class="duration_seperate">/</span>
				<span class="duration_time">
				<span class="amplitude-duration-hours" amplitude-main-duration-hours="true"></span>:<span class="amplitude-duration-minutes" amplitude-main-duration-minutes="true"></span>:<span class="amplitude-duration-seconds" amplitude-main-duration-seconds="true"></span>
				</span>
			</div>
			<div class="song_controls">
				<div class="amplitude-shuffle amplitude-shuffle-off" id="shuffle" title="Đảo thứ tự">
					<svg xmlns="http://www.w3.org/2000/svg" width="23.062" height="23.601" viewBox="0 0 23.062 23.601"> <g id="music-suffle" transform="translate(-4.723 -4.567)"> <path id="Path_215762" data-name="Path 215762" d="M27.548,5.354l-1.039,7.023-2.5-2.5L6,27.885l-1-1L23.015,8.88l-2.5-2.5ZM20.135,18.863,24.07,22.8l2.439-2.439L27.54,27.39l-7.023-1.037,2.558-2.558L19.136,19.86l1-1ZM6.008,4.85l8.157,8.159-1,1L5.009,5.849Z" transform="translate(0 0)" fill="currentColor" class="icon_stroke" stroke-width="0.4" fill-rule="evenodd"/> </g> </svg>
				</div>
				<div class="amplitude-prev" id="previous">
					<svg xmlns="http://www.w3.org/2000/svg" width="14.182" height="23.035" viewBox="0 0 14.182 23.035"> <path id="Subtraction_40" data-name="Subtraction 40" d="M8828.667,2864.033a.622.622,0,0,1-.461-.189.648.648,0,0,1-.207-.479v-21.7a.647.647,0,0,1,.207-.477.653.653,0,0,1,.923,0,.637.637,0,0,1,.206.477v21.7a.638.638,0,0,1-.206.479A.624.624,0,0,1,8828.667,2864.033Zm13.407-3.185h0a.7.7,0,0,0-.1-.042l-11.855-7.888-.6-.4,12.459-8.289a.814.814,0,0,0,.1-.044.658.658,0,0,0,.08.036c.006.013.012.024.018.034l0,.007h0l.006.01v16.494a.237.237,0,0,1-.015.03l-.01.019a.832.832,0,0,0-.082.035Zm-1.228-14.291h0l-8.859,5.957,8.859,5.961v-11.918Z" transform="translate(-8827.999 -2840.999)" fill="currentColor"/> </svg>
				</div>
				<div class="amplitude-play-pause" amplitude-main-play-pause="true" id="play-pause"></div>
				<div class="amplitude-next" id="next">
					<svg xmlns="http://www.w3.org/2000/svg" width="14.182" height="23.035" viewBox="0 0 14.182 23.035"> <path id="Subtraction_42" data-name="Subtraction 42" d="M.668,0A.622.622,0,0,0,.207.189.648.648,0,0,0,0,.668v21.7a.647.647,0,0,0,.207.477.618.618,0,0,0,.461.191.62.62,0,0,0,.462-.191.637.637,0,0,0,.206-.477V.668A.638.638,0,0,0,1.13.189.624.624,0,0,0,.668,0ZM14.075,3.185h0a.7.7,0,0,1-.1.042L2.115,11.115l-.6.4,12.459,8.289a.814.814,0,0,1,.1.044.658.658,0,0,1,.08-.036c.006-.013.012-.024.018-.034l0-.007h0l.006-.01V3.269a.237.237,0,0,0-.015-.03l-.01-.019a.832.832,0,0,1-.082-.035ZM12.848,17.475h0L3.988,11.518l8.859-5.961V17.475Z" transform="translate(14.182 23.035) rotate(180)" fill="currentColor"/> </svg>
				</div>
				<div class="amplitude-repeat amplitude-repeat-on" id="repeat" title="Nghe lại">
					<svg xmlns="http://www.w3.org/2000/svg" width="26.435" height="26.914" viewBox="0 0 26.435 26.914"> <path id="Path_6414" data-name="Path 6414" d="M3529.644,13691.386h16.932a1.081,1.081,0,0,1,.8.339,1.1,1.1,0,0,1,.327.79v7.9h-2.258v-6.771h-15.8v3.386l-5.644-4.516,5.644-4.516Zm13.546,18.062h-16.932a1.083,1.083,0,0,1-.8-.339,1.1,1.1,0,0,1-.327-.79v-7.9h2.258v6.773h15.8v-3.387l5.644,4.516-5.644,4.515Z" transform="translate(-3523.2 -13686.959)" fill="currentColor" class="icon_stroke" stroke-width="1"/> </svg>
				</div>
			</div>
			
		</div>
		<div class="song_progress_right">
			<div class="song_volume">
				<div class="volume_controls">
					<div class="amplitude-mute amplitude-not-muted"></div>
					<div class="plyr_vol_mobi">
						<input type="range" class="amplitude-volume-slider"/>
						<div class="ms-range-fix"></div>
					</div>
				</div>
			</div>
			<div class="song_rs_controls">
				<div class="repeat_container">
					<div class="amplitude-playback-speed amplitude-playback-speed-10"></div>
				</div>
			</div>
			<div class="song_queue song_queued" onclick="Ma_ShowQueue();">
				<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M18 5v8.333c-.455-.216-.957-.346-1.493-.346-1.934 0-3.507 1.573-3.507 3.507S14.573 20 16.507 20s3.507-1.573 3.507-3.507c0-.177-.027-.347-.053-.517H20V6h2V4h-3C18.447 4 18 4.448 18 5zM2 5H16V7H2z"/><path fill="currentColor" d="M2 9H16V11H2zM2 13H11V15H2zM2 17H11V19H2z"/></svg>
			</div>
			<div class="song_queue" onclick="clearQueues();">
				<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z"/></svg>
			</div>
		</div>
		<div class="ma_player_playlist" data-simplebar>
			<div class="queue_head">
				<h4>Danh sách đang nghe</h4>
				<span onclick="clearQueues();" title="xóa"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path fill="currentColor" d="M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z"/></svg></span>
			</div>
			<div id="queue-list">
							</div>
		</div>
	</div>
</div>
			<!-- End Player  -->
		</div>

		<!-- Login Modal  -->
		<!-- Modal -->
<div class="modal fade auth_box_prnt" id="login_box" tabindex="-1" role="dialog" aria-labelledby="login_box" aria-hidden="true">
	<button type="button" class="close" data-dismiss="modal" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z" /></svg></button>
	<div class="modal-dialog auth_box" role="document">
		<div class="modal-content">
			<div class="right_combo">
				<div class="navbar-brand">
											<img src="https://hayhat.net/themes/volcano/img/logo.png?cache=123" alt="">
									</div>
				<h2>Đăng nhập</h2>
				<p>Đăng ký cực nhanh 30s hoặc đăng nhập bằng tài khoản Facebook/Google để sử dụng tất cả chức năng của Hayhat.net - Hát hay không bằng hay hát, nhé!</p>
				
				<div class="alert alert-danger alert-empty" id="output-errors"></div>
				<form method="post" action="" method="POST" id="login-form">
					<div class="form-group mat_input">
						<input type="text" class="form-control" placeholder="Tên đăng nhập" autofocus name="username">
						<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M4 22a8 8 0 1 1 16 0h-2a6 6 0 1 0-12 0H4zm8-9c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4z"/></svg>
					</div>
					<div class="form-group mat_input">
						<input type="password" class="form-control" placeholder="Mật khẩu" name="password">
						<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M18 8h2a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h2V7a6 6 0 1 1 12 0v1zM5 10v10h14V10H5zm6 4h2v2h-2v-2zm-4 0h2v2H7v-2zm8 0h2v2h-2v-2zm1-6V7a4 4 0 1 0-8 0v1h8z"/></svg>
					</div>
					<div class="forgot_password">
												<a href="https://hayhat.net/forgot-password">Quên mật khẩu?</a>
					</div>
					<input type="hidden" name="last_url" class="login_last_url">
					<button type="submit" class="btn btn-primary btn-mat" id="btn-submit">Đăng nhập</button>
				</form>
								<div class="signup_">
					<span>Bạn chưa có tài khoản?</span>
					<a href="#" data-dismiss="modal" data-toggle="modal" data-target="#signup_box">Đăng ký</a>
				</div>
												<div class="text-center">
					<span class="u_divider">hoặc</span>
				</div>
								<div class="ma_social_login">
																																																																		<div id="buttonDiv"></div>
									</div>
			</div>
			<div class="left_combo" style="background-image: url(https://hayhat.net/themes/volcano/img/auth/singing.jpg);">
				<h2>Live your Day with <span>Music</span> <img src="https://hayhat.net/themes/volcano/img/icon.png" /></h2>
			</div>
		</div>
	</div>
</div>

<script>
$(document).ready(function() { 
		function handleCredentialResponse(response) {
	   var id_token = response.credential;
	   $.post("https://hayhat.net/endpoints/auth/google_login?hash_id=" + getHashID(), {id_token: id_token}, function(data, textStatus, xhr) {
	    if (data.status == 200) {
            setTimeout(function () {
            	window.location.href = data.location;
            }, 1000);
	    }
	    else{
	    	$('#output-errors').html(data.message);
	    }
	   });
	}
	window.onload = function () {
	  google.accounts.id.initialize({
	    client_id: "508215775744-fe925cvtqi99klh8mrvvudamtpmj7jfd.apps.googleusercontent.com",
	    callback: handleCredentialResponse
	  });
	  google.accounts.id.renderButton(
	    document.getElementById("buttonDiv"),
	    { theme: "outline", size: "large" }  // customization attributes
	  );
	  google.accounts.id.prompt(); // also display the One Tap dialog
	}
		
    var options = { 
    	url: "https://hayhat.net/endpoints/auth/login?hash_id=" + getHashID(),
        beforeSubmit:  function () {
        	$('#output-errors').empty();
        	$("#btn-submit").text("chờ chút...");
        }, 
        success: function (data) {
        	$("#btn-submit").text("Đăng nhập");
        	if (data.status == 200) {
        		if (data.last_url) {
        			window.location.href = data.last_url;
        			return false;
        		}
        		if ($('#page').attr('data-page') != 'home' && $('#page').attr('data-page') != 'forgot' && $('#page').attr('data-page') != 'reset') {
        			$('#main-header').html(data.header);
        			$('#login_box').modal('hide');
        			if (Amplitude.getActiveSongMetadata().price > 0) {
        				location.href = window.location.href;
        			} else {
        				location.href = window.location.href;
        			}
					$("[data-load='feed']").parent().removeClass("hidden");
        		} else {
        			location.href = window.location.href;
        		}
        	} else if (data.status == 400) {
        		var errros = data.errors.join("<br>");
        		$('#output-errors').html(errros);
        	} else if (data.status == 600) {
                location.href = data.location;
            }
        }
    }; 

    $('#login-form').ajaxForm(options); 
}); 
</script>
		<!-- End Login Modal  -->

		<!-- Signup Modal  -->
		<!-- Modal -->
<div class="modal fade auth_box_prnt" id="signup_box" tabindex="-1" role="dialog" aria-labelledby="signup_box" aria-hidden="true">
	<button type="button" class="close" data-dismiss="modal" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z" /></svg></button>
	<div class="modal-dialog auth_box" role="document">
		<div class="modal-content">
			<div class="right_combo">
				<div class="navbar-brand">
											<img src="https://hayhat.net/themes/volcano/img/logo.png?cache=123" alt="">
									</div>
				<h2>Đăng ký</h2>
				<p>Đăng ký cực nhanh 30s hoặc đăng nhập bằng tài khoản Facebook/Google để sử dụng tất cả chức năng của Hayhat.net - Hát hay không bằng hay hát, nhé!</p>
				
				<div class="alert alert-danger alert-empty" id="output-singup-errors"></div>
				<form method="post" action="POST" id="signup-form">
										<div class="form-group mat_input">
						<input type="text" name="name" class="form-control" placeholder="Họ tên" autofocus>
						<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M4 22a8 8 0 1 1 16 0h-2a6 6 0 1 0-12 0H4zm8-9c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4z"/></svg>
					</div>
					<div class="form-group mat_input">
						<input type="text" name="username" class="form-control" placeholder="Tên đăng nhập">
						<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M4 22a8 8 0 1 1 16 0h-2a6 6 0 1 0-12 0H4zm8-9c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4z"/></svg>
					</div>
										<div class="form-group mat_input">
						<input type="email" name="email" class="form-control" placeholder="Địa chỉ Email">
						<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M3 3h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm17 4.238l-7.928 7.1L4 7.216V19h16V7.238zM4.511 5l7.55 6.662L19.502 5H4.511z"/></svg>
					</div>
					<div class="form-group mat_input">
						<input type="password" name="password" class="form-control" placeholder="Mật khẩu" id="password">
						<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M18 8h2a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h2V7a6 6 0 1 1 12 0v1zM5 10v10h14V10H5zm6 4h2v2h-2v-2zm-4 0h2v2H7v-2zm8 0h2v2h-2v-2zm1-6V7a4 4 0 1 0-8 0v1h8z"/></svg>
											</div>
					<div class="form-group mat_input">
						<input type="password" name="c_password" class="form-control" placeholder="Xác nhận lại mật khẩu">
						<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M18 8h2a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h2V7a6 6 0 1 1 12 0v1zM5 10v10h14V10H5zm6 4h2v2h-2v-2zm-4 0h2v2H7v-2zm8 0h2v2h-2v-2zm1-6V7a4 4 0 1 0-8 0v1h8z"/></svg>
					</div>
					<div class="form-group mat_input">
                    <input id="fid_1" name="fid_1" type="text" class="form-control" placeholder="Tên Crush">
        	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zM11 7h2v2h-2V7zm0 4h2v6h-2v-6z"/></svg>
</div>
					<div class="recaptcha">
												<div class="g-recaptcha" data-sitekey="6LdfMLMZAAAAAOXf-D5qpsZFcbmMIVXjhXSLMtBY"></div><br>
											</div>
					<div class="terms_check">
						<span>Đăng ký là bạn đồng ý với</span>
						<a href="https://hayhat.net/terms/terms">Điều khoản</a>
						<span>và</span>
						<a href="https://hayhat.net/terms/privacy">Quy định</a>
					</div>
					<button type="submit" class="btn btn-primary btn-mat" id="btn-singup-submit">Đăng ký</button>
				</form>
				<div class="signup_">
					<span>Hoặc dùng Facebook/Google -&gt;</span>
					<a href="#" data-dismiss="modal" data-toggle="modal" data-target="#login_box">Đăng nhập</a>
				</div>
			</div>
			<div class="left_combo register" style="background-image: url(https://hayhat.net/themes/volcano/img/auth/register.png);">
				<h3>Over 30 million songs to suit every mood & occasion</h3>
				<div class="row">
					<div class="col-3">
						<svg class="top" xmlns="http://www.w3.org/2000/svg" width="51.633" height="51.682" viewBox="0 0 51.633 51.682"> <g id="Group_9888" data-name="Group 9888" transform="translate(-1109 -695.318)"> <g transform="translate(10.051 -42.949)"> <g id="Rectangle_3432" data-name="Rectangle 3432" transform="translate(1098.949 749.949)" fill="none" stroke="#fff" stroke-width="1"> <rect width="40" height="40" rx="6" stroke="none"/> <rect x="0.5" y="0.5" width="39" height="39" rx="5.5" fill="none"/> </g> <g id="Group_9318" data-name="Group 9318" transform="translate(1108.972 761.968)"> <path id="Subtraction_45" data-name="Subtraction 45" d="M9.464,15.535H0V14.164H9.464v1.37Zm4.048-7.082H0V7.082H13.512v1.37Zm6.069-7.082H0V0H19.581V1.37Z" transform="translate(0 0)" fill="#fff"/> <path id="Path_7235" data-name="Path 7235" d="M81.74,1.6a3.463,3.463,0,0,1-1.685-.4C79.7.993,79.491.732,79.491.486V.467a.473.473,0,0,0-.946,0V6.459a2.551,2.551,0,1,0,.946,1.974s0-.009,0-.014,0,0,0-.007V1.953a4.27,4.27,0,0,0,2.249.58.467.467,0,1,0,0-.933ZM76.9,10.059a1.625,1.625,0,1,1,1.648-1.625A1.639,1.639,0,0,1,76.9,10.059Z" transform="translate(-62.306 4.869)" fill="#fff"/> </g> </g> <path id="Subtraction_46" data-name="Subtraction 46" d="M10856.77,1580.2h0a13.591,13.591,0,0,0-4.876-5.964l.494-1.774a15.166,15.166,0,0,1,6.233,7.628l-1.851.111Zm6.592-.363h0a19.572,19.572,0,0,0-3.637-6.947,19.283,19.283,0,0,0-6.1-4.976l.473-1.752a21.064,21.064,0,0,1,7.01,5.622,21.318,21.318,0,0,1,4.082,7.959l-1.824.1Z" transform="translate(-9704.555 -870.846)" fill="#fff"/> </g> </svg>
						<p>Create your own playlist</p>
					</div>
					<div class="col-5">
						<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"> <g transform="translate(-1098.949 -749.949)"> <g id="Rectangle_3432" data-name="Rectangle 3432" transform="translate(1098.949 749.949)" fill="none" stroke="#fff" stroke-width="1"> <rect width="40" height="40" rx="6" stroke="none"/> <rect x="0.5" y="0.5" width="39" height="39" rx="5.5" fill="none"/> </g> <path id="Subtraction_47" data-name="Subtraction 47" d="M10709.106,1626.985a3.671,3.671,0,0,1-1.342-.249,3.749,3.749,0,0,1-2.247-4.4l.085-.342-4.99-2.734-.238.257a3.647,3.647,0,0,1-1.892,1.091l0,0a3.753,3.753,0,0,1-.823.093,3.619,3.619,0,0,1-1.358-.264,3.659,3.659,0,0,1-1.708-1.372,3.765,3.765,0,0,1,0-4.2,3.646,3.646,0,0,1,1.708-1.372,3.75,3.75,0,0,1,1.373-.262,3.576,3.576,0,0,1,.808.091l.007,0a3.614,3.614,0,0,1,1.89,1.091l.238.257,4.99-2.734-.085-.342a3.745,3.745,0,0,1,2.247-4.4,3.679,3.679,0,0,1,1.342-.252,3.734,3.734,0,0,1,.01,7.468,3.353,3.353,0,0,1-.35-.017,3.72,3.72,0,0,1-2.359-1.169l-.238-.254-4.987,2.734.083.342a3.774,3.774,0,0,1,0,1.832l-.083.342,4.99,2.734.238-.257a3.651,3.651,0,0,1,2.356-1.166c.113-.011.229-.016.343-.016a3.749,3.749,0,0,1,2.184.706,3.73,3.73,0,0,1-2.187,6.759Zm.013-6.282a2.557,2.557,0,0,0-2.534,2.548,2.543,2.543,0,0,0,.747,1.8,2.512,2.512,0,0,0,3.577,0,2.541,2.541,0,0,0,0-3.6A2.513,2.513,0,0,0,10709.119,1620.7Zm-11.457-6.284a2.509,2.509,0,0,0-1.787.751,2.541,2.541,0,0,0,0,3.6,2.506,2.506,0,0,0,3.577,0,2.538,2.538,0,0,0,0-3.6A2.511,2.511,0,0,0,10697.662,1614.419Zm11.457-6.284a2.507,2.507,0,0,0-1.787.751,2.538,2.538,0,0,0,0,3.6,2.506,2.506,0,0,0,3.577,0,2.549,2.549,0,0,0-1.79-4.348Z" transform="translate(-9584.443 -847.019)" fill="#fff"/> </g> </svg>
						<p>Share music with friends & family</p>
					</div>
					<div class="col-4">
						<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"> <g transform="translate(-1098.949 -749.949)"> <g id="Rectangle_3432" data-name="Rectangle 3432" transform="translate(1098.949 749.949)" fill="none" stroke="#fff" stroke-width="1"> <rect width="40" height="40" rx="6" stroke="none"/> <rect x="0.5" y="0.5" width="39" height="39" rx="5.5" fill="none"/> </g> <path id="Path_6728" data-name="Path 6728" d="M3535.636,7856.374l-7.81-7.811.029-.059a5.6,5.6,0,0,1,4.3-8.935c.069,0,.138,0,.207,0a5.607,5.607,0,0,0,6.54,0c.069,0,.138,0,.207,0a5.6,5.6,0,0,1,4.312,8.924l.031.059Zm-6.5-8.184,6.5,6.5,6.5-6.5.132-.153a4.417,4.417,0,0,0-6.24-6.217l-.388.335-.388-.335a4.412,4.412,0,0,0-2.882-1.07c-.054,0-.109,0-.163,0a4.414,4.414,0,0,0-3.2,7.284Z" transform="translate(-2417.124 -7077.917)" fill="#fff"/> </g> </svg>
						<p>Save your favourites</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<style>
.auth_box .modal-content {
	min-height: 560px;
}
</style>
<script>
$(document).ready(function() { 
    var options = { 
    	url: "https://hayhat.net/endpoints/auth/signup?hash_id=" + getHashID() + '',
        beforeSubmit:  function () {
        	        	$('#output-singup-errors').removeClass("alert-success").addClass('alert-danger');
        	$('#output-singup-errors').empty();
        	$("#btn-singup-submit").text("chờ chút...");
                }, 
        success: function (data) {
        	$("#btn-singup-submit").text("Đăng ký");
        	if (data.status == 200) {

        	    if( typeof data.link !== "undefined" ){
                    location.href = 'https://hayhat.net';
				}

        		if ($('#page').attr('data-page') != 'home' && $('#page').attr('data-page') != 'forgot' && $('#page').attr('data-page') != 'reset') {
        			$('#main-header').html(data.header);
        			$('#signup_box').modal('hide');

        			if (Amplitude.getActiveSongMetadata().price > 0) {
        				location.href = 'https://hayhat.net/interest';//window.location.href;
        			} else {
        				ajaxRedirect('interest');
        			}
        		} else {
        			location.href = 'https://hayhat.net/interest';//window.location.href;
        		}
        	} else if (data.status == 400) {
        		var errros = data.errors.join("<br>");
        		$('#output-singup-errors').html(errros);
        	} else if (data.status == 403) {
        		$('#output-singup-errors').removeClass("alert-danger").addClass('alert-success');
        		$('#output-singup-errors').html(data.message);
            }
        }
    }; 

    $('#signup-form').ajaxForm(options); 
}); 
</script>
		<!-- End Signup Modal  -->

		<!-- Modals -->
		<div class="modal fade" id="delete-song" tabindex="-1" role="dialog" aria-labelledby="delete-song" aria-hidden="true" data-id="0">
	<div class="modal-dialog mat_box" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title">Xóa bài hát</h5>
			</div>
			<div class="modal-body">
				Bạn thật sự muốn xóa bài này?
			</div>	
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">Hủy</button>
				<button type="button" class="btn btn-danger btn-mat" onclick="deleteSong();">Xóa</button>
			</div>
		</div>
	</div>
</div>		<div class="modal fade" id="delete-comment" tabindex="-1" role="dialog" aria-labelledby="delete-comment" aria-hidden="true" data-id="0">
	<div class="modal-dialog mat_box" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title">Xóa bình luận</h5>
			</div>
			<div class="modal-body">
				Bạn thật sự muốn Xóa bình luận này?
			</div>	
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">Hủy</button>
				<button type="button" class="btn btn-danger btn-mat" onclick="deleteComment();">Xóa</button>
			</div>
		</div>
	</div>
</div>


<div class="modal fade" id="delete-comment-replay" tabindex="-1" role="dialog" aria-labelledby="delete-comment-replay" aria-hidden="true" data-id="0">
	<div class="modal-dialog mat_box" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title">Xóa bình luận</h5>
			</div>
			<div class="modal-body">
				Bạn thật sự muốn Xóa bình luận này?
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">Hủy</button>
				<button type="button" class="btn btn-danger btn-mat" onclick="deleteCommentReplay(this);">Xóa</button>
			</div>
		</div>
	</div>
</div>		<div class="modal fade" id="delete-post" tabindex="-1" role="dialog" aria-labelledby="delete-post" aria-hidden="true" data-id="0">
	<div class="modal-dialog mat_box" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title">Xóa hoạt động của tôi</h5>
			</div>
			<div class="modal-body">
				Bạn thực sự muốn xóa hoạt động này?
			</div>

			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">Hủy</button>
				<button type="button" class="btn btn-danger btn-mat" onclick="deletePost();">Xóa</button>
			</div>
		</div>
	</div>
</div>		<div class="modal fade" id="reposted" tabindex="-1" role="dialog" aria-labelledby="reposted" aria-hidden="true" data-id="0">
	<div class="modal-dialog mat_box" role="document">
		<div class="modal-content">
			<div class="modal-body">
				<div class="no-track-found" style="padding: 30px 10px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"></path></svg> Bài hát đã được chia sẻ lên Newfeed/timeline của bạn</div>
			</div>	
		</div>
	</div>
</div>		<div class="modal fade" id="purchase-song" role="dialog" aria-labelledby="purchase-song" aria-hidden="true" data-id="0">
	<div class="modal-dialog mat_box" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title">Purchase Required</h5>
			</div>
			<div class="modal-body">
				To continue listening to this track, you need to purchase the song.
			</div>	
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">Hủy</button>
				<button type="button" class="btn btn-primary btn-mat" onclick="purchaseTrack($(this));">MUA $<span class="price"></span></button>
			</div>
		</div>
	</div>
</div>		<div class="modal fade" id="age-restricted" role="dialog" aria-labelledby="age-restricted" aria-hidden="true" data-id="0">
	<div class="modal-dialog mat_box" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title">Age restricted track</h5>
			</div>
			<div class="modal-body">
				This track is age restricted for viewers under 18, Create an account or login to confirm your age.			</div>	
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">Đóng</button>
			</div>
		</div>
	</div>
</div>		<div class="modal fade" id="create_copyright_box" tabindex="-1" role="dialog" aria-labelledby="create_copyright_box" aria-hidden="true">
	<div class="modal-dialog mat_box create_playlist" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title">Báo cáo bản quyền</h5>
			</div>
			<form method="post" action="" id="copyright-form">
				<div class="alert alert-danger alert-empty" id="output-copyright-errors"></div>
				<div class="create_playlist_innr">
					<div class="play_info">
						<div class="form-group mat_input" style="text-align: initial;">
							<textarea name="description" id="description" rows="6" style="width: 100%;"></textarea><br>
							<small>Miêu tả chi tiết về việc vi phạm bản quyền. Nếu bạn là tác giả vui lòng cung cấp bằng chứng về việc sở hữu trí tuệ.</small>
						</div>
						<hr>
						<div class="custom-control custom-radio">
							<input type="checkbox" id="confirm_1" name="confirm_1" class="custom-control-input">
							<label class="custom-control-label" for="confirm_1">Tôi chắc chắn người đăng bài không phải là chủ sở hữu hợp pháp của sản phẩm số này.</label>
						</div>
						<div class="custom-control custom-radio">
							<input type="checkbox" id="confirm_2" name="confirm_2" class="custom-control-input">
							<label class="custom-control-label" for="confirm_2">Tôi cam đoan mình chính là chủ sở hữu sản phẩm âm nhạc số này và sẽ cung cấp đầy đủ bằng chứng</label>
						</div>
					</div>
				</div>
				<input type="hidden" id="song-copyright-id" name="id">
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Hủy</button>
					<button type="submit" class="btn btn-primary btn-mat" id="btn-copyright-submit">Gửi đi</button>
				</div>
			</form>
		</div>
	</div>
</div>
<script>
$(document).ready(function() { 
    var options = { 
    	url: "https://hayhat.net/endpoints/copyright-create?hash_id=" + getHashID(),
        beforeSubmit:  function () {
        	$('#output-copyright-errors').removeClass('alert-success').addClass('alert-danger');
        	$('#output-copyright-errors').empty();
        	$("#btn-copyright-submit").text("chờ chút...");
        }, 
        success: function (data) {
        	$("#btn-copyright-submit").text("Gửi đi");
        	if (data.status == 200) {
        		$('#output-copyright-errors').addClass('alert-success').removeClass('alert-danger');
        		$('#output-copyright-errors').text("Thanks for your submission, we will review your request shortly.");
        		setTimeout(function () {
        			$('#copyright-form')[0].reset();
	        		$('#create_copyright_box').modal('hide');
	        		closeModal();
	        		$('#output-copyright-errors').empty();
        		}, 3000);
        	} else if (data.status == 400) {
        		var errros = data.errors.join("<br>");
        		$('#output-copyright-errors').html(errros);
        	}
        }
    }; 

    $('#copyright-form').ajaxForm(options); 
}); 
</script>		<div class="modal fade" id="comment_unreported" tabindex="-1" role="dialog" aria-labelledby="comment_unreported" aria-hidden="true" data-id="0">
    <div class="modal-dialog mat_box" role="document">
        <div class="modal-content">
			<div class="modal-body">
				<div class="no-track-found" style="padding: 30px 10px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"></path></svg> Bình luận bị báo cáo đã được xóa thành công.</div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="report_comment" tabindex="-1" role="dialog" aria-labelledby="report_comment" aria-hidden="true">
    <div class="modal-dialog mat_box create_playlist" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Báo cáo bình luận.</h5>
            </div>
            <form method="post" action="" id="comment-report-form">
                <div class="alert alert-danger alert-empty" id="output-report-comment-errors"></div>
                <div class="create_playlist_innr">
                    <div class="play_info">
                        <div class="form-group mat_input" style="text-align: initial;">
                            <textarea name="comment_description" id="comment_description" rows="5" style="width: 100%;"></textarea><br>
                            <small>Hãy nêu lý do bạn báo cáo bình luận này (chửi nhau, công kính cá nhân, xúc phạm....)</small>
                        </div>
                    </div>
                </div>
                <input type="hidden" id="comment_id" name="id">
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Hủy</button>
                    <button type="submit" class="btn btn-primary btn-mat" id="btn-report-comment-submit">Gửi đi</button>
                </div>
            </form>
        </div>
    </div>
</div>
<script>
    $(document).ready(function() {
        var options = {
            url: "https://hayhat.net/endpoints/report-comment?hash_id=" + getHashID(),
            beforeSubmit:  function () {
                $('#output-report-comment-errors').removeClass('alert-success').addClass('alert-danger');
                $('#output-report-comment-errors').empty();
                $("#btn-report-comment-submit").text("chờ chút...");
            },
            success: function (data) {
                $("#bbtn-report-comment-submit").text("Gửi đi");
                if (data.status == 200) {
                    $('#output-report-comment-errors').addClass('alert-success').removeClass('alert-danger');
                    $('#output-report-comment-errors').text("Thanks for your submission, we will review your request shortly.");
                    setTimeout(function () {
                        $('#comment-report-form')[0].reset();
                        $('#report_comment').modal('hide');
                        closeModal();
                        var comment_id = $('#comment_id').val();
                        $('.comment_report[data-comment-id="'+comment_id+'"]').hide();
                        $('.comment_unreport[data-comment-id="'+comment_id+'"]').css({'visibility':'inherit'});
                        $('.comment_unreport[data-comment-id="'+comment_id+'"]').show();

                        $('#output-report-comment-errors').empty();
                    }, 3000);
                } else if (data.status == 400) {
                    var errros = data.errors.join("<br>");
                    $('#output-report-comment-errors').html(errros);
                }
            }
        };

        $('#comment-report-form').ajaxForm(options);
    });
</script>		<div class="modal fade" id="blog_comment_unreported" tabindex="-1" role="dialog" aria-labelledby="comment_unreported" aria-hidden="true" data-id="0">
    <div class="modal-dialog mat_box" role="document">
        <div class="modal-content">
			<div class="modal-body">
				<div class="no-track-found" style="padding: 30px 10px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"></path></svg> Bình luận bị báo cáo đã được xóa thành công.</div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="blog_report_comment" tabindex="-1" role="dialog" aria-labelledby="blog_report_comment" aria-hidden="true">
    <div class="modal-dialog mat_box create_playlist" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Báo cáo bình luận.</h5>
            </div>
            <form method="post" action="" id="blog-comment-report-form">
                <div class="alert alert-danger alert-empty" id="output-blog-report-comment-errors"></div>
                <div class="create_playlist_innr">
                    <div class="play_info">
                        <div class="form-group mat_input" style="text-align: initial;">
                            <textarea name="comment_description" id="blog_comment_description" rows="5" style="width: 100%;"></textarea><br>
                            <small>Hãy nêu lý do bạn báo cáo bình luận này (chửi nhau, công kính cá nhân, xúc phạm....)</small>
                        </div>
                    </div>
                </div>
                <input type="hidden" id="blog_comment_id" name="id">
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Hủy</button>
                    <button type="submit" class="btn btn-primary btn-mat" id="btn-blog-report-comment-submit">Gửi đi</button>
                </div>
            </form>
        </div>
    </div>
</div>
<script>
    $(document).ready(function() {
        var options = {
            url: "https://hayhat.net/endpoints/blog-report-comment?hash_id=" + getHashID(),
            beforeSubmit:  function () {
                $('#output-blog-report-comment-errors').removeClass('alert-success').addClass('alert-danger');
                $('#output-blog-report-comment-errors').empty();
                $("#btn-blog-report-comment-submit").text("chờ chút...");
            },
            success: function (data) {
                $("#btn-blog-report-comment-submit").text("Gửi đi");
                if (data.status == 200) {
                    $('#output-blog-report-comment-errors').addClass('alert-success').removeClass('alert-danger');
                    $('#output-blog-report-comment-errors').text("Thanks for your submission, we will review your request shortly.");
                    setTimeout(function () {
                        $('#blog-comment-report-form')[0].reset();
                        $('#blog_report_comment').modal('hide');
                        closeModal();
                        var comment_id = $('#blog_comment_id').val();
                        $('.blog_comment_report[data-comment-id="'+comment_id+'"]').hide();
                        $('.blog_comment_unreport[data-comment-id="'+comment_id+'"]').css({'visibility':'inherit'});
                        $('.blog_comment_unreport[data-comment-id="'+comment_id+'"]').show();

                        $('#output-blog-report-comment-errors').empty();
                    }, 3000);
                } else if (data.status == 400) {
                    var errros = data.errors.join("<br>");
                    $('#output-blog-report-comment-errors').html(errros);
                }
            }
        };

        $('#blog-comment-report-form').ajaxForm(options);
    });
</script>		<div class="modal fade" id="track_unreported" tabindex="-1" role="dialog" aria-labelledby="track_unreported" aria-hidden="true" data-id="0">
    <div class="modal-dialog mat_box" role="document">
        <div class="modal-content">
            <div class="modal-body">
				<div class="no-track-found" style="padding: 30px 10px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"></path></svg> Đã bỏ không báo lỗi bài này nữa</div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="report_track" tabindex="-1" role="dialog" aria-labelledby="report_track" aria-hidden="true">
    <div class="modal-dialog mat_box create_playlist" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Báo lỗi bài hát</h5>
            </div>
            <form method="post" action="" id="track-report-form">
                <div class="alert alert-danger alert-empty" id="output-report-track-errors"></div>
                <div class="create_playlist_innr">
                    <div class="play_info">
                        <div class="form-group mat_input" style="text-align: initial;">
                            <textarea name="track_description" id="track_description" rows="5" style="width: 100%;"></textarea>
                            <small>Mô tả lý do: Bài lỗi không nghe được, thiếu lời, sai thể loại, hát quá chán....</small>
                        </div>
                    </div>
                </div>
                <input type="hidden" id="report_track_id" name="id">
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Hủy</button>
                    <button type="submit" class="btn btn-primary btn-mat" id="btn-report-track-submit">Gửi đi</button>
                </div>
            </form>
        </div>
    </div>
</div>
<script>
    $(document).ready(function() {
        var options = {
            url: "https://hayhat.net/endpoints/report-track?hash_id=" + getHashID(),
            beforeSubmit:  function () {
                $('#output-report-track-errors').removeClass('alert-success').addClass('alert-danger');
                $('#output-report-track-errors').empty();
                $("#btn-report-track-submit").text("chờ chút...");
            },
            success: function (data) {
                $("#btn-report-track-submit").text("Gửi đi");
                if (data.status == 200) {
                    $('#output-report-track-errors').addClass('alert-success').removeClass('alert-danger');
                    $('#output-report-track-errors').text("Cảm ơn bạn đã gửi báo cáo, Hayhat sẽ xem xét và xử lý sớm");
                    setTimeout(function () {
                        $('#track-report-form')[0].reset();
                        $('#report_track').modal('hide');
                        closeModal();
                        var track_id = $('#report_track_id').val();
                        $('.track_report[data-track-id="'+track_id+'"]').hide();
                        $('.track_unreport[data-track-id="'+track_id+'"]').css({'visibility':'inherit'});
                        $('.track_unreport[data-track-id="'+track_id+'"]').show();

                        $('#output-report-track-errors').empty();
                    }, 3000);
                } else if (data.status == 400) {
                    var errros = data.errors.join("<br>");
                    $('#output-report-track-errors').html(errros);
                }
            }
        };

        $('#track-report-form').ajaxForm(options);
    });
</script>		<link rel='stylesheet' href='//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css'>

<style>
    .success-box {
        margin:50px 0;
        padding:10px 10px;
        border:1px solid #eee;
        background:#f9f9f9;
    }
    .success-box img {
        margin-right:10px;
        display:inline-block;
        vertical-align:top;
    }
    .success-box > div {
        vertical-align:top;
        display:inline-block;
        color:#888;
    }
    /* Rating Star Widgets Style */
    .rating-stars ul {
        list-style-type:none;
        padding:0;

        -moz-user-select:none;
        -webkit-user-select:none;
    }
    .rating-stars ul > li.star {
        display:inline-block;

    }
    /* Idle State of the stars */
    .rating-stars ul > li.star > i.fa {
        font-size:2.5em; /* Change the size of the stars */
        color:#ccc; /* Color on idle state */
    }
    /* Hover state of the stars */
    .rating-stars ul > li.star.hover > i.fa {
        color:#FFCC36;
    }
    /* Selected state of the stars */
    .rating-stars ul > li.star.selected > i.fa {
        color:#FF912C;
    }
</style>

<div class="modal fade" id="track_unreported" tabindex="-1" role="dialog" aria-labelledby="track_unreported" aria-hidden="true" data-id="0">
    <div class="modal-dialog mat_box" role="document">
        <div class="modal-content">
            <div class="modal-body">
				<div class="no-track-found" style="padding: 30px 10px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"></path></svg> Đã bỏ không báo lỗi bài này nữa</div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="review_track" tabindex="-1" role="dialog" aria-labelledby="report_track" aria-hidden="true">
    <div class="modal-dialog mat_box create_playlist" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Đánh giá bài hát.</h5>
            </div>
            <form method="post" action="" id="track-review-form">
                <div class="alert alert-danger alert-empty" id="output-review-track-errors"></div>
                <div class="create_playlist_innr">
                    <div class="play_info">
                        <div class="form-group mat_input" style="text-align: initial;">
                            <textarea name="track_review_description" id="track_review_description" rows="5" style="width: 100%;" placeholder="Nêu cảm nhận của bạn về bài hát"></textarea>
                            <br><br>

                            <section class='rating-widget'>
                                <!-- Rating Stars Box -->
                                <div class='rating-stars text-center'>
                                    <ul id='stars'>
                                        <li class='star' title='Poor' data-value='1'>
                                            <i class='fa fa-star fa-fw'></i>
                                        </li>
                                        <li class='star' title='Fair' data-value='2'>
                                            <i class='fa fa-star fa-fw'></i>
                                        </li>
                                        <li class='star' title='Good' data-value='3'>
                                            <i class='fa fa-star fa-fw'></i>
                                        </li>
                                        <li class='star' title='Excellent' data-value='4'>
                                            <i class='fa fa-star fa-fw'></i>
                                        </li>
                                        <li class='star' title='WOW!!!' data-value='5'>
                                            <i class='fa fa-star fa-fw'></i>
                                        </li>
                                    </ul>
                                </div>
                            </section>


                        </div>
                    </div>
                </div>
                <input type="hidden" id="review_track_id" name="id">
                <input type="hidden" id="review_track_oid">
                <input type="hidden" id="track_stars" name="track_stars" value="0">
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Hủy</button>
                    <button type="submit" class="btn btn-primary btn-mat" disabled="disabled" id="btn-review-track-submit">Gửi đi</button>
                </div>
            </form>
        </div>
    </div>
</div>
<script>
    $(document).ready(function(){

        /* 1. Visualizing things on Hover - See next part for action on click */
        $('#stars li').on('mouseover', function(){
            var onStar = parseInt($(this).data('value'), 10); // The star currently mouse on

            // Now highlight all the stars that's not after the current hovered star
            $(this).parent().children('li.star').each(function(e){
                if (e < onStar) {
                    $(this).addClass('hover');
                }
                else {
                    $(this).removeClass('hover');
                }
            });

        }).on('mouseout', function(){
            $(this).parent().children('li.star').each(function(e){
                $(this).removeClass('hover');
            });
        });

        $('#track_review_description').bind('input propertychange', function() {
            if(this.value.length){
                var ratingValue = parseInt($('#stars li.selected').last().data('value'), 10);
                if (ratingValue > 1) {
                    $('#btn-review-track-submit').removeAttr('disabled');
                }
            }
        });

        /* 2. Action to perform on click */
        $('#stars li').on('click', function(){
            var onStar = parseInt($(this).data('value'), 10); // The star currently selected
            var stars = $(this).parent().children('li.star');

            for (i = 0; i < stars.length; i++) {
                $(stars[i]).removeClass('selected');
            }

            for (i = 0; i < onStar; i++) {
                $(stars[i]).addClass('selected');
            }

            // JUST RESPONSE (Not needed)
            var ratingValue = parseInt($('#stars li.selected').last().data('value'), 10);
            var msg = "";
            if (ratingValue > 1) {
                $('#track_stars').val(ratingValue);
                if( $('#track_review_description').val() !== '' ) {
                    $('#btn-review-track-submit').removeAttr('disabled');
                }
                msg = "Thanks! You rated this " + ratingValue + " stars.";
            }
            else {
                msg = "We will improve ourselves. You rated this " + ratingValue + " stars.";
            }

        });


    });

    $(document).ready(function() {
        var options = {
            url: "https://hayhat.net/endpoints/review-track?hash_id=" + getHashID(),
            beforeSubmit:  function () {
                $('#output-review-track-errors').removeClass('alert-success').addClass('alert-danger');
                $('#output-review-track-errors').empty();
                $("#btn-review-track-submit").text("chờ chút...");
            },
            success: function (data) {
                $("#btn-review-track-submit").text("Gửi đi");
                if (data.status == 200) {
                    $('#output-review-track-errors').addClass('alert-success').removeClass('alert-danger');
                    $('#output-review-track-errors').text("Cảm ơn bạn đã gửi báo cáo.");
                    setTimeout(function () {
                        $('#track-review-form')[0].reset();
                        $('#review_track').modal('hide');
                        closeModal();


                        goToAjaxLink('track/'+$('#review_track_oid').val());

                        $('#output-review-track-errors').empty();
                    }, 3000);
                } else if (data.status == 400) {
                    var errros = data.errors.join("<br>");
                    $('#output-review-track-errors').html(errros);
                }
            }
        };

        $('#track-review-form').ajaxForm(options);
    });
</script>		<div class="modal fade" id="bank_transfer_modal_response" tabindex="-1" role="dialog" aria-labelledby="bank_transfer_modal_response" aria-hidden="true" data-id="0">
    <div class="modal-dialog mat_box" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="no-track-found" style="padding: 30px 10px;">
                    <span id="bank_transfer_modal_response_txt"></span>

                </div>
            </div>
        </div>
    </div>
</div>


<div class="bank_transfer_modal modal fade modal-fixed-footer" tabindex="-1" role="dialog" aria-hidden="true" data-id="0">
    <div class="modal-dialog mat_box" role="document">
        <div class="modal-content dt_bank_trans_modal">
            <div class="modal-header">
                <h5 class="modal-title">Chuyển khoản ngân hàng</h5>
            </div>
            <div class="modal-body">
                                <div class="bank_info"><div class="dt_settings_header bg_gradient">    <div class="bank_info_innr">        <h4 class="bank_name">TMCP ĐT và PT VN</h4>        <div class="row">            <div class="col-md-12">                <div class="bank_account">                    <p>SỐ TÀI KHOẢN</p>                    <span class="help-block">16010000173731</span>                </div>            </div>            <div class="col-md-12">                <div class="bank_account_holder">                    <p>TÊN CHỦ TK</p>                    <span class="help-block">Hoang Trong Duc</span>                </div>            </div>            <div class="col-md-6">                <div class="bank_account_code">                    <p>NGÂN HÀNG</p>                    <span class="help-block">BIDV</span>                </div>            </div>            <div class="col-md-6">                <div class="bank_account_country">                    <p>CHI NHÁNH</p>                    <span class="help-block">Sở Giao dịch 3</span>                </div>            </div>        </div>    </div></div></div>
                                                <div class="dt_user_profile hide_alert_info_bank_trans">
                <span class="valign-wrapper">
					<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"></path></svg> Chú ý:
                </span>
                    <ul class="browser-default dt_prof_vrfy">
                        <li id="bank_note">Chuyển khoản xong chụp màn hình Bank thành công và upload vào đây nhé,</li>
                    </ul>
                </div>
                                <p class="dt_bank_trans_upl_rec">
                    <a href="javascript:void(0);" onclick="$('.bank_transfer_modal').addClass('up_rec_active'); return false">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                            <path fill="currentColor" d="M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M13.5,16V19H10.5V16H8L12,12L16,16H13.5M13,9V3.5L18.5,9H13Z"></path>
                        </svg> Tải chứng từ
                    </a>
                </p>
                <div class="upload_bank_receipts">
                    <div onclick="document.getElementById('receipt_img').click(); return false">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M13.5,16V19H10.5V16H8L12,12L16,16H13.5M13,9V3.5L18.5,9H13Z"></path></svg>
                        <p>Tải chứng từ</p>
                        <img id="receipt_img_preview" src="">
                    </div>
                </div>
                <input type="file" id="receipt_img" class="hide" accept="image/x-png, image/gif, image/jpeg, image/webp" name="receipt_img">
            </div>
            <!--<span style="display: block;text-align: center;" id="receipt_img_path"></span>-->
            <div class="modal-footer">
                <div class="bank_transfr_progress hide" id="img_upload_progress">
                    <div class="progress">
                        <div id="img_upload_progress_bar" class="determinate progress-bar progress-bar-striped bg-success progress-bar-animated" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%"></div>
                    </div>
                </div>
                <button class="btn btn-default" data-dismiss="modal">Đóng</button>
                <button class="btn btn-primary btn-mat" disabled id="btn-upload-receipt" data-selected="" data-mode="" data-id="" data-title="" data-price="">Xác nhận</button>
            </div>
        </div>
    </div>
</div>

<script>
    document.getElementById('receipt_img').removeEventListener("change", handleReceiptImgChange, true);
    document.getElementById('receipt_img').addEventListener('change', handleReceiptImgChange, { passive: false });
    function handleReceiptImgChange(){
        let imgPath = $(this)[0].files[0].name;
        if (typeof(FileReader) != "undefined") {
            let reader = new FileReader();
            reader.onload = function(e) {
                $('#receipt_img_preview').attr('src', e.target.result);
            };
            reader.readAsDataURL(this.files[0]);
        }
        $('#receipt_img_path').html(imgPath);
        $('.bank_transfer_modal').addClass('up_rec_img_ready');
        $('#btn-upload-receipt').removeAttr('disabled');
        $('#btn-upload-receipt').removeClass('btn-flat').addClass('btn-success');
    }
    document.getElementById('btn-upload-receipt').addEventListener('click', function(e) {
        e.preventDefault();
        let bar = $('#img_upload_progress');
        let percent = $('#img_upload_progress_bar');

        let id = $(this).attr("data-id");
        if (!id) {
            return false;
        }
        let title = $(this).attr("data-title");
        let price = $(this).attr("data-price");
        let mode = $(this).attr("data-mode");

        let formData = new FormData();
        formData.append("hash_id",'8883fe261619043146494d867f20fe7fe2cc6127');
        formData.append("description",title);
        formData.append("price", price);
        formData.append("mode", mode);
        formData.append("track_id", id);
        formData.append("receipt_img", $("#receipt_img")[0].files[0], $("#receipt_img")[0].files[0].value);
        bar.removeClass('hide');
        $.ajax({
            xhr: function() {
                let xhr = new window.XMLHttpRequest();
                xhr.upload.addEventListener("progress", function(evt){
                    if (evt.lengthComputable) {
                        let percentComplete = evt.loaded / evt.total;
                        percentComplete = parseInt(percentComplete * 100);
                        //status.html( percentComplete + "%");
                        percent.width(percentComplete + '%');
                        percent.html(percentComplete + '%');
                        if (percentComplete === 100) {
                            bar.addClass('hide');
                            percent.width('0%');
                            percent.html('0%');
                        }
                    }
                }, false);
                return xhr;
            },
            url: ajaxUrl() + '/upload-receipt',
            type: "POST",
            async: true,
            enctype: 'multipart/form-data',
            processData: false,
            contentType: false,
            cache: false,
            timeout: 60000,
            dataType: false,
            data: formData,
            success: function(result) {
                if( result.status == 200 ){
                    $('#payment_modal').modal('hide');
                    $('#paymentpro_modal').modal('hide');
                    $('.bank_transfer_modal').modal('hide');

                    $('#bank_transfer_modal_response_txt').html('Your receipt  has been uploaded successfully.');
                    $('#bank_transfer_modal_response').modal('show');

                    setTimeout(function () {
                        $('#bank_transfer_modal_response').modal('hide');
                    },2000);
                    return false;
                }
            }
        });
    });
</script>		<div class="modal fade mat_box" id="logged-out-modal" role="dialog" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title"><i class="fa fa-exclamation-circle"></i> Phiên hết hạn</h4>
            </div>
            <div class="modal-body">
                <p>Phiên của bạn đã hết hạn, vui lòng đăng nhập lại.</p>
            </div>

            <div class="modal-footer">
                <a href="https://hayhat.net/discover" class="btn btn-default">Đăng nhập</a>
            </div>
        </div>
    </div>
</div>		<div class="modal fade mat_box" id="verify_code" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="two_factor_title">
                    Một email xác nhận đã được gửi đến bạn                </h5>
            </div>
            <form id="confirmation_code_form" class="confirmation_code_form" method="POST">
                <div class="modal-body">
                    <div id="confirmation_code_form_alert"></div>
                    <span class="verfy_sett_email_phone_ico"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21,13.34C20.37,13.12 19.7,13 19,13A6,6 0 0,0 13,19C13,19.34 13.03,19.67 13.08,20H3A2,2 0 0,1 1,18V6C1,4.89 1.89,4 3,4H19A2,2 0 0,1 21,6V13.34M23.5,17L18.5,22L15,18.5L16.5,17L18.5,19L22,15.5L23.5,17M3,6V8L11,13L19,8V6L11,11L3,6Z" /></svg></span>
                    <p id="two_factor_desc">
                        Chúng tôi đã gửi một email có chứa mã xác nhận để kích hoạt xác thực Hai yếu tố                    </p>
                    <div class="form-group mat_input float verfy_sett_email_phone mt-4">
                        <input type="text" class="form-control" name="code" placeholder=" ">
						<label>Mã xác nhận</label>
                    </div>
                </div>
                <div class="modal-footer">
                    <button data-dismiss="modal" class="btn btn-default">Hủy</button>
                    <button id="confirmation_code_form_btn" type="submit" class="btn btn-primary btn-main">Gửi</button>
                </div>
                <input type="hidden" id="confirmation_code_form_user_id" name="user_id" value="">
            </form>
        </div>
    </div>
</div>

<div class="modal fade mat_box" id="verify_email_phone" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="verify_email_phone_title">
                                    </h5>
            </div>
            <form id="verify_email_phone_form" class="verify_email_phone_form" method="POST">
                <div class="modal-body">
                    <div id="verify_email_phone_form_alert"></div>
                    <span class="verfy_sett_email_phone_ico"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M17,19V5H7V19H17M17,1A2,2 0 0,1 19,3V21A2,2 0 0,1 17,23H7C5.89,23 5,22.1 5,21V3C5,1.89 5.89,1 7,1H17M9,7H15V9H9V7M9,11H13V13H9V11Z" /></svg></span>
                    <p id="verify_email_phone_desc">
                                            </p>
                    <div class="form-group verfy_sett_email_phone">
                        <input type="text" class="form-control" name="code" placeholder="Mã xác nhận">
                    </div>
                </div>
                <div class="modal-footer">
                    <button data-dismiss="modal" class="btn btn-default">Hủy</button>
                    <button id="verify_email_phone_form_btn" type="submit" class="btn btn-main">Gửi</button>
                </div>
            </form>
        </div>
    </div>
</div>		<div class="modal fade" id="refund_order" tabindex="-1" role="dialog" aria-labelledby="refund_order" aria-hidden="true" data-id="0">
  <div class="modal-dialog mat_box" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Yêu cầu hoàn tiền</h5>
      </div>
      <form class="refund_order_form" method="post">
        <div class="modal-body">
          <div class="modal_refund_order_modal_alert"></div>
          <div class="form-group mat_input">
        <div class="col-md-12">
          <textarea placeholder="Giải thích lý do muốn hoàn tiền" name="message" id="refund_order_message"></textarea>
        </div>
      </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Hủy</button>
          <button type="submit" class="btn btn-primary btn-mat">Gửi yêu cầu</button>
        </div>
      </form>
    </div>
  </div>
</div>
		<div class="modal fade" id="add_address_modal" tabindex="-1" role="dialog" aria-labelledby="add_address_modal" aria-hidden="true" data-id="0">
	<div class="modal-dialog mat_box" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title">Thêm địa chỉ nhận hàng</h5>
			</div>
			<form class="address_form" method="post">
				<div class="modal-body">
					<div class="modal_add_address_modal_alert"></div>
					<div class="form-group mat_input float">
						<input type="text" name="name" id="name" class="form-control" autofocus placeholder=" ">
						<label>Họ tên</label>
					</div>
					<div class="form-group mat_input float">
						<input type="text" name="phone" id="phone" class="form-control" autofocus placeholder=" ">
						<label>Điện thoại</label>
					</div>
					<div class="form-group mat_input float">
						<input type="text" name="country" id="country" class="form-control" autofocus placeholder=" ">
						<label>Quốc gia</label>
					</div>
					<div class="form-group mat_input float">
						<input type="text" name="city" id="city" class="form-control" autofocus placeholder=" ">
						<label>Thành phố</label>
					</div>
					<div class="form-group mat_input float">
						<input type="text" name="zip" id="zip" class="form-control" autofocus placeholder=" ">
						<label>Mã bưu điện</label>
					</div>
					<div class="form-group mat_input float mb-0">
						<textarea placeholder=" " class="form-control" name="address"></textarea>
						<label>Địa chỉ</label>
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Hủy</button>
					<button type="submit" class="btn btn-primary btn-mat">Thêm</button>
				</div>
			</form>
		</div>
	</div>
</div>		<div class="modal fade" id="delete-address" tabindex="-1" role="dialog" aria-labelledby="delete-address" aria-hidden="true" data-id="0">
  <div class="modal-dialog mat_box" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Delete your address</h5>
      </div>
      <div class="modal-body">
        Are you sure you want to delete this address?
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Hủy</button>
        <button type="button" class="btn btn-danger btn-mat" data-dismiss="modal">Xóa</button>
      </div>
    </div>
  </div>
</div>

		<div class="modal fade" id="buy_product_modal" tabindex="-1" role="dialog" aria-labelledby="buy_product" aria-hidden="true" data-id="0">
  <div class="modal-dialog mat_box" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">THANH TOÁN SẢN PHẨM</h5>
      </div>
      <div class="modal-body">
        <div class="modal_product_pay_alert"></div>
        Bạn chắc chắn mua sản phẩm này chứ?
      </div>
      <div class="modal-footer">
        <input type="hidden" id="product_id">
        <input type="hidden" id="product_price">
        <button type="button" class="btn btn-default" data-dismiss="modal">Hủy</button>
        <button type="button" class="btn btn-primary btn-mat">Trả</button>
      </div>
    </div>
  </div>
</div>
		<div class="modal fade" id="delete-product" tabindex="-1" role="dialog" aria-labelledby="delete-product" aria-hidden="true" data-id="0">
  <div class="modal-dialog mat_box" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Delete your product</h5>
      </div>
      <div class="modal-body">
        Are you sure you want to delete this product?
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Hủy</button>
        <button type="button" class="btn btn-danger btn-mat" data-dismiss="modal">Xóa</button>
      </div>
    </div>
  </div>
</div>
		<div class="modal fade" id="story_pay" tabindex="-1" role="dialog" aria-labelledby="story_pay" aria-hidden="true" data-id="0">
  <div class="modal-dialog mat_box" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Trả tiền cho Story</h5>
      </div>
      <div class="modal-body">
        <div class="modal_story_pay_alert"></div>
        Bạn chắc chắn muốn trả tiền để tạo Story này?
      </div>
      <div class="modal-footer">
        <input type="hidden" id="story_pay_id">
        <input type="hidden" id="story_pay_file">
        <button type="button" class="btn btn-default" data-dismiss="modal">Hủy</button>
        <button type="button" class="btn btn-primary btn-mat" onclick="PayForStory()">Trả $5</button>
      </div>
    </div>
  </div>
</div>

		<div class="modal fade" id="wallet_to_pay" tabindex="-1" role="dialog" aria-labelledby="wallet_to_pay" aria-hidden="true" data-id="0">
  <div class="modal-dialog mat_box" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Trả tiền mua Nhạc</h5>
      </div>
      <div class="modal-body">
        <div class="modal_wallet_pay_alert"></div>
        <div id="wallet_to_pay_text"></div>
      </div>
      <div class="modal-footer">
        <input type="hidden" id="wallet_to_pay_price">
        <input type="hidden" id="wallet_to_pay_type">
        <input type="hidden" id="wallet_to_pay_id">
        <button type="button" class="btn btn-default" data-dismiss="modal">Hủy</button>
        <button type="button" class="btn btn-primary btn-mat" onclick="PayFromWallet()">Trả $5</button>
      </div>
    </div>
  </div>
</div>
		<div class="modal fade buy_event_ticket" id="buy_ticket_modal" tabindex="-1" role="dialog" aria-labelledby="buy_ticket_modal" aria-hidden="true" data-id="0">
  <div class="modal-dialog mat_box" role="document">
    <div class="modal-content">
      <div class="buy_event_ticket_top">
        <h5 class="modal-title">Mua vé</h5>
        <p class="subtitle">Bạn muốn mua vé tham gia sự kiện này?</p>
        <div class="ticket-img"></div>
        <div class="d-flex justify-content-between buy_event_ticket_top_mid">
          <div class="avail_ticket">
            <b>vé bán ra</b>
            <p></p>
          </div>
          <div class="avail_ticket_price text-right">
            <b>Giá</b>
            <p></p>
          </div>
        </div>
      </div>
      <div class="buy_event_ticket_mid"></div>
      <div class="buy_event_ticket_bottom">
        <div class="modal-body-alert"></div>
        <div class="row mx-0">
          <div class="col-6 px-1">
            <button type="button" class="btn btn-default btn-mat btn-block" data-dismiss="modal">Hủy</button>
          </div>
          <div class="col-6 px-1">
            <button type="button" class="btn btn-primary btn-mat btn-block">Mua</button>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
		<div class="modal fade" id="unjoin-event" tabindex="-1" role="dialog" aria-labelledby="unjoin-event" aria-hidden="true" data-id="0">
  <div class="modal-dialog mat_box" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Leave event</h5>
      </div>
      <div class="modal-body">
        Are you sure you want to leave this event?
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Hủy</button>
        <button type="button" class="btn btn-primary btn-mat" data-dismiss="modal">Leave</button>
      </div>
    </div>
  </div>
</div>

		<div class="modal fade" id="delete-event" tabindex="-1" role="dialog" aria-labelledby="delete-event" aria-hidden="true" data-id="0">
  <div class="modal-dialog mat_box" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Delete your event</h5>
      </div>
      <div class="modal-body">
        Are you sure you want to delete this event?
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Hủy</button>
        <button type="button" class="btn btn-danger btn-mat" data-dismiss="modal">Xóa</button>
      </div>
    </div>
  </div>
</div>
		<div class="modal fade" id="albums_success" role="dialog" aria-labelledby="albums" aria-hidden="true" data-id="{{t_id}}">
  <div class="modal-dialog mat_box" role="document">
    <div class="modal-content add_to_plist">
      <div class="modal-body" style="background: #1b711e;">
        <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
        <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" xml:space="preserve" width="50" height="50">
<g>
<g>
<path fill="currentColor" d="M449.716,239.842c-0.543-7.535-7.082-13.191-14.628-12.661c-7.536,0.543-13.204,7.092-12.662,14.628
  c0.337,4.655,0.506,9.431,0.506,14.191c0,109.061-88.726,197.787-197.786,197.787C116.086,453.787,27.36,365.06,27.36,256
  S116.086,58.214,225.147,58.214c43.191,0,84.21,13.668,118.62,39.525c6.041,4.538,14.615,3.321,19.154-2.718
  c4.54-6.04,3.323-14.616-2.717-19.154c-39.189-29.447-85.891-45.012-135.058-45.012C101.001,30.854,0,131.855,0,256
  s101.001,225.145,225.147,225.145S450.292,380.146,450.292,256C450.292,250.586,450.097,245.15,449.716,239.842z"/>
</g>
</g>
<g>
<g>
<path fill="currentColor" d="M496.395,61.77c-20.808-20.807-54.666-20.807-75.474,0l-197.11,197.108l-69.874-69.875
  c-20.808-20.807-54.666-20.807-75.474,0c-20.808,20.808-20.808,54.666,0,75.474l120.341,120.341
  c6.895,6.895,15.951,10.342,25.007,10.342c9.057,0,18.113-3.447,25.008-10.342l247.576-247.576
  C517.201,116.435,517.201,82.579,496.395,61.77z M477.049,117.897L229.472,365.475c-3.12,3.12-8.2,3.12-11.32,0L97.811,245.133
  c-10.141-10.141-10.141-26.64,0-36.781c5.07-5.072,11.729-7.606,18.39-7.606s13.321,2.535,18.39,7.606l71.882,71.882
  c4.632,4.631,10.791,7.181,17.339,7.181c6.551,0,12.71-2.551,17.341-7.182L440.268,81.116c10.138-10.141,26.64-10.141,36.781,0
  C487.189,91.257,487.189,107.756,477.049,117.897z"/>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
        <br><br>
        <b>Bài hát đã được chuyển vào Album bạn chọn.</b>
      </div>
    </div>
  </div>
</div>
		<div class="modal fade" id="ShowAlert" tabindex="-1" role="dialog" aria-labelledby="ShowAlert" aria-hidden="true" data-id="0">
  <div class="modal-dialog mat_box" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title"></h5>
      </div>
      <div class="modal-body ShowAlertText">

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Hủy</button>
      </div>
    </div>
  </div>
</div>
		
		<div class="modal fade" id="select-language" tabindex="-1" role="dialog" aria-hidden="true">
			<div class="modal-dialog modal-lg mat_box lang_select_modal" role="document">
				<div class="modal-content">
					<div class="modal-body">
						<div class="row">
							<div class="col-md-12">
								<div class="language_info">
									<h3>Language</h3>
									
									<ul class="lang_modal">
																					<li class="language_select"><a href="?lang=arabic">Arabic</a></li>
																					<li class="language_select"><a href="?lang=bengali">Bengali</a></li>
																					<li class="language_select"><a href="?lang=chinese">Chinese</a></li>
																					<li class="language_select"><a href="?lang=croatian">Croatian</a></li>
																					<li class="language_select"><a href="?lang=danish">Danish</a></li>
																					<li class="language_select"><a href="?lang=dutch">Dutch</a></li>
																					<li class="language_select"><a href="?lang=english">English</a></li>
																					<li class="language_select"><a href="?lang=filipino">Filipino</a></li>
																					<li class="language_select"><a href="?lang=french">French</a></li>
																					<li class="language_select"><a href="?lang=german">German</a></li>
																					<li class="language_select"><a href="?lang=hebrew">Hebrew</a></li>
																					<li class="language_select"><a href="?lang=hindi">Hindi</a></li>
																					<li class="language_select"><a href="?lang=indonesian">Indonesian</a></li>
																					<li class="language_select"><a href="?lang=japanese">Japanese</a></li>
																					<li class="language_select"><a href="?lang=korean">Korean</a></li>
																					<li class="language_select"><a href="?lang=persian">Persian</a></li>
																					<li class="language_select"><a href="?lang=russian">Russian</a></li>
																					<li class="language_select"><a href="?lang=spanish">Spanish</a></li>
																					<li class="language_select"><a href="?lang=swedish">Swedish</a></li>
																					<li class="language_select"><a href="?lang=turkish">Turkish</a></li>
																					<li class="language_select"><a href="?lang=urdu">Urdu</a></li>
																					<li class="language_select"><a href="?lang=vietnam">Vietnam</a></li>
																					<li class="language_select"><a href="?lang=vietnamese">Vietnamese</a></li>
																			</ul>
									
									<svg enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><g><path d="m164.061 1.765c89.491 0 164.061 30.492 164.061 123.688 0 39.307-13.272 67.453-35.329 86.867-4.005 3.525-5.715 8.976-4.326 14.127 3.903 14.48 9.536 29.7 17.262 43.91 5.927 10.9-2.075 24.048-14.477 23.702-30.009-.836-62.771-14.812-87.325-41.505-2.922-3.177-7.103-4.882-11.405-4.53-9.262.757-18.773 1.118-28.462 1.118-89.49 0-164.06-30.493-164.06-123.689s74.57-123.688 164.061-123.688z" fill="#b0da87"/><g><g fill="#fff"><ellipse cx="55.409" cy="104.463" rx="29.792" ry="23.725"/><ellipse cx="216.893" cy="104.463" rx="29.792" ry="23.725"/></g><g fill="#4e5660"><path d="m86.952 86.146c-4.143 0-7.5-3.357-7.5-7.5 0-3.684-2.996-6.681-6.68-6.681s-6.681 2.997-6.681 6.681c0 4.143-3.357 7.5-7.5 7.5s-7.5-3.357-7.5-7.5c0-11.955 9.726-21.681 21.681-21.681 11.954 0 21.68 9.726 21.68 21.681 0 4.143-3.357 7.5-7.5 7.5z"/><path d="m213.711 86.146c-4.143 0-7.5-3.357-7.5-7.5 0-3.684-2.997-6.681-6.681-6.681s-6.68 2.997-6.68 6.681c0 4.143-3.357 7.5-7.5 7.5s-7.5-3.357-7.5-7.5c0-11.955 9.726-21.681 21.68-21.681 11.955 0 21.681 9.726 21.681 21.681 0 4.143-3.357 7.5-7.5 7.5z"/><path d="m136.151 109.573c-7.933 0-15.476-3.436-20.696-9.425-2.722-3.123-2.396-7.86.727-10.582 3.122-2.721 7.859-2.396 10.582.727 2.37 2.72 5.792 4.28 9.388 4.28s7.018-1.561 9.388-4.28c2.722-3.123 7.459-3.447 10.582-.727 3.123 2.722 3.448 7.459.727 10.582-5.222 5.99-12.765 9.425-20.698 9.425z"/></g></g><path d="m347.939 96.356c89.491 0 164.061 30.492 164.061 123.688 0 39.308-13.272 67.453-35.329 86.867-4.005 3.525-5.715 8.976-4.326 14.127 3.903 14.48 9.536 29.7 17.262 43.91 5.927 10.9-2.075 24.048-14.477 23.702-30.009-.836-62.771-14.812-87.325-41.505-2.922-3.177-7.103-4.882-11.405-4.53-9.262.757-18.773 1.118-28.462 1.118-89.491 0-164.061-30.492-164.061-123.688.002-93.197 74.572-123.689 164.062-123.689z" fill="#8daee1"/><path d="m296.422 218.871c-27.969-18.07-64.598-28.515-109.1-31.162-2.253 9.825-3.443 20.58-3.443 32.335 0 93.196 74.57 123.688 164.061 123.688 3.718 0 7.401-.071 11.062-.179.006-.645.024-1.283.024-1.931 0-53.841-21.648-96.288-62.604-122.751z" fill="#6a95d6"/><path d="m401.315 262.7-43.695-115.784c-.025-.068-.053-.137-.08-.204-1.573-3.826-5.262-6.297-9.398-6.297h-.009c-4.141.004-7.829 2.482-9.396 6.314-.023.057-.046.113-.067.171l-44.098 115.78c-1.475 3.87.469 8.203 4.34 9.678 3.866 1.474 8.203-.468 9.678-4.34l9.142-24.004h60.498l9.051 23.983c1.133 3.003 3.987 4.853 7.017 4.853.88 0 1.775-.156 2.647-.485 3.876-1.462 5.832-5.789 4.37-9.665zm-77.87-33.686 24.675-64.786 24.449 64.786z" fill="#fff"/><path d="m164.061 217.934c-89.491 0-164.061 30.493-164.061 123.689 0 39.307 13.272 67.453 35.329 86.867 4.005 3.525 5.715 8.976 4.326 14.127-3.903 14.48-9.536 29.7-17.262 43.909-5.927 10.9 2.075 24.048 14.477 23.702 30.009-.836 62.771-14.812 87.325-41.505 2.922-3.177 7.103-4.882 11.405-4.53 9.262.757 18.773 1.118 28.462 1.118 89.491 0 164.061-30.492 164.061-123.688-.002-93.196-74.572-123.689-164.062-123.689z" fill="#fbf1cf"/><path d="m98.158 224.732c-57.403 13.375-98.158 47.997-98.158 116.891 0 39.307 13.272 67.453 35.329 86.867 4.005 3.525 5.715 8.976 4.326 14.127-3.903 14.48-9.536 29.7-17.262 43.909-5.927 10.9 2.075 24.048 14.477 23.702 30.009-.836 62.771-14.812 87.325-41.505 2.922-3.177 7.103-4.882 11.405-4.53 9.262.757 18.773 1.118 28.461 1.118 9.979 0 19.771-.382 29.296-1.185-109.038-33.437-126.653-188.039-95.199-239.394z" fill="#fae0bd"/><path d="m215.939 289.092h-44.267v-19.954c0-4.143-3.357-7.5-7.5-7.5s-7.5 3.357-7.5 7.5v19.954h-44.267c-4.143 0-7.5 3.357-7.5 7.5s3.357 7.5 7.5 7.5h73.205c-1.638 18.399-10.545 38.587-23.975 56.243-7.491-6.699-13.58-14.368-17.432-21.597-1.947-3.654-6.487-5.039-10.146-3.092-3.655 1.948-5.039 6.49-3.092 10.146 4.554 8.546 11.825 17.845 20.986 25.993-8.01 8.521-17.087 16.084-26.839 22.069-3.53 2.167-4.636 6.785-2.47 10.315 1.416 2.307 3.878 3.578 6.399 3.578 1.338 0 2.692-.357 3.916-1.108 11.003-6.753 21.527-15.56 30.892-25.717 8.934 5.854 18.992 10.334 29.679 12.277.453.083.905.122 1.351.122 3.555 0 6.712-2.537 7.37-6.159.741-4.075-1.962-7.979-6.037-8.721-7.906-1.438-15.595-4.733-22.631-9.119 2.391-3.137 4.675-6.357 6.821-9.658 12.049-18.525 18.971-37.605 20.252-55.574h15.285c4.143 0 7.5-3.357 7.5-7.5s-3.358-7.498-7.5-7.498z" fill="#4e5660"/></g></svg>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="queue_overlay" onclick="javascript:$('body').removeClass('data-queue-open');"></div>
		<div class="sidenav_overlay" onclick="javascript:$('body').removeClass('side_open');"></div>


		<script>
$(document).on('click', '#follow-user', function(event) {
	$(this).toggleClass('btn-primary btn-success');
	$(this).text("Following");
	$(this).attr("id", "unfollow-user");
	$.post('https://hayhat.net/endpoints/follow-user/add', {id: $(this).attr('data-user-id')});
});

$(function () {
	setTimeout(function () {
	    Fingerprint2.get(function (components) {
	      $.post(ajaxUrl() + '/set-finger-print', {components: components});
	    })
	}, 500);
});

$(document).on('click', '.comment_input', function(event){
    $('#login_box').modal('show');
});

// unfollow user
$(document).on('click', '#unfollow-user', function(event) {
	$(this).toggleClass('btn-success btn-primary');
	$(this).text("Follow");
	$(this).attr("id", "follow-user");
	$.post('https://hayhat.net/endpoints/follow-user/remove', {id: $(this).attr('data-user-id')});
});
function addToAlbum(id) {
    getID = $('#albums').attr('data-id');
    if (!getID) {
        return false;
    }
    var playlists = "";
    $(".select-albums-list").each(function (index, item) {
        if ($(this).hasClass('active')) {
            var albums = $(this).attr('data-id');

            $('#playlists').find('.btn-mat').text("chờ chút...");
            $.get(ajaxUrl() + "/album/add-to-album", {album: albums, id: getID}, function (data) {
                if (data.status == 200) {
                    $('#albums_success').modal('show');
                    $('#albums').modal('hide');
                    setTimeout(function () {
                        $('#albums').remove();
                    }, 200);
                    setTimeout(function () {
                        $('#albums_success').modal('hide');
                    }, 3000);
                } else if (data.status == 300) {
                    alert("Please select which album you want to add this song to.")
                } else {
                    $('#albums').modal('hide');
                    setTimeout(function () {
                        $('#albums').remove();
                    }, 200);
                }
            });

        }
    });

}

function loadEventsByDate(thisData) {
	var getThisID = $(thisData).attr('id');
	if (!getThisID) {
		return false;
	}
	$("#events_search_result").html('<svg class="event_spinner" viewBox="0 0 50 50"><circle class="path" cx="25" cy="25" r="20" fill="none" stroke-width="5"></circle></svg>');
    // show the loadinfg icon code here,
	$.post('https://hayhat.net/endpoints/event/filterByDate', {date: getThisID}, function (data) {
        if (data.status == 200) { 
            $("#events_search_result").html(data.html);
        } 

        // remove the icon here and show defaulr value.
    });
}

function checkForSongStatus(songID, form_id = false, local_id = false) {
	$.post('https://hayhat.net/endpoints/check-track', {id: songID}, function(dataSecond, textStatus, xhr) {
		if (dataSecond.status == 300) {
			setTimeout(function() {
				checkForSongStatus(songID, form_id, local_id);
			}, 2000);
		} else if (dataSecond.status == 200) {
			if (local_id !== false && form_id)  {
				$('#song-form-' + form_id + '-'+local_id).html('<div class="hidden submitted-song" data-id="' + songID + '"></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M17,18H7V16H17V18M10.3,14L7,10.7L8.4,9.3L10.3,11.2L15.6,5.9L17,7.3L10.3,14Z"></path></svg> ' + $('#title-' + form_id + '-'+local_id).val() + ' Upload thành công');
				$('#song-form-' + form_id + '-'+local_id).addClass('no-padding-form submitted');
				publish();
				$('#song-form-' + form_id + '-'+local_id+' .btn-save-songs').addClass('submitted');
			} else if (form_id && local_id === false) {
				$('#song-form-' + form_id).html('<div class="hidden submitted-song" data-id="' + songID + '"></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M17,18H7V16H17V18M10.3,14L7,10.7L8.4,9.3L10.3,11.2L15.6,5.9L17,7.3L10.3,14Z"></path></svg> ' + $('#title-' + form_id + '').val() + ' Upload thành công');
				$('#song-form-' + form_id).addClass('no-padding-form submitted');
				publish();
				$('#song-form-' + form_id + ' .btn-save-songs').addClass('submitted');
			} else {
				goToAjaxLink('track/' + songID);
			}
		}
	});
}

function likeSong(id, type, element) {
	if (!id || !type) {
		return false;
	}
	if (type == 'track-page') {
		if (element.attr('liked')) {
			element.removeClass('track-liked').removeAttr('liked', 'true');
			element.find('svg path').attr('fill', '#333');
			element.find('span').html("Thích");

            $('#track_likes_count').attr('data-count',parseInt($('#track_likes_count').attr('data-count')) - 1);
            $('#track_likes_count').html(parseInt($('#track_likes_count').attr('data-count')));

            if( $('#dislike-track').hasClass('track-disliked') ){
                $('#dislike-track-text').html("Ghét");
                $('#dislike-track').addClass('track-disliked');
            }
            // $('#like-track').removeAttr('liked');
            // $('#dislike-track').attr('disliked', 'true');

		} else {
			element.addClass('track-liked').attr('liked', 'true');
            $('#dislike-track').removeAttr('disliked');
			element.find('svg path').attr('fill', '#fff');
			element.find('span').html("Đã thích");

            $('#track_likes_count').attr('data-count',parseInt($('#track_likes_count').attr('data-count')) + 1);
            $('#track_likes_count').html(parseInt($('#track_likes_count').attr('data-count')));

            if( $('#dislike-track').hasClass('track-disliked') ){
                $('#dislike-track').removeClass('track-disliked');
                $('#dislike-track-text').html("Không thích");

                $('#track_dislikes_count').attr('data-count',parseInt($('#track_dislikes_count').attr('data-count')) - 1);
                $('#track_dislikes_count').html(parseInt($('#track_dislikes_count').attr('data-count')));
            }

		}
	}
	$.get('https://hayhat.net/endpoints/like-track', {id: id, type: type});
}

function dislikeSong(id, type, element) {
    if (!id || !type) {
        return false;
    }
    if (type == 'track-page') {
        if (element.attr('disliked')) {
            element.removeClass('track-disliked').removeAttr('disliked', 'true');
            element.find('span').html("Không thích");

            $('#track_dislikes_count').attr('data-count',parseInt($('#track_dislikes_count').attr('data-count')) - 1);
            $('#track_dislikes_count').html(parseInt($('#track_dislikes_count').attr('data-count')));

            if( $('#like-track').hasClass('track-liked') ){
                $('#like-track-text').html("Đã thích");
                $('#like-track').addClass('track-liked');
            }
            // $('#like-track').attr('liked', 'true');
            // $('#dislike-track').removeAttr('disliked');

        } else {
            element.addClass('track-disliked').attr('disliked', 'true');
            $('#like-track').removeAttr('liked');

            element.find('span').html("Ghét");

            $('#track_dislikes_count').attr('data-count',parseInt($('#track_dislikes_count').attr('data-count')) + 1);
            $('#track_dislikes_count').html(parseInt($('#track_dislikes_count').attr('data-count')));

            if( $('#like-track').hasClass('track-liked') ){
                $('#like-track').removeClass('track-liked');
                $('#like-track-text').html("Thích");
                $('#like-track svg path').attr('fill','currentColor');

                $('#track_likes_count').attr('data-count',parseInt($('#track_likes_count').attr('data-count')) - 1);
                $('#track_likes_count').html(parseInt($('#track_likes_count').attr('data-count')));
            }

        }
    }
    $.get('https://hayhat.net/endpoints/dislike-track', {id: id, type: type});
}

function loadMore(type, get_data) {
	element = $("#load-more-button");
	$default_text = element.html();
	$track_id = 0;
    views = 0;
    product_id = 0;
    let v_ids = [];
	if (type == 'songs') {
        $last_id = $('.feed_post:last-child').attr('data-id');
		$append_div = '#user-feed-data';
	} else if (type == 'recently_played') {
		$last_id = $('.track_list:last').attr('data-time');
		$append_div = '#recently_played';
	} else if (type == 'comments') {
		$last_id = $('.comment_item:last').attr('comment-id');
		$append_div = '.comment_list';
		$track_id = $('.comment_item:last').attr('comment-song-id')
    } else if (type == 'blog_comments') {
		$last_id = $('.comment_item:last').attr('comment-id');
		$append_div = '.comment_list';
		$track_id = $('.comment_item:last').attr('comment-song-id')
    } else if (type == 'latest_music' || type == 'top_music') {
		$last_id = $('#new-music .track_list:last').attr('data-id');
		$append_div = '#new-music';
	} else if (type == 'categories') {
		$last_id = $('.list-recommended:last').attr('data-id');
		$append_div = 'ul.s_list_songs';
	} else if (type == 'followers') {
        $last_id = $('.follower_list:last-child').attr('data-id');
        $append_div = '#followers';
    } else if (type == 'followings') {
        $last_id = $('.following_list:last-child').attr('data-id');
        $append_div = '#followings';
    } else if (type == 'songs_search') {
        $last_id = $('.song_search_list:last-child').attr('data-id');
        $append_div = '#songs_search_result';
    } else if (type == 'artists_search') {
        $last_id = $('.artist_list:last-child').attr('data-id');
        $append_div = '#artists_search_result';
    } else if (type == 'albums_search') {
        $last_id = $('.track_list:last-child').attr('data-id');
        $append_div = '#albums_search_result';
    } else if (type == 'playlists_search') {
        $last_id = $('.playlist-p-list:last-child').attr('data-id');
        $append_div = '#playlists_search_result';
    } else if (type == 'store_albums') {
        $last_id = $('#store_result .track_list:last-child').attr('data-id');
        $append_div = '#store_result';
    } else if (type == 'store_songs') {
        $last_id = $('.song_list:last-child').attr('data-id');
        $append_div = '.store_songs';
    } else if (type == 'blogs') {
        $last_id = $('.blog_list').last().attr('data-id');
        $append_div = '.blog_articles';
    } else if (type == 'stations') {
        $last_id = $('#new-music .track_list:last').attr('data-id');
        $append_div = '#new-music';
    }
    else if(type == 'fame_page'){
        $last_id = $('#fame_page_result .artist_lists:last').attr('data-id');
        views   = $('#fame_page_result .artist_lists:last').attr('data_views');
        $append_div = '#fame_page_result';
        $('.artist_lists').each(function(i, obj) {
            v_ids.push($(obj).attr('data_v_id'));
        });
    }
    else if(type == 'products_search'){
        $last_id = $('.events-list-wrapper:last').attr('data-product');
        $append_div = '#products_search_result';

    }
    else if(type == 'events_search'){
        $last_id = $('.events-list-wrapper:last').attr('data-event');
        $append_div = '#events_search_result';

    }
    else if(type == 'events'){
        $last_id = $('.events-list-wrapper:last').attr('data-event');
        $append_div = '#events_search_result';

    }
    else if(type == 'manage_events'){
        $last_id = $('.events-list-wrapper:last').attr('data-event');
        $append_div = '#manage_events_result';

    }
    else if(type == 'joined_events'){
        $last_id = $('.events-list-wrapper:last').attr('data-event');
        $append_div = '#events_search_result';

    }
    else if(type == 'purchased_events'){
        $last_id = $('.events-list-wrapper:last').attr('data-event');
        $append_div = '#events_search_result';

    }
    else if(type == 'products'){
        $last_id = $('.events-list-wrapper:last').attr('data-product');
        $append_div = '#store_result';

    }
    else if(type == 'manage_products'){
        $last_id = $('.events-list-wrapper:last').attr('data-product');
        $append_div = '#products_result';

    }
    else if(type == 'reviews'){
        $last_id = $('.review_list:last').attr('id');
        $append_div = '.reviews_section';
        product_id = $('#product_page_id').val();

    }
    else if(type == 'orders'){
        $last_id = $('.song_list:last').attr('data-order');
        $append_div = '.store_songs';
    }


	if (get_data == 'all' || get_data == 'liked' || get_data == 'spotlight' || get_data == 'events') {
		$last_id = $('.feed_post:last-child').attr('data-a-id');
		type = 'activities';
	}
	if (get_data == 'playlists') {
		$last_id = $('.playlist-p-list:last-child').attr('data-id');
		type = 'playlists';
	}
	if (get_data == 'albums') {
		$last_id = $('.album-p-list:last-child').attr('data-id');
		type = 'albums';
	}

    if (get_data == 'stations') {
        $last_id = $('.track_list:last-child').attr('data-id');
        type = 'stations';
    }
    if (get_data == 'store') {
        $last_id = $('.feed_post:last-child').attr('a_id');
    }

    if (get_data == 'albums' && type == 'albums') {
        $last_id = $('.track_list:last').attr('data-id');
        type = 'albums';
    }

	element.text("chờ chút...");

    let geners = [];
    let price = [];
    let filter_type = null;
    let current_tag = null;
    if($('#current_tag').length > 0){
        current_tag = $('#current_tag').val();
    }
    if($('#filter_search_tag').length > 0){
        current_tag = $('#filter_search_tag').val();
    }
    if($('#filter_type').length > 0){
        filter_type = $('#filter_type').val();
    }
    if($('.song_category').length > 0){
        $('.song_category').each(function(i, obj) {
            if(this.checked){
                geners.push($(obj).attr('data-category'));
            }
        });
    }
    if($( "#slider-range" ).length > 0){
        price = $("#slider-range").slider("option").values;
    }
    let params = {'geners': geners, 'filter_type': filter_type,'current_tag': current_tag, 'price': price};

	$.get(ajaxUrl() + '/load-more/' + type, {id: $last_id, userID: $('#user-id').val(), track_id: $track_id, get_data: get_data,params: params,views:views,v_ids:v_ids,product_id:product_id}, function(data) {
		if (data.status == 200 && data.html.length > 0) {
			$($append_div).append(data.html);
		} else {
			$default_text = "Không còn gì nữa";
			if (type == 'comments' || type == 'blog_comments') {
				$default_text = "không tìm thấy thêm bình luận";
			}
			if (type == 'all') {
				$default_text = "Không tìm thấy thêm hoạt động nào";
			}
			if (type == 'playlists' || type == 'playlists_search') {
				$default_text = "Không còn Playlist để nghe nữa";
			}
            if (type == 'followers') {
                $default_text = "Không tìm thấy ai Follow nữa";
            }
            if (type == 'followings') {
                $default_text = "Không còn ai mà bạn Follow nữa";
            }
            if (type == 'artists_search' || type == 'fame_page') {
                $default_text = "Không tìm thấy nghệ sỹ nào nữa";
            }
            if (type == 'albums_search' || type == 'store_albums') {
                $default_text = "Không còn Album để xem nữa";
            }
            if (type == 'blogs_search' || type == 'blogs') {
                $default_text = "Không còn bài viết nào nữa";
            }
            if (type == 'stations' ) {
                $default_text = "No more stations found";
            }
            if (type == 'events_search' || type == 'events' || type == 'joined_events' || type == 'manage_events') {
                $default_text = "No more events found";
            }
            if (type == 'purchased_events') {
                $default_text = "No more tickets found";
            }
            if (type == 'products' || type == 'manage_products' || type == 'products_search') {
                $default_text = "Không còn sản phẩm nào";
            }
            if (type == 'reviews') {
                $default_text = "No more reviews found";
            }
            if (type == 'orders') {
                $default_text = "No more orders found";
            }
        }
		element.html($default_text);
	});
}

$(document).on('click', '.amplitude-next', function(event) {
	console.log($('#current-track').val());

});
var is_sent = 0;
var is_video_checked = 0;
var is_paused = 0;
$(function () {
	var songsObject = [{
        "name": "",
        "artist": "",
        "album": "",
        "url": "",
        "cover_art_url": "",
        "youtube_url": "",
	}];
		Amplitude.init({
	"songs": songsObject,
    "callbacks": {
        'after_next': function(){
            setTimeout(function () {
                if (Amplitude.getActiveSongMetadata().youtube_url != '' && typeof Amplitude.getActiveSongMetadata().youtube_url !== 'undefined' && !Amplitude.audio().paused && ($('#audio_ad_id').length == 0 || ($('#audio_ad_id').length != 0 && parseInt($('#audio_ad_id').val()) == 0))) {
                        $('#my_video_player_container').html('<div class="y_player_cover"></div><span class="player_exit" onclick="HidePlayer()"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span><div class="plyr__video-embed" id="my_video_player_"><iframe src="'+Amplitude.getActiveSongMetadata().youtube_url+'?origin=https://plyr.io&amp;iv_load_policy=3&amp;modestbranding=1&amp;playsinline=1&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1" allowfullscreen allowtransparency ></iframe> </div>')
                        $('#my_video_player_container').slideDown();
                        video_player = new Plyr('#my_video_player_',{muted: true,controls: []});
                        video_player.on('ready', event => {
                            video_player.play();
                        });
                }
            },500);
         },
         'after_prev': function(){
            setTimeout(function () {
                if (Amplitude.getActiveSongMetadata().youtube_url != '' && typeof Amplitude.getActiveSongMetadata().youtube_url !== 'undefined' && !Amplitude.audio().paused && ($('#audio_ad_id').length == 0 || ($('#audio_ad_id').length != 0 && parseInt($('#audio_ad_id').val()) == 0))) {
                        $('#my_video_player_container').html('<div class="y_player_cover"></div><span class="player_exit" onclick="HidePlayer()"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span><div class="plyr__video-embed" id="my_video_player_"><iframe src="'+Amplitude.getActiveSongMetadata().youtube_url+'?origin=https://plyr.io&amp;iv_load_policy=3&amp;modestbranding=1&amp;playsinline=1&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1" allowfullscreen allowtransparency ></iframe> </div>')
                        $('#my_video_player_container').slideDown();
                        video_player = new Plyr('#my_video_player_',{muted: true,controls: []});
                        video_player.on('ready', event => {
                            video_player.play();
                        });
                }
            },500);
         },
         'time_update': function(songPlayedInSeconds){
            if (Amplitude.getActiveSongMetadata().youtube_url != '' && typeof Amplitude.getActiveSongMetadata().youtube_url !== 'undefined' && ($('#audio_ad_id').length == 0 || ($('#audio_ad_id').length != 0 && ($('#audio_ad_id').length == 0 || ($('#audio_ad_id').length != 0 && parseInt($('#audio_ad_id').val()) == 0))))) {
                if ((Amplitude.audio().duration - Amplitude.audio().currentTime) > 1) {
                    video_player.currentTime = Amplitude.audio().currentTime;
                    // if (video_player.paused && !Amplitude.audio().paused) {
                        video_player.play();
                    // }
                }
                if (Amplitude.audio().paused) {
                    is_paused = 1;
                    video_player.pause();
                }
            }
         },
		 'after_play': function(){
            var song_seconds = Amplitude.getSongDuration();
            if (song_seconds) {
                $('body').attr('song-duration', song_seconds);
            }
            if (Amplitude.getActiveSongMetadata().youtube_url != '' && typeof Amplitude.getActiveSongMetadata().youtube_url !== 'undefined' && !$('#my_video_player_container').is(":visible") && ($('#audio_ad_id').length == 0 || ($('#audio_ad_id').length != 0 && parseInt($('#audio_ad_id').val()) == 0))) {
                $('#my_video_player_container').html('<div class="y_player_cover"></div><span class="player_exit" onclick="HidePlayer()"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span><div class="plyr__video-embed" id="my_video_player_"><iframe src="'+Amplitude.getActiveSongMetadata().youtube_url+'?origin=https://plyr.io&amp;iv_load_policy=3&amp;modestbranding=1&amp;playsinline=1&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1" allowfullscreen allowtransparency ></iframe> </div>')
                $('#my_video_player_container').slideDown();
                video_player = new Plyr('#my_video_player_',{muted: true,controls: []});
                video_player.on('ready', event => {
                    video_player.play();
                });
            }
            if (Amplitude.getActiveSongMetadata().youtube_url != '' && typeof Amplitude.getActiveSongMetadata().youtube_url !== 'undefined' && $('#my_video_player_container').is(":visible") && ($('#audio_ad_id').length == 0 || ($('#audio_ad_id').length != 0 && parseInt($('#audio_ad_id').val()) == 0))) {
                video_player.play();
            }
		 	setTimeout(function () {
			 	$('body').addClass('audio_playing');
			 	$('body').addClass('player_running');
			 	$('#play-pause').addClass('amplitude-playing');
		 	}, 100);
		 },
		 'after_pause': function(){
            if (Amplitude.getActiveSongMetadata().youtube_url != '' && typeof Amplitude.getActiveSongMetadata().youtube_url !== 'undefined' && ($('#audio_ad_id').length == 0 || ($('#audio_ad_id').length != 0 && parseInt($('#audio_ad_id').val()) == 0))) {
                is_paused = 1;
                video_player.pause();
            }
		 	$('body').removeClass('audio_playing');
		 	$('#play-pause').removeClass('amplitude-playing');
		 	$('body').removeClass('player_running');
		 },
		 'after_stop': function(){
            if (Amplitude.getActiveSongMetadata().youtube_url != '' && typeof Amplitude.getActiveSongMetadata().youtube_url !== 'undefined' && ($('#audio_ad_id').length == 0 || ($('#audio_ad_id').length != 0 && parseInt($('#audio_ad_id').val()) == 0))) {
                $('#my_video_player_container').slideUp();
                $('#my_video_player_container').html('');
            }
		 	if (parseInt($('.ss_track_play_pause').attr('data_is_ad')) > 0 && is_sent == 0) {
		 		is_sent = 1;
		 		song_id = $('#current-track').attr('value');
		 		onTimesUp(song_id);
		 		return false;
		 	}
		 	$('body').removeClass('audio_playing');
		 	$('#play-pause').removeClass('amplitude-playing');
		 	$('body').removeClass('player_running');
		 	$('#light-wave').width('0px');
		 }
	 }
});

});

const FULL_DASH_ARRAY = 283;
const WARNING_THRESHOLD = 10;
const ALERT_THRESHOLD = 5;

const TIME_LIMIT = 10;
let timePassed = 0;
let timeLeft = TIME_LIMIT;
let timerInterval = null;

function onTimesUp(song_id) {
	if (typeof wavesurfer != "undefined") {
		wavesurfer.pause();
	}
	if (typeof Amplitude != "undefined") {
		Amplitude.pause();
		Amplitude.removeSong(0);
	}
	$('#queue-' + song_id).remove();
	$(".song_controls").css("pointer-events","auto");
    $(".song_progress").css("pointer-events","auto");
    $(".song_progress_right").css("pointer-events","auto");
    $(".ma_player_playlist").css("pointer-events","auto");
    $("#waveform").css("pointer-events","auto");
	playSong(song_id,0,'yes');
	$('body').removeClass('player_running');
    clearInterval(timerInterval);
    goToAjaxLink('track/' + song_id);
}

function startTimer(song_id) {
  $(".song_controls").css("pointer-events","none");
  $(".song_progress").css("pointer-events","none");
  $(".song_progress_right").css("pointer-events","none");
  $(".ma_player_playlist").css("pointer-events","none");
  $("#waveform").css("pointer-events","none");
  timerInterval = setInterval(() => {
    timePassed = timePassed += 1;
    timeLeft = TIME_LIMIT - timePassed;
    if (timeLeft >= 0) {
    	document.getElementById("base-timer-label").innerHTML = formatTime(
	      timeLeft
	    );
	    setCircleDasharray();
    }

    if (timeLeft === 0) {
    	song_id = "'"+song_id+"'";
    	$(".pause_btn").replaceWith('<div class="pause_btn" onclick="onTimesUp('+song_id+')"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="var(--main-color)" d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M8,8L13,12L8,16M14,8H16V16H14"/></svg></div>');
    }
  }, 1000);
}

function formatTime(time) {
  const minutes = Math.floor(time / 60);
  let seconds = time % 60;

  if (seconds < 10) {
    seconds = `0${seconds}`;
  }

  return `${minutes}:${seconds}`;
}

function calculateTimeFraction() {
  const rawTimeFraction = timeLeft / TIME_LIMIT;
  return rawTimeFraction - (1 / TIME_LIMIT) * (1 - rawTimeFraction);
}

function setCircleDasharray() {
  const circleDasharray = `${(
    calculateTimeFraction() * FULL_DASH_ARRAY
  ).toFixed(0)} 283`;
  document
    .getElementById("base-timer-path-remaining")
    .setAttribute("stroke-dasharray", circleDasharray);
}

var songIndex = [];
function playSong(id,audio_ad_id = 0,skip = '') {
	if (typeof setPlayerInterval != 'undefined') {
		clearInterval(setPlayerInterval);
	}
	if (!$('body').attr('first-play')) {
		//Amplitude.removeSong(0);
		$('body').attr('first-play', "true");
		
	}

	if (Amplitude.getActiveSongMetadata().id && ($('#audio_ad_id').length == 0 || ($('#audio_ad_id').length != 0 && parseInt($('#audio_ad_id').val()) == 0))) {
		if (Amplitude.getActiveSongMetadata().id == id) {
			Amplitude.play();
			if ($('#page').attr('data-page') != 'track') {
				goToAjaxLink('track/' + Amplitude.getActiveSongMetadata().id);
			}
			// $('#container_content').append('<a href="#" id="redirect-user" data-load="track/' + Amplitude.getActiveSongMetadata().id + '"></a>');
			// $('#redirect-user').trigger('click');
            if (Amplitude.getActiveSongMetadata().youtube_url != '' && typeof Amplitude.getActiveSongMetadata().youtube_url !== 'undefined' && ($('#audio_ad_id').length == 0 || ($('#audio_ad_id').length != 0 && parseInt($('#audio_ad_id').val()) == 0))) {
                console.log(Amplitude)
                video_player.play();
                if (!$('#my_video_player_container').is(":visible")) {
                    $('#my_video_player_container').slideDown();

                }
            }
			if ($('body').attr('first-play')) {
				if (skip != 'yes') {
					return false;
				}
			}
		}
	}

	$('#bar_loading').show().animate({width:20 + 80 * Math.random() + "%"}, 200);
	$.get('https://hayhat.net/endpoints/get-song-info', {id: id,audio_ad_id: audio_ad_id}, function(data) {
		if (data.age == true) {
			$('#age-restricted').modal('show');
			$('#bar_loading').animate({width:"100%"}, 200).fadeOut(300, function() {
	           $(this).width("0");
	        });
			return false;
		}
		$("#light-wave").stop(true);
		$('.waveform-small').html("");
		$('.ssong_comments.small-waves').addClass('hidden');
		$('.mus_feeds_bodycoms').addClass('hidden');
		$('.post-actions').addClass('hidden');
		if (data.status == 200) {
			$('body').attr('song-duration', data.duration);
			if ($('.feed_post[data-id="' + data.songID + '"]:first').length > 0) {
				if (data.songWaves.length > 0) {
					$('.feed_post[data-id="' + data.songID + '"]:first').find('.waveform-small').html(data.songWaves);
					$('#light-wave img').width($('#dark-wave').width() + 'px');
				}
				$('.feed_post[data-id="' + data.songID + '"]:first').find('.art-info').removeClass('hidden');
				$('.feed_post[data-id="' + data.songID + '"]:first').find('.post-actions').removeClass('hidden');
				$('.feed_post[data-id="' + data.songID + '"]:first').find('.ssong_comments').removeClass('hidden');
				$('.feed_post[data-id="' + data.songID + '"]:first').find('.mus_feeds_bodycoms').removeClass('hidden');
			    $('.feed_post[data-id="' + data.songID + '"]:first').find('.comment_list').html(data.comments);
			    $('.feed_post[data-id="' + data.songID + '"]:first').find('.comment-waves').html(data.waves);
				$('html,body').animate({
			        scrollTop: $('.feed_post[data-id="' + data.songID + '"]:first').offset().top
			    }, 'slow');
			}

			$('body').addClass('player_running');
            if ($('.amplitude-song-container').length == 0) {
                Amplitude.removeSong(0)
            }
		    if ($('#queue-' + id).length == 0 || data.is_ad == 'yes') {
				var songObject = {
			        "name": data.songTitle,
			        "artist": data.artistName,
			        "album": data.albumName,
			        "url": data.songURL,
			        "cover_art_url": data.coverURL,
                    "youtube_url": data.youtube_url,
			        "id": id,
			        "u_id": data.songID,
			        "data_load": 'track/' + id,
			        "href": data.songPageURL,
			        "duration": data.songDuration,
			        "purchase": data.purchase,
			        'price': data.price,
			        "is_favoriated": data.is_favoriated,
			        "showDemo": data.showDemo
				};
		    	var songIndex = Amplitude.addSong(songObject);
				data.qID = songIndex;
				songObject.qID = songIndex;
				Amplitude.playSongAtIndex(songIndex);
                if (data.is_ad != 'yes') {
                    addToQueue(data, songObject, false);
                    addView(data.songID);

                }
				$('.amplitude-song-container').removeClass('amplitude-playing');
				//$('.amplitude-song-container[amplitude-song-index="' + songIndex + '"]').addClass('amplitude-playing');
                $('#queue-list').find('.amplitude-song-container').last().addClass('amplitude-playing');
		    } else {
		    	songIndex = $('#queue-' + id).attr('amplitude-song-index');
		    	Amplitude.playSongAtIndex(songIndex);
		    }
            setTimeout(function () {
                if (Amplitude.getActiveSongMetadata().youtube_url != '' && typeof Amplitude.getActiveSongMetadata().youtube_url !== 'undefined' && data.is_ad != 'yes') {
                        $('#my_video_player_container').html('<div class="y_player_cover"></div><span class="player_exit" onclick="HidePlayer()"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span><div class="plyr__video-embed" id="my_video_player_"><iframe src="'+Amplitude.getActiveSongMetadata().youtube_url+'?origin=https://plyr.io&amp;iv_load_policy=3&amp;modestbranding=1&amp;playsinline=1&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1" allowfullscreen allowtransparency ></iframe> </div>')
                        $('#my_video_player_container').slideDown();
                        video_player = new Plyr('#my_video_player_',{muted: true,controls: []});
                        video_player.on('ready', event => {
                            video_player.play();
                        });
                }
            },500);
		    $('.player-song-url').attr('href', data.songPageURL);

		    if (data.data_load != '') {
		    	Amplitude.getActiveSongMetadata().data_load = '';
		    	$('.player-song-url').attr('data-load', '');
		    }
		    else{
		    	$('.player-song-url').attr('data-load', 'track/' + id);
		    }

			$('#song-fav-button').html(data.favorite_button);
			$('.ma_player').removeClass('closed');
			if (data.is_ad == 'yes') {
				document.querySelector(".pause_btn").innerHTML = `
				<div class="base-timer">
				  <svg class="base-timer__svg" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><g class="base-timer__circle"><circle class="base-timer__path-elapsed" cx="50" cy="50" r="45"></circle><path id="base-timer-path-remaining" stroke-dasharray="283" class="base-timer__path-remaining" d="M 50, 50 m -45, 0 a 45,45 0 1,0 90,0 a 45,45 0 1,0 -90,0"></path></g></svg>
				  <span id="base-timer-label" class="base-timer__label">${formatTime(
				    timeLeft
				  )}</span><p>to Skip Ad</p>
				</div>
				`;
				startTimer(id);
				$('.ss_track_play_pause').attr('data_is_ad', 1);
			}
		} else {
			alert("Can't load the song, please try again later.")
		}
		$('#bar_loading').animate({width:"100%"}, 200).fadeOut(300, function() {
           $(this).width("0");
        });
	});
}

function addToQueue(data, object, fetch) {
    if (fetch == false) {
        html = '<div class="song amplitude-song-container amplitude-play-pause" id="queue-' + object.id + '" onclick="playSong(\'' + object.id + '\')" amplitude-song-index="' + object.qID + '"><div class="song_icon_container"><img class="now-playing" src="'+ object.cover_art_url+'"/></div><span class="song_duration">' + object.duration + '</span><div class="song_meta_data"><span class="song_title">' + object.name + '</span><span class="song_artist">' + object.artist + '</span></div></div>';
        $('#queue-list').append(html);
    }
    setTimeout(function () {
        $.post('https://hayhat.net/endpoints/add-queue', {qdata: object});
    }, 2000);
}

function registerCommentreplay(value, id, commentid, event, element) {
    if (!value || !id || !commentid) {
        return false;
    }
    if(event.which == 13) {
        element.attr('disabled', "true");
        $.post('https://hayhat.net/endpoints/register-comment-replay', {id: id, value: value, cid:commentid}, function(data) {
            if (data.status == 300) {
                $('#login_box').modal('show');
            }
            if (data.status == 200) {
                $('.no-comments-found').remove();
                $('.no-track-found').remove();
                element.val("");
                $('.comment-replay-list-' + commentid).append(data.html);
                //window.init_emojioneArea();
            }
            element.removeAttr('disabled');
        });
    }

}

function deleteCommentReplay(element) {
    mainElement = $('#delete-comment-replay');
    comment_id = mainElement.attr('data-id');
    mode = mainElement.attr('data-mode');
    if (!comment_id) {
        return false;
    }
    $('#delete-comment-replay').modal('hide');
    $('.comment-replay-' + comment_id).slideUp('200', function () {
        $(this).remove();
    });
    $.get('https://hayhat.net/endpoints/delete-comment-replay', {id: comment_id});
}

function registerComment(value, id, event, element) {
	if (!value || !id) {
		return false;
	}
    //fix
	if(event.which == 13) {
		element.attr('disabled', "true");
		time = "";
		timeSeconds = "";
		if (Amplitude.getActiveSongMetadata().id == id) {
			time = Amplitude.audio().currentTime;
		    timeSeconds = $('.amplitude-song-played-progress').val();
		}
		wave = 0;
		if ($('#light-wave').val()) {
			wave = $('#light-wave').val();
		}
        $.post('https://hayhat.net/endpoints/register-comment', {id: id, value: value, timePercentage: timeSeconds, time: time, wave: wave}, function(data) {
        	if (data.status == 300) {
                $('#login_box').modal('show');
            }
        	if (data.status == 200) {
        		$('.no-comments-found').remove();
        		$('.no-track-found').remove();
        		element.val("");
        		$('.comment-waves').append(data.comment_wave);
        		$('.comment-list-' + id).prepend(data.html);
                //window.init_emojioneArea();
        	}
        	element.removeAttr('disabled');
        });
    }

}

$(document).on('mouseover', '.comment-on-wave', function(event) {
	$(this).find('.comment-on-wave-data').css({
		display: 'block',
	});
});
$(document).on('mouseleave', '.comment-on-wave', function(event) {
	$(this).find('.comment-on-wave-data').css({
		display: 'none',
	});
});

$('.comment-on-wave-data').on('hover', function(event) {

});

function goToWave(secnods) {
	setTimeout(function () {
		Amplitude.skipTo(secnods, Amplitude.getActiveSongMetadata().qID);
	}, 200);
}

function goTo(element) {
	mainElement = element.parents('li');

	if (Amplitude.getActiveSongMetadata().id != mainElement.attr('comment-song-id')) {
		playSong(mainElement.attr('song-id'));
	}

	setTimeout(function () {
		Amplitude.skipTo(mainElement.attr('comment-seconds'), Amplitude.getActiveSongMetadata().qID);
	}, 200);
}
function BloglikeComment(comment_id) {
    if (!comment_id) {
        return false;
    }
    var clickval = $('.comment_like[data-comment-id="'+comment_id+'"]').attr("onclick");
    $('.comment_like[data-comment-id="'+comment_id+'"]').attr('onclick',clickval.replace('likeComment', 'UnlikeComment') );
    $('.comment_like[data-comment-id="'+comment_id+'"] path').attr('fill','#e62117');
    $.get('https://hayhat.net/endpoints/like-blog-comment', {id: comment_id});
    let c = parseInt($('#comment_like_'+comment_id).html());
    $('#comment_like_'+comment_id).html( c + 1);
}
function BlogUnlikeComment(comment_id) {
    if (!comment_id) {
        return false;
    }
    var clickval = $('.comment_like[data-comment-id="'+comment_id+'"]').attr("onclick");
    $('.comment_like[data-comment-id="'+comment_id+'"]').attr('onclick',clickval.replace('UnlikeComment', 'likeComment') );
    $('.comment_like[data-comment-id="'+comment_id+'"] path').attr('fill','currentColor');
    $.get('https://hayhat.net/endpoints/unlike-blog-comment', {id: comment_id});
    let c = parseInt($('#comment_like_'+comment_id).html());
    $('#comment_like_'+comment_id).html( c - 1);
}
function BlogUnReportComment(comment_id,user_id) {
    if (!comment_id) {
        return false;
    }
    $('.blog_comment_report[data-comment-id="'+comment_id+'"]').show();
    $('.blog_comment_report[data-comment-id="'+comment_id+'"]').css({'visibility':'inherit'});
    $('.blog_comment_unreport[data-comment-id="'+comment_id+'"]').hide();
    $.get(ajaxUrl() + '/blog-unreport-comment', {id: comment_id,uid: user_id}, function (data) {
        if (data.status == 200) {
            $('#blog_comment_unreported').modal('show');
            setTimeout(function () {
                $('#blog_comment_unreported').modal('hide');
            }, 3000);
        }
    });
}
function deleteComment(element) {
	mainElement = $('#delete-comment');
    comment_id = mainElement.attr('data-id');
    mode = mainElement.attr('data-mode');
	if (!comment_id) {
		return false;
	}
	$('#delete-comment').modal('hide');
	$('.comment-' + comment_id).slideUp('200', function () {
		$(this).remove();
	});
	if(mode == 'blog'){
        $.get('https://hayhat.net/endpoints/delete-blog-comment', {id: comment_id});
    }else{
        $.get('https://hayhat.net/endpoints/delete-comment', {id: comment_id});
    }
}

function likeComment(comment_id) {
    if (!comment_id) {
        return false;
    }
    var clickval = $('.comment_like[data-comment-id="'+comment_id+'"]').attr("onclick");
    $('.comment_like[data-comment-id="'+comment_id+'"]').attr('onclick',clickval.replace('likeComment', 'UnlikeComment') );
    $('.comment_like[data-comment-id="'+comment_id+'"] path').attr('fill','#e62117');
    $.get('https://hayhat.net/endpoints/like-comment', {id: comment_id});
    let c = parseInt($('#comment_like_'+comment_id).html());
    $('#comment_like_'+comment_id).html( c + 1);
}

function UnlikeComment(comment_id) {
    if (!comment_id) {
        return false;
    }
    var clickval = $('.comment_like[data-comment-id="'+comment_id+'"]').attr("onclick");
    $('.comment_like[data-comment-id="'+comment_id+'"]').attr('onclick',clickval.replace('UnlikeComment', 'likeComment') );
    $('.comment_like[data-comment-id="'+comment_id+'"] path').attr('fill','currentColor');
    $.get('https://hayhat.net/endpoints/unlike-comment', {id: comment_id});

    let c = parseInt($('#comment_like_'+comment_id).html());
    $('#comment_like_'+comment_id).html( c - 1);

}

function UnReportComment(comment_id,user_id) {
    if (!comment_id) {
        return false;
    }
    $('.comment_report[data-comment-id="'+comment_id+'"]').show();
    $('.comment_report[data-comment-id="'+comment_id+'"]').css({'visibility':'inherit'});
    $('.comment_unreport[data-comment-id="'+comment_id+'"]').hide();

    $.get(ajaxUrl() + '/unreport-comment', {id: comment_id,uid: user_id}, function (data) {
        if (data.status == 200) {
            $('#comment_unreported').modal('show');
            setTimeout(function () {
                $('#comment_unreported').modal('hide');
            }, 3000);
        }
    });

}

function UnReportTrack(track_id,user_id) {
    if (!track_id) {
        return false;
    }
    $('.track_report[data-track-id="'+track_id+'"]').show();
    $('.track_report[data-track-id="'+track_id+'"]').css({'visibility':'inherit'});
    $('.track_unreport[data-track-id="'+track_id+'"]').hide();

    $.get(ajaxUrl() + '/unreport-track', {'id': track_id,'uid': user_id}, function (data) {
        if (data.status == 200) {
            $('#track_unreported').modal('show');
            setTimeout(function () {
                $('#track_unreported').modal('hide');
            }, 3000);
        }
    });

}


function SlideSetCookie(cname, cvalue, exdays) {
    $('#open_slide').attr('onclick', "SlideEraseCookie('open_slide')");
    var d = new Date();
    d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
    var expires = "expires="+d.toUTCString();
    document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}
function SlideEraseCookie(name) {
    $('#open_slide').attr('onclick', "SlideSetCookie('open_slide','yes',1)");
    document.cookie = name + '=;path=/;Max-Age=0'
}


function PayFromWallet() {
    $('#wallet_to_pay').find('.btn-mat').attr('disabled', 'true');
    $(".modal_story_pay_alert").html('');
    price = $('#wallet_to_pay_price').val();
    type = $('#wallet_to_pay_type').val();
    id = $('#wallet_to_pay_id').val();
    $.post('https://hayhat.net/endpoints/wallet/pay', {price: price,type: type,id: id}, function(data, textStatus, xhr) {
        $('#wallet_to_pay').find('.btn-mat').removeAttr('disabled');
        if (data.status == 200) {
            clearQueues(false);
            $(".modal_wallet_pay_alert").html('<div class="alert alert-success"><i class="fa fa-check"></i> Mua nhạc thành công</div>');
            setTimeout(function () {
                location.href = data.url;
            },2000);
        }
        else{
            $(".modal_wallet_pay_alert").html('<div class="alert alert-danger"><i class="fa fa-info-circle"></i> '+data.error+'</div>');
        }
    });
}

function purchaseTrack(id, element,type,price) {
            $('#login_box').modal('show');
    }



function registerBlogComment(value, id, event, element) {
	if (!value || !id) {
		return false;
	}
	if(event.which == 13) {
		element.attr('disabled', "true");
        $.post('https://hayhat.net/endpoints/register-blog-comment', {id: id, value: value}, function(data) {
        	if (data.status == 300) {
                $('#login_box').modal('show');
            }
        	if (data.status == 200) {
        		$('.no-comments-found').remove();
        		$('.no-track-found').remove();
        		element.val("");
        		$('.comment-list-' + id).prepend(data.html);
        	}
        	element.removeAttr('disabled');
        });
    }

}
function TrackReadMore() {
    var dots = document.getElementById("dots");
    var moreText = document.getElementById("more");
    var btnText = document.getElementById("btn-track-load-more");

    if (dots.style.display === "none") {
        dots.style.display = "inline";
        btnText.innerHTML = "Mở rộng";
        moreText.style.display = "none";
    } else {
        dots.style.display = "none";
        btnText.innerHTML = "Thu gọn";
        moreText.style.display = "inline";
    }
}
















function getUrl() {
	var url = window.location.href;
	return url.replace("https://hayhat.net", "");
}

function ajaxRedirect(url) {
	if (!url) {
		url = getUrl();
	}
	goToAjaxLink(url);
}

function favorite(id, element) {
	if (element.hasClass('is_favoriated')) {
		element.html('<path fill="currentColor" d="M12,15.39L8.24,17.66L9.23,13.38L5.91,10.5L10.29,10.13L12,6.09L13.71,10.13L18.09,10.5L14.77,13.38L15.76,17.66M22,9.24L14.81,8.63L12,2L9.19,8.63L2,9.24L7.45,13.97L5.82,21L12,17.27L18.18,21L16.54,13.97L22,9.24Z" />');
		element.removeClass("is_favoriated");
		if (Amplitude.getActiveSongMetadata()) {
			Amplitude.getActiveSongMetadata().is_favoriated = false;
		}
	} else {
		element.addClass("is_favoriated");
		element.html('<path fill="#ff9900" d="M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z" />');
		if (Amplitude.getActiveSongMetadata()) {
			Amplitude.getActiveSongMetadata().is_favoriated = true;
		}
	}

	$.get('https://hayhat.net/endpoints/favorite-track', {id: id});
}

function addToLists(id) {
	getID = $('#playlists').attr('data-id');
	if (!getID) {
		return false;
	}
	var playlists = "";
	$(".select-playlist-list").each(function (index, item) {
		if ($(this).hasClass('active')) {
			 playlists += $(this).attr('data-id') + ",";
		}
	});
	if (playlists) {
		$('#playlists').find('.btn-mat').text("chờ chút...");
		$.get(ajaxUrl() + "/playlist/add-to-playlist", {playlists: playlists, id: getID}, function (data) {
			if (data.status == 200) {
				$('#playlists').modal('hide');
				setTimeout(function () {
					$('#playlists').remove();
				}, 200);
			} else if (data.status == 300) {
				alert("Chọn Playlist bạn muốn thêm nhạc vào")
			} else {
				$('#playlists').modal('hide');
				setTimeout(function () {
					$('#playlists').remove();
				}, 200);
			}
		});
	}
}

function blockUser(id, username, type) {
	if (!id || !username) {
		return false;
	}
	if (!confirm("Bạn muốn chặn người này?")) {
		return false;
	}
	$.get('https://hayhat.net/endpoints/block-user/' + type, {id: id}, function (data) {
		goToAjaxLink(username);
	});
}

$(document).on('click', '#night_mode_toggle', function(event) {
    mode = $(this).attr('data-mode');
    $.post('https://hayhat.net/endpoints/?mode=' + mode, {}, function(data, textStatus, xhr) { /* pass */ });
    if (mode !== 'night') {
        $('body').append('<link rel="stylesheet" href="https://hayhat.net/themes/volcano/css/day.style.css" id="night-mode-css">');
        $('#night_mode_toggle').attr('data-mode', 'night');
        $('.switch .txt').text('Nền tối');
        $('.head_logo img').attr('src', 'https://hayhat.net/themes/volcano/img/logo-white.png?cache=123');
		$('.auth_box .right_combo > .navbar-brand img').attr('src', 'https://hayhat.net/themes/volcano/img/logo-white.png?cache=123');
		$('.ma_home_nav nav .navbar-brand img').attr('src', 'https://hayhat.net/themes/volcano/img/logo-white.png?cache=123');
		$('.nigh_day_ico').html('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"></path><path fill="currentColor" d="M10 6a8 8 0 0 0 11.955 6.956C21.474 18.03 17.2 22 12 22 6.477 22 2 17.523 2 12c0-5.2 3.97-9.474 9.044-9.955A7.963 7.963 0 0 0 10 6zm-6 6a8 8 0 0 0 8 8 8.006 8.006 0 0 0 6.957-4.045c-.316.03-.636.045-.957.045-5.523 0-10-4.477-10-10 0-.321.015-.64.045-.957A8.006 8.006 0 0 0 4 12zm14.164-9.709L19 2.5v1l-.836.209a2 2 0 0 0-1.455 1.455L16.5 6h-1l-.209-.836a2 2 0 0 0-1.455-1.455L13 3.5v-1l.836-.209A2 2 0 0 0 15.29.836L15.5 0h1l.209.836a2 2 0 0 0 1.455 1.455zm5 5L24 7.5v1l-.836.209a2 2 0 0 0-1.455 1.455L21.5 11h-1l-.209-.836a2 2 0 0 0-1.455-1.455L18 8.5v-1l.836-.209a2 2 0 0 0 1.455-1.455L20.5 5h1l.209.836a2 2 0 0 0 1.455 1.455z"></path></svg>');
                    $('#dark-wave').css({'opacity':'0.5'});
                $('#light-wave').css({'border-right':'1px solid rgb(191, 191, 191)'});
    } else {
        $('#night-mode-css').remove();
        $('#night_mode_toggle').attr('data-mode', 'day');
        $('.switch .txt').text('Nền sáng');
        $('.head_logo img').attr('src', 'https://hayhat.net/themes/volcano/img/logo.png?cache=123');
		$('.auth_box .right_combo > .navbar-brand img').attr('src', 'https://hayhat.net/themes/volcano/img/logo.png?cache=123');
		$('.ma_home_nav nav .navbar-brand img').attr('src', 'https://hayhat.net/themes/volcano/img/logo.png?cache=123');
		$('.nigh_day_ico').html('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"></path><path fill="currentColor" d="M12 18a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-2a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM11 1h2v3h-2V1zm0 19h2v3h-2v-3zM3.515 4.929l1.414-1.414L7.05 5.636 5.636 7.05 3.515 4.93zM16.95 18.364l1.414-1.414 2.121 2.121-1.414 1.414-2.121-2.121zm2.121-14.85l1.414 1.415-2.121 2.121-1.414-1.414 2.121-2.121zM5.636 16.95l1.414 1.414-2.121 2.121-1.414-1.414 2.121-2.121zM23 11v2h-3v-2h3zM4 11v2H1v-2h3z"></path></svg>');
                    $('#dark-wave').css({'opacity':'inherit'});
                $('#light-wave').css({'border-right':'1px solid rgb(71, 71, 71)'});
    }


});

$(document).ready(function() {
    FastClick.attach(document.body);
});

function hide_announcement(id){
    if (!id) { return false; }
    $("#announcement-"+id).slideUp('fast',function(){
        $(this).remove();
        $.post('https://hayhat.net/endpoints/user/hide-announcement', {id: id}, function(data, textStatus, xhr) { /* pass */ });
    })
}
function AddEventInterested(id,self,type = 'interest') {
    if (type == 'interest') {
        $(self).html('<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M0.41,13.41L6,19L7.41,17.58L1.83,12M22.24,5.58L11.66,16.17L7.5,12L6.07,13.41L11.66,19L23.66,7M18,7L16.59,5.58L10.24,11.93L11.66,13.34L18,7Z"></path></svg> <span class="button-text"> Interested</span>')
        $(self).attr('onclick', "AddEventInterested('"+id+"',this,'uninterest')");
    }
    else{
        $(self).html('<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.5,5C15,5 13.58,5.91 13,7.2V17.74C17.25,13.87 20,11.2 20,8.5C20,6.5 18.5,5 16.5,5M16.5,3C19.58,3 22,5.41 22,8.5C22,12.27 18.6,15.36 13.45,20.03L12,21.35L10.55,20.03C5.4,15.36 2,12.27 2,8.5C2,5.41 4.42,3 7.5,3C9.24,3 10.91,3.81 12,5.08C13.09,3.81 14.76,3 16.5,3Z"></path></svg> <span class="button-text"> Interested</span>')
        $(self).attr('onclick', "AddEventInterested('"+id+"',this,'interest')");
    }
    $.post('https://hayhat.net/endpoints/event/interest', {id: id,type: type}, function(data, textStatus, xhr) {});
}
function JoinEvent(id,self,type = 'join') {
    if (type == 'join') {
        $('#going-'+id).find('button').html('<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M0.41,13.41L6,19L7.41,17.58L1.83,12M22.24,5.58L11.66,16.17L7.5,12L6.07,13.41L11.66,19L23.66,7M18,7L16.59,5.58L10.24,11.93L11.66,13.34L18,7Z"></path></svg> <span class="button-text"> Đã tham dự</span>')
        $('#going-'+id).find('button').attr('onclick', "JoinEvent('"+id+"',this,'unjoin')");
    }
    else{
        $('#going-'+id).find('button').html('<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.74,11.72C11.21,12.95 11.16,14.23 9.75,14.74C6.85,15.81 6.2,13 6.16,12.86L10.74,11.72M5.71,10.91L10.03,9.84C9.84,8.79 10.13,7.74 10.13,6.5C10.13,4.82 8.8,1.53 6.68,2.06C4.26,2.66 3.91,5.35 4,6.65C4.12,7.95 5.64,10.73 5.71,10.91M17.85,19.85C17.82,20 17.16,22.8 14.26,21.74C12.86,21.22 12.8,19.94 13.27,18.71L17.85,19.85M20,13.65C20.1,12.35 19.76,9.65 17.33,9.05C15.22,8.5 13.89,11.81 13.89,13.5C13.89,14.73 14.17,15.78 14,16.83L18.3,17.9C18.38,17.72 19.89,14.94 20,13.65Z"></path></svg> <span class="button-text"> Dẩy</span>')
        $('#going-'+id).find('button').attr('onclick', "JoinEvent('"+id+"',this,'join')");
    }
    $.post('https://hayhat.net/endpoints/event/join', {id: id,type: type}, function(data, textStatus, xhr) {});
}
function BuyTicket(id,self,type = 'join',price = 0,show_type = 'show',available_tickets = 0, image = '') {
	$('#buy_ticket_modal').find('.modal-body-alert').html('');
	$('#buy_ticket_modal').find('.btn-primary').removeAttr('disabled');
    $('#buy_ticket_modal').find('.btn-primary').text("Mua");
	if (parseInt(price) > parseInt("{{ME org_wallet}}")) {
		$('#buy_ticket_modal').find('.modal-body-alert').html(`<div class="alert alert-info"><a href="https://hayhat.net/settings/{{ME username/wallet}}" data-load="settings/{{ME username}}/wallet">Cần nạp tiền vào Ví đã.</a></div>`);
		$('#buy_ticket_modal').find('.btn-primary').attr('disabled', 'true');
		$('#buy_ticket_modal').modal('show');
        return false;
	}
	if(parseInt(price) > 0 && show_type == 'hide'){
		$('#buy_ticket_modal').find('.btn-primary').attr('onclick', "BuyTicket('"+id+"',this,'"+type+"','"+price+"','show','"+available_tickets+"')");
		$('#buy_ticket_modal').find('.avail_ticket p').html(""+available_tickets+"");
		$('#buy_ticket_modal').find('.avail_ticket_price p').html("$"+price);
		$('#buy_ticket_modal').find('.ticket-img').html("<img src='" + image + "' alt='Picture'>");
        $('#buy_ticket_modal').modal('show');
        return false;
	}
	$('#buy_ticket_modal').find('.btn-primary').attr('disabled', 'true');
    $('#buy_ticket_modal').find('.btn-primary').text("chờ chút...");
    $.post('https://hayhat.net/endpoints/event/buy', {id: id,price: price}, function(data, textStatus, xhr) {
    	$('#buy_ticket_modal').find('.btn-primary').removeAttr('disabled');
        $('#buy_ticket_modal').find('.btn-primary').text("Mua");
    	if (data.status == 200) {
    		$('#buy_ticket_modal').find('.modal-body-alert').html(`<div class="alert alert-success"><i class="fa fa-check"></i> ${data.message}</div>`);
            setTimeout(function () {
            	$('#buy_ticket_modal').find('.modal-body-alert').html('');
            	$('#buy_ticket_modal').modal('hide');
            	location.href = 'https://hayhat.net/purchased';
            },2000);
    	}
    	else{
    		$('#buy_ticket_modal').find('.modal-body-alert').html(`<div class="alert alert-danger"><i class="fa fa-check"></i> ${data.message}</div>`);
    	}
    });
}
function DeleteEvent(id,type = 'show') {
    if (type == 'hide') {
      $('#delete-event').find('.btn-mat').attr('onclick', "DeleteEvent('"+id+"')");
      $('#delete-event').modal('show');
      return false;
    }
    $('[data-event="'+id+'"').slideUp();
    $('[data-event="'+id+'"').remove();
    $.post('https://hayhat.net/endpoints/event/delete', {id: id}, function(data, textStatus, xhr) {});
}
function StartStories(user_id,story_id) {
    $('#container_content').append('<div class="lightbox-container"><div class="lightbox-backgrond" onclick="Wo_CloseLightbox();"></div><div class="lb-preloader" style="display:block"><svg width="50px" height="50px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><rect x="0" y="0" width="100" height="100" fill="none" class="bk"></rect><circle cx="50" cy="50" r="40" stroke="#676d76" fill="none" stroke-width="6" stroke-linecap="round"><animate attributeName="stroke-dashoffset" dur="1.5s" repeatCount="indefinite" from="0" to="502"></animate><animate attributeName="stroke-dasharray" dur="1.5s" repeatCount="indefinite" values="150.6 100.4;1 250;150.6 100.4"></animate></circle></svg></div></div>');
    $.post('https://hayhat.net/endpoints/story/start', {user_id: user_id,story_id:story_id}, function(data, textStatus, xhr) {
        if (data.status == 200) {
            if (!Amplitude.audio().paused) {
                Amplitude.pause();
                window.playAudio = 'yes';
            }
            else{
                window.playAudio = 'no';
            }
            $('.lightbox-container').html(data.html);
        }
        else{
            if (window.playAudio && window.playAudio == 'yes') {
                Amplitude.play();
                window.playAudio = 'no';
            }
            CloseLightbox();
        }
    });
}
function NextStory(user_id,story_id,next_user_id,next_story_id) {
    CloseLightbox();
    $('#container_content').append('<div class="lightbox-container"><div class="lightbox-backgrond" onclick="Wo_CloseLightbox();"></div><div class="lb-preloader" style="display:block"><svg width="50px" height="50px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><rect x="0" y="0" width="100" height="100" fill="none" class="bk"></rect><circle cx="50" cy="50" r="40" stroke="#676d76" fill="none" stroke-width="6" stroke-linecap="round"><animate attributeName="stroke-dashoffset" dur="1.5s" repeatCount="indefinite" from="0" to="502"></animate><animate attributeName="stroke-dasharray" dur="1.5s" repeatCount="indefinite" values="150.6 100.4;1 250;150.6 100.4"></animate></circle></svg></div></div>');
    $.post('https://hayhat.net/endpoints/story/next', {user_id: user_id,story_id:story_id,next_user_id:next_user_id,next_story_id:next_story_id}, function(data, textStatus, xhr) {
        if (data.status == 200) {
            if (!Amplitude.audio().paused) {
                Amplitude.pause();
                window.playAudio = 'yes';
            }
            $('.lightbox-container').html(data.html);
        }
        else{
            if (window.playAudio && window.playAudio == 'yes') {
                Amplitude.play();
                window.playAudio = 'no';
            }
            CloseLightbox();
        }
    });
}
function PreviousStory(user_id,story_id,pre_user_id,pre_story_id) {
    CloseLightbox();
    $('#container_content').append('<div class="lightbox-container"><div class="lightbox-backgrond" onclick="Wo_CloseLightbox();"></div><div class="lb-preloader" style="display:block"><svg width="50px" height="50px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><rect x="0" y="0" width="100" height="100" fill="none" class="bk"></rect><circle cx="50" cy="50" r="40" stroke="#676d76" fill="none" stroke-width="6" stroke-linecap="round"><animate attributeName="stroke-dashoffset" dur="1.5s" repeatCount="indefinite" from="0" to="502"></animate><animate attributeName="stroke-dasharray" dur="1.5s" repeatCount="indefinite" values="150.6 100.4;1 250;150.6 100.4"></animate></circle></svg></div></div>');
    $.post('https://hayhat.net/endpoints/story/previous', {user_id: user_id,story_id:story_id,pre_user_id:pre_user_id,pre_story_id:pre_story_id}, function(data, textStatus, xhr) {
        if (data.status == 200) {
            if (!Amplitude.audio().paused) {
                Amplitude.pause();
                window.playAudio = 'yes';
            }
            $('.lightbox-container').html(data.html);
        }
        else{
            if (window.playAudio && window.playAudio == 'yes') {
                Amplitude.play();
                window.playAudio = 'no';
            }
            CloseLightbox();
        }
    });
}
function CloseLightbox() {
  $('.lightbox-container').remove();
  document.body.style.overflow = 'auto';
}
function GetMoreStoryViews(story_id,self) {
  $('.lightpost-'+story_id).addClass('dont_close')
  last_view = $('.story_views_').last().attr('id');
  $(self).addClass('dont_close_story_'+story_id);
  $(self).find('span').html("Chờ chút...");
  $.post('https://hayhat.net/endpoints/story/story_views', {last_view:last_view,story_id:story_id}, function(data, textStatus, xhr) {
    if (data.status == 200) {
      $(self).find('button').html('<svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather"><polyline points="6 9 12 15 18 9"></polyline></svg> Xem Thêm');

      $('.views_container_').append(data.html);
    }
    else{
      $(self).find('button').html("No More Views");

    }
  });
}
function DeleteStory(id) {
    if (!id || !confirm("Are you sure you want to delete your story?")) {
    return false;
  }

  $.ajax({
    url: 'https://hayhat.net/endpoints/story/delete',
    type: 'POST',
    dataType: 'json',
    data: {id:id},
  })
  .done(function(data) {
    if (data.status == 200) {
      location.reload();
    }
  })
  .fail(function() {
    console.log("error");
  })
}
function DeleteProduct(id,type = 'show') {
    if (type == 'hide') {
      $('#delete-product').find('.btn-mat').attr('onclick', "DeleteProduct('"+id+"')");
      $('#delete-product').modal('show');
      return false;
    }
    $('[data-product="'+id+'"').slideUp();
    $('[data-product="'+id+'"').remove();
    $.post('https://hayhat.net/endpoints/product/delete', {id: id}, function(data, textStatus, xhr) {});
}
function AddProductToCart(self,id,type) {
    if (type == 'add') {
        $(self).html('<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="52" height="52" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><circle r="12" cx="12" cy="12" fill="var(--main-color)" shape="circle" transform="matrix(1,0,0,1,0,0)"></circle><g transform="matrix(0.5,0,0,0.5,6.0000000894069645,5.999999999999999)"><path d="m17.5 13c-3.584 0-6.5-2.916-6.5-6.5s2.916-6.5 6.5-6.5 6.5 2.916 6.5 6.5-2.916 6.5-6.5 6.5zm0-12c-3.032 0-5.5 2.467-5.5 5.5s2.468 5.5 5.5 5.5 5.5-2.467 5.5-5.5-2.468-5.5-5.5-5.5z" fill="#ffffff" data-original="#000000" class=""></path><path d="m15.379 9.121c-.128 0-.256-.049-.354-.146-.195-.195-.195-.512 0-.707l4.242-4.242c.195-.195.512-.195.707 0s.195.512 0 .707l-4.242 4.242c-.097.097-.225.146-.353.146z" fill="#ffffff" data-original="#000000" class=""></path><path d="m19.621 9.121c-.128 0-.256-.049-.354-.146l-4.242-4.242c-.195-.195-.195-.512 0-.707s.512-.195.707 0l4.242 4.242c.195.195.195.512 0 .707-.097.097-.225.146-.353.146z" fill="#ffffff" data-original="#000000" class=""></path><path d="m19.5 17h-13c-.238 0-.443-.168-.49-.402l-2-10c-.03-.147.009-.299.103-.415s.238-.183.387-.183h4c.276 0 .5.224.5.5s-.224.5-.5.5h-3.39l1.8 9h12.18l.277-1.385c.055-.272.33-.445.588-.392.271.054.447.317.393.588l-.357 1.787c-.048.234-.253.402-.491.402z" fill="#ffffff" data-original="#000000" class=""></path><path d="m6.499 17c-.233 0-.441-.164-.489-.402l-2.479-12.394c-.139-.699-.759-1.206-1.471-1.206h-.001l-1.558.002c-.001 0-.001 0-.001 0-.276 0-.5-.224-.5-.5s.224-.5.499-.5l1.558-.002h.003c1.188 0 2.219.845 2.452 2.01l2.478 12.394c.055.271-.121.534-.393.588-.032.007-.065.01-.098.01z" fill="#ffffff" data-original="#000000" class=""></path><path d="m21.5 19h-17c-.827 0-1.5-.673-1.5-1.5s.673-1.5 1.5-1.5h2c.276 0 .5.224.5.5s-.224.5-.5.5h-2c-.275 0-.5.224-.5.5s.225.5.5.5h17c.276 0 .5.224.5.5s-.224.5-.5.5z" fill="#ffffff" data-original="#000000" class=""></path><path d="m8 24c-1.103 0-2-.897-2-2s.897-2 2-2 2 .897 2 2-.897 2-2 2zm0-3c-.552 0-1 .449-1 1s.448 1 1 1 1-.449 1-1-.448-1-1-1z" fill="#ffffff" data-original="#000000" class=""></path><path d="m17 24c-1.103 0-2-.897-2-2s.897-2 2-2 2 .897 2 2-.897 2-2 2zm0-3c-.552 0-1 .449-1 1s.448 1 1 1 1-.449 1-1-.448-1-1-1z" fill="#ffffff" data-original="#000000" class=""></path></g></svg>');
        $(self).attr('onclick', "AddProductToCart(this,'"+id+"','remove')");
    }
    else{
        $(self).html('<svg xmlns="http://www.w3.org/2000/svg" width="52" height="52" viewBox="0 0 58 58"> <g id="Group_9580" data-name="Group 9580" transform="translate(-833 -689)"> <rect id="Rectangle_3421" data-name="Rectangle 3421" width="58" height="58" rx="29" transform="translate(833 689)" fill="var(--main-color)"/> <path id="Union_12" data-name="Union 12" d="M.588,22.148a.61.61,0,0,1-.417-.17A.616.616,0,0,1,0,21.562v-.074L.992,8.7a.561.561,0,0,1,.183-.374l.013-.008a.561.561,0,0,1,.391-.157H3.415v-.58a7.6,7.6,0,0,1,15.192,0v.58h1.832a.566.566,0,0,1,.393.157l.013.008a.56.56,0,0,1,.183.371l.994,12.817a.619.619,0,0,1-.147.434.61.61,0,0,1-.379.2Zm.634-1.17H20.8l-.9-11.65H2.116ZM6.565,2.95A6.336,6.336,0,0,0,4.6,7.293l-.038.863H17.43v-.58a6.4,6.4,0,0,0-6.137-6.4l-.258-.011-.025,0A6.41,6.41,0,0,0,6.565,2.95ZM8.674,14.568V12.236h4.674v2.332Z" transform="translate(851 707)" fill="#fff"/> </g> </svg>');
        $(self).attr('onclick', "AddProductToCart(this,'"+id+"','add')");
    }
    qty = 1;
    if ($('#cart_product_qty').length > 0) {
        qty = $('#cart_product_qty').val();
    }
    $.post('https://hayhat.net/endpoints/product/add_cart', {product_id: id,qty:qty}, function(data, textStatus, xhr) {
        if (data.status == 200) {
            $('.unread_cart_count').html(data.count);
        }
    });
}
function GetCart() {
    $.post('https://hayhat.net/endpoints/product/get_cart', {param1: 'value1'}, function(data, textStatus, xhr) {
        if (data.status == 200 && data.html != '') {
            $('#cart-list').html(data.html);
        }
        else{
            $('#cart-list').html('<li class="empty_state"><svg class="feather" xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 24.605 24.799"> <path id="Path_7212" data-name="Path 7212" d="M8852.219,2866h-23.362a.649.649,0,0,1-.656-.656v-.08l1.109-14.326a.62.62,0,0,1,.2-.419l.016-.009a.628.628,0,0,1,.439-.176h2.047v-.649a8.532,8.532,0,0,1,2.485-6,8.493,8.493,0,0,1,12,0,8.535,8.535,0,0,1,2.487,6v.649h2.046a.63.63,0,0,1,.439.176l.015.009a.626.626,0,0,1,.2.416l1.109,14.353a.671.671,0,0,1-.161.483.68.68,0,0,1-.424.229Zm-21.654-14.355-1,13.044h21.874l-1-13.044Zm9.938-9.136a7.168,7.168,0,0,0-7.166,6.859l-.041.967h14.382v-.649a7.164,7.164,0,0,0-6.86-7.162l-.284-.012-.03,0Z" transform="translate(-8828.2 -2841.201)" fill="currentColor"></path> <path id="Path_7211" data-name="Path 7211" d="M3649.849,6635.26v2.61h-5.222v-2.61Z" transform="translate(-3634.937 -6621.557)" fill="currentColor"></path> </svg>Your cart is empty.</li>');
        }
    });
}
function RemoveProductFromCart(id) {
    $('#cart_product_'+id).remove();
    $('#checkout_product_'+id).remove();
    $.post('https://hayhat.net/endpoints/product/remove_cart', {product_id: id}, function(data, textStatus, xhr) {
        if (data.status == 200) {
            $('.unread_cart_count').html(data.count);
        }
    });
}
function LoadCheckout() {
    $('#load_checkout').click();
}
$(document).ready(function() {
    var options = {
        url: "https://hayhat.net/endpoints/address/add?hash_id=" + getHashID(),
        beforeSubmit:  function () {
            $('.modal_add_address_modal_alert').empty();
            $("#add_address_modal").find('.btn-mat').attr('disabled', 'true');
            $("#add_address_modal").find('.btn-mat').text("chờ chút...");
        },
        success: function (data) {
            $("#add_address_modal").find('.btn-mat').text("Thêm");
            $("#add_address_modal").find('.btn-mat').removeAttr('disabled')
            if (data.status == 200) {
                $('.modal_add_address_modal_alert').html('<div class="alert alert-success"><i class="fa fa-check"></i> '+
                data.message
                +'</div>');
                if (data.url && data.url != '') {
                    if ($('#load_checkout').length < 1) {
                        setTimeout(function () {
                            /*location.href = data.url;*/
                            $('.modal_add_address_modal_alert').empty();
                            $("#add_address_modal").find('.btn-mat').removeAttr('disabled')
                            $("#add_address_modal").find('.btn-mat').text("Thêm");
                            $('#add_address_modal').modal('hide');
                            $('.address_form')[0].reset();
                            load_page = 'feed';
                            if ($('#json-data').length > 0) {
                                json_data = JSON.parse($('#json-data').val());
                                load_page = json_data.ajax_url;
                            }
                            else{
                                load_page = "feed";
                            }
                            goToAjaxLink(load_page);
                        },2000);
                    }
                    else{
                        setTimeout(function () {
                            $('.modal_add_address_modal_alert').empty();
                            $("#add_address_modal").find('.btn-mat').removeAttr('disabled')
                            $("#add_address_modal").find('.btn-mat').text("Thêm");
                            $('#add_address_modal').modal('hide');
                            $('#load_checkout').click();
                        },2000);
                    }
                }
            } else {
                $('.modal_add_address_modal_alert').html('<div class="alert alert-danger"><i class="fa fa-check"></i> '+
            data.message
            +'</div>');
            }
        }
    };
    $('.address_form').ajaxForm(options);
});
function NewAddress() {
    $('.modal_add_address_modal_alert').empty();
    $("#add_address_modal").find('.btn-mat').removeAttr('disabled')
    $("#add_address_modal").find('.btn-mat').text("Thêm");
    $('#add_address_modal').modal('show');
}
function BuyProducts(type = 'show',price) {
    if ($('.payment_address').length < 1) {
        $('.checkout_alert').html("<div class='alert alert-danger'><i class='fa fa-info-circle'></i> Please add a new address</div>");
        return false;
    }
    if ($('input[name=choose-address]:checked').length < 1) {
        $('.checkout_alert').html("<div class='alert alert-danger'><i class='fa fa-info-circle'></i> Phải chọn địa chỉ mới mua được</div>");
        return false;
    }
    address_id = $('input[name=choose-address]:checked').val();
    if (type == 'hide') {
        $('#buy_product_modal').find('.btn-mat').html("Trả $"+price);
        $('#buy_product_modal').find('.btn-mat').attr('onclick', "BuyProducts('show','"+price+"')");
        $('#buy_product_modal').modal('show');
        return false;
    }
    $('#buy_product_modal').find('.btn-mat').html("chờ chút...");
    $('#buy_product_modal').find('.btn-mat').attr('disabled', "true");
    $.post('https://hayhat.net/endpoints/product/buy',{address_id: address_id}, function(data, textStatus, xhr) {
        $('#buy_product_modal').find('.btn-mat').removeAttr('disabled');
        $('#buy_product_modal').find('.btn-mat').text("Trả $"+price);
        if (data.status == 200) {
            $('#buy_product_modal').find('.modal_product_pay_alert').html("<div class='alert alert-success'><i class='fa fa-check'></i> "+data.message+"</div>");
            setTimeout(function () {
                $('#buy_product_modal').find('.modal_product_pay_alert').html("");
                location.href = "https://hayhat.net/purchased";
            },2000);
        }
        else{
            $('#buy_product_modal').find('.modal_product_pay_alert').html("<div class='alert alert-danger'><i class='fa fa-info-circle'></i> "+data.message+"</div>");
        }
    });
}
function ChangeQty(self,product_id) {
    qty = $(self).val();
    $.post('https://hayhat.net/endpoints/product/change_qty', {product_id: product_id,qty: qty}, function(data, textStatus, xhr) {
        LoadCheckout();
    });
}
function ChangeStatus(self,hash_id) {
    status = $(self).val();
    $.post('https://hayhat.net/endpoints/product/change_status', {hash_order: hash_id,status: status}, function(data, textStatus, xhr) {
        $('#load_order').click();
    });
}
function RefundOrder(hash_id,type = 'show') {
    if (type == 'hide') {
        $('#refund_order').find('.btn-mat').attr('onclick', "RefundOrder('"+hash_id+"')");
        $('#refund_order').modal('show');
        return false;
    }
    $('#refund_order').find('.btn-mat').html("chờ chút...");
    $('#refund_order').find('.btn-mat').attr('disabled', "true");
    message = $('#refund_order_message').val();
    $.post('https://hayhat.net/endpoints/product/refund', {hash_order: hash_id,message: message}, function(data, textStatus, xhr) {
        $('#refund_order').find('.btn-mat').removeAttr('disabled');
        $('#refund_order').find('.btn-mat').text("Gửi yêu cầu");
        if (data.status == 200) {
            $('#refund_order').find('.modal_refund_order_modal_alert').html("<div class='alert alert-success'><i class='fa fa-check'></i> "+data.message+"</div>");
            setTimeout(function () {
                $('#refund_order').modal('hide');
                $('#refund_order').find('.modal_refund_order_modal_alert').html("");
                $('#load_order').click();
            },2000);
        }
        else{
            $('#refund_order').find('.modal_refund_order_modal_alert').html("<div class='alert alert-danger'><i class='fa fa-info-circle'></i> "+data.message+"</div>");
        }
    });
}
function DownloadPurchased(id,type = 'event') {
    url = 'event/download';
    if (type == 'order') {
        url = 'product/download';
    }
    $.post('https://hayhat.net/endpoints/'+url,{id,id}, function(data, textStatus, xhr) {
        $('.ma_page_content').append(data.html);
        setTimeout(function () {
            $('.ticket_card_'+id).remove();
        },10000);
    });
}
function HidePlayer() {
    $('#my_video_player_container').slideUp();
}
function OpenWriteReview(product_id) {
    $('#write_product_review_product_id').val(product_id)
    $('#write_product_review').modal('show');
}
function showResponseAlert(item,alert_class,message,time = 0) {
    $(item).html('<div class="alert alert-'+alert_class+'">'+message+'</div>');
    if (time > 0) {
        setTimeout(() => {
            $(item).html('');
        },time);
    }
}

function scrollToTop() {
	verticalOffset = typeof (verticalOffset) != 'undefined' ? verticalOffset : 0;
	element = $('html');
	offset = element.offset();
	offsetTop = offset.top;
	$('html, body').animate({
		scrollTop: offsetTop
	}, 300, 'linear');
}
</script>
		<script src="https://hayhat.net/themes/volcano/js/fingerprint2.min.js?v=1.5.2"></script>
		<script src="https://hayhat.net/themes/volcano/js/jquery.form.min.js?v=1.5.2"></script>
		<script src="https://hayhat.net/themes/volcano/js/popper.min.js?v=1.5.2"></script>
		<script src="https://hayhat.net/themes/volcano/js/bootstrap.min.js?v=1.5.2"></script>
		<script src="https://hayhat.net/themes/volcano/js/owl.carousel.min.js?v=1.5.2"></script>
		<script src="https://hayhat.net/themes/volcano/js/simplebar.min.js?v=1.5.2"></script>
		<script src="https://hayhat.net/themes/volcano/js/amplitude.min.js?v=1.5.2"></script>
		<script src="https://hayhat.net/themes/volcano/js/script.js?v=1.5.2"></script>
		<script src="https://hayhat.net/themes/volcano/js/Chart.min.js?v=1.5.2"></script>
		<script src="https://hayhat.net/themes/volcano/js/highcharts/highcharts.js?v=1.5.2"></script>
		<script src="https://hayhat.net/themes/volcano/js/footer.js?v=1.5.2"></script>
		<script src="https://hayhat.net/themes/volcano/js/bootstrap-select.min.js?v=1.5.2"></script>
		<script type="text/javascript" src="https://hayhat.net/themes/volcano/js/jquery.dataTables.min.js?v=1.5.2"></script>
		<script type="text/javascript" src="https://hayhat.net/themes/volcano/js/dataTables.bootstrap4.min.js?v=1.5.2"></script>
		<script src="https://hayhat.net/themes/volcano/js/lib/sweetalert2/dist/sweetalert2.js?v=1.5.2"></script>
		<script src="https://hayhat.net/themes/volcano/js/bootstrap-toggle.min.js?v=1.5.2"></script>
		<script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
		<input type="hidden" class="main_session" value="428940c109a3159ed1c15915971c3958e15b8ea5">
    <script type="text/javascript">
    (function (factory) {
        if (typeof define === 'function' && define.amd) {
            // AMD. Register as an anonymous module.
            define(['jquery'], factory);
        } else {
            // Browser globals
            factory(jQuery);
        }
    }(function ($) {
        $.timeago = function(timestamp) {
            if (timestamp instanceof Date) {
                return inWords(timestamp);
            } else if (typeof timestamp === "string") {
                return inWords($.timeago.parse(timestamp));
            } else if (typeof timestamp === "number") {
                return inWords(new Date(timestamp));
            } else {
                return inWords($.timeago.datetime(timestamp));
            }
        };
        var $t = $.timeago;

        $.extend($.timeago, {
            settings: {
                refreshMillis: 60000,
                allowPast: true,
                allowFuture: false,
                localeTitle: false,
                cutoff: 0,
                strings: {
                    prefixAgo: null,
                    prefixFromNow: null,
                    suffixAgo: "trước",
                    suffixFromNow: "từ giờ",
                    inPast: "bất cứ lúc nào",
                    seconds: "Vừa xong",
                    minute: "khoảng 1 phút trước",
                    minutes: "%d phút trước",
                    hour: "khoảng 1 giờ trước",
                    hours: "%d giờ trước",
                    day: "1 ngày trước",
                    days: "%d ngày trước",
                    month: "khoảng 1 tháng trước",
                    months: "%d tháng trước",
                    year: "khoảng 1 năm trước",
                    years: "%d năm trước",
                    wordSeparator: " ",
                    numbers: []
                }
            },

            inWords: function(distanceMillis) {
                if(!this.settings.allowPast && ! this.settings.allowFuture) {
                    throw 'timeago allowPast and allowFuture settings can not both be set to false.';
                }

                var $l = this.settings.strings;
                var prefix = $l.prefixAgo;
                var suffix = $l.suffixAgo;
                if (this.settings.allowFuture) {
                    if (distanceMillis < 0) {
                        prefix = $l.prefixFromNow;
                        suffix = $l.suffixFromNow;
                    }
                }

                if(!this.settings.allowPast && distanceMillis >= 0) {
                    return this.settings.strings.inPast;
                }

                var seconds = Math.abs(distanceMillis) / 1000;
                var minutes = seconds / 60;
                var hours = minutes / 60;
                var days = hours / 24;
                var years = days / 365;

                function substitute(stringOrFunction, number) {
                    var string = $.isFunction(stringOrFunction) ? stringOrFunction(number, distanceMillis) : stringOrFunction;
                    var value = ($l.numbers && $l.numbers[number]) || number;
                    return string.replace(/%d/i, value);
                }

                var words = seconds < 45 && substitute($l.seconds, Math.round(seconds)) ||
                    seconds < 90 && substitute($l.minute, 1) ||
                    minutes < 45 && substitute($l.minutes, Math.round(minutes)) ||
                    minutes < 90 && substitute($l.hour, 1) ||
                    hours < 24 && substitute($l.hours, Math.round(hours)) ||
                    hours < 42 && substitute($l.day, 1) ||
                    days < 30 && substitute($l.days, Math.round(days)) ||
                    days < 45 && substitute($l.month, 1) ||
                    days < 365 && substitute($l.months, Math.round(days / 30)) ||
                    years < 1.5 && substitute($l.year, 1) ||
                    substitute($l.years, Math.round(years));

                var separator = $l.wordSeparator || "";
                if ($l.wordSeparator === undefined) { separator = " "; }

                    return $.trim([prefix, words].join(separator));


            },

            parse: function(iso8601) {
                var s = $.trim(iso8601);
                s = s.replace(/\.\d+/,""); // remove milliseconds
                s = s.replace(/-/,"/").replace(/-/,"/");
                s = s.replace(/T/," ").replace(/Z/," UTC");
                s = s.replace(/([\+\-]\d\d)\:?(\d\d)/," $1$2"); // -04:00 -> -0400
                s = s.replace(/([\+\-]\d\d)$/," $100"); // +09 -> +0900
                return new Date(s);
            },
            datetime: function(elem) {
                var iso8601 = $t.isTime(elem) ? $(elem).attr("datetime") : $(elem).attr("title");
                return $t.parse(iso8601);
            },
            isTime: function(elem) {
                // jQuery's `is()` doesn't play well with HTML5 in IE
                return $(elem).get(0).tagName.toLowerCase() === "time"; // $(elem).is("time");
            }
        });

        // functions that can be called via $(el).timeago('action')
        // init is default when no action is given
        // functions are called with context of a single element
        var functions = {
            init: function(){
                var refresh_el = $.proxy(refresh, this);
                refresh_el();
                var $s = $t.settings;
                if ($s.refreshMillis > 0) {
                    this._timeagoInterval = setInterval(refresh_el, $s.refreshMillis);
                }
            },
            update: function(time){
                var parsedTime = $t.parse(time);
                $(this).data('timeago', { datetime: parsedTime });
                if($t.settings.localeTitle) $(this).attr("title", parsedTime.toLocaleString());
                refresh.apply(this);
            },
            updateFromDOM: function(){
                $(this).data('timeago', { datetime: $t.parse( $t.isTime(this) ? $(this).attr("datetime") : $(this).attr("title") ) });
                refresh.apply(this);
            },
            dispose: function () {
                if (this._timeagoInterval) {
                    window.clearInterval(this._timeagoInterval);
                    this._timeagoInterval = null;
                }
            }
        };

        $.fn.timeago = function(action, options) {
            var fn = action ? functions[action] : functions.init;
            if(!fn){
                throw new Error("Unknown function name '"+ action +"' for timeago");
            }
            // each over objects here and call the requested function
            this.each(function(){
                fn.call(this, options);
            });
            return this;
        };

        function refresh() {
            var data = prepareData(this);
            var $s = $t.settings;

            if (!isNaN(data.datetime)) {
                if ( $s.cutoff == 0 || Math.abs(distance(data.datetime)) < $s.cutoff) {
                    $(this).text(inWords(data.datetime));
                }
            }
            return this;
        }

        function prepareData(element) {
            element = $(element);
            if (!element.data("timeago")) {
                element.data("timeago", { datetime: $t.datetime(element) });
                var text = $.trim(element.text());
                if ($t.settings.localeTitle) {
                    element.attr("title", element.data('timeago').datetime.toLocaleString());
                } else if (text.length > 0 && !($t.isTime(element) && element.attr("title"))) {
                    element.attr("title", text);
                }
            }
            return element.data("timeago");
        }

        function inWords(date) {
            return $t.inWords(distance(date));
        }

        function distance(date) {
            return (new Date().getTime() - date.getTime());
        }

        // fix for IE6 suckage
        document.createElement("abbr");
        document.createElement("time");
    }));


    $(function () {
        setInterval(function () {

                if ( $('.ajax-time').length > 0) {
                    $('.ajax-time').timeago()
                        .removeClass('.ajax-time');
                }
            },
            500);
    });
</script>
		<script>
			            $('#rmjs-1').readmore({
                speed: 75,
                collapsedHeight: 190,
                moreLink: '<a href="#" class="hash"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z" /></svg> Mở rộng</a>',
				lessLink: '<a href="#" class="hash"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z" /></svg> Thu gọn</a>',
                afterToggle: function(trigger, element, expanded) {
                    //if(! expanded) {
                        // The "Close" link was clicked
                        $('html, body').animate({scrollTop: element.offset().top}, {duration: 100});
                    //}
                }
            });
            var running = false;
            $( document ).on( 'change', '#chat_message_upload_media_file', function(e){
                if( running === true ){
                    running = false;
                    return false;
                }
                running = true;
                var countFiles = $(this)[0].files.length;
                var imgPath = $(this)[0].value;
                var extn = imgPath.substring(imgPath.lastIndexOf('.') + 1).toLowerCase();

                if(countFiles > 1) {
                    M.toast({html: 'Please select Four Images only.'});
                } else if (extn == "gif" || extn == "png" || extn == "jpg" || extn == "jpeg") {

                    let from = $( '#user-id' ).val();
                    let formData = new FormData();
                    formData.append( "media", $(this)[0].files[0],$(this)[0].files[0].value );
                    formData.append( 'to' , $('#user-id').val() );
                    formData.append( 'message_id' , window.message_id );

                    var img = $('<img style="width: 300px;border-radius: 20px;">');
                    //if (typeof(FileReader) != "undefined") {
                    let reader = new FileReader();
                    reader.onload = function(e) {
                        img.attr('src', e.target.result);
                    };
                    reader.readAsDataURL($(this)[0].files[0]);
                    //}

                    $('.lds-facebook').removeClass('hide');
                    $('#btn_chat_f_send').addClass('hide');

                    $( '.chat_message_upload_media_imgprogress' ).removeClass( 'hide' );
                    $( '.chat_message_upload_media_imgstatus' ).removeClass( 'hide' );
                    $.ajax({
                        xhr: function() {
                            let xhr = new window.XMLHttpRequest();
                            xhr.upload.addEventListener("progress", function(evt){
                                if (evt.lengthComputable) {
                                    let percentComplete = evt.loaded / evt.total;
                                    percentComplete = parseInt(percentComplete * 100);
                                    //console.log( 'prog: ' + percentComplete + '%');
                                    $( '#chat_message_upload_media_imgstatus' ).html( percentComplete + '%');
                                    $( '.chat_message_upload_media_imgdeterminate' ).css({'width': percentComplete + '%'});
                                    if (percentComplete === 100) {
                                        $( '.chat_message_upload_media_imgprogress' ).addClass( 'hide' );
                                        $( '.chat_message_upload_media_imgstatus' ).addClass( 'hide' );
                                        $( '#chat_message_upload_media_imgstatus' ).html( '' );
                                    }
                                }
                            }, false);
                            return xhr;
                        },
                        beforeSend: function() {
                            $('.messages').append('<div class="data_message" data-id="' + window.message_id + '"><div class="message to-user pull-right" data-id=""><div class="user-message"></div><div class="clear"></div></div><div class="clear"></div></div>');
                            img.appendTo($('.data_message[data-id="' + window.message_id + '"]').find('.user-message'));
                            $('.user-messages').scrollTop($('.user-messages')[0].scrollHeight);
                            window.message_id = makeid();
                        },
                        url: 'https://hayhat.net/endpoints/messages/upload_media?hash_id=' + $('.main_session').val(),
                        type: "POST",
                        async: true,
                        data: formData,
                        cache: false,
                        contentType: false,
                        processData: false,
                        timeout: 60000,
                        dataType: false,
                        success: function(data) {
                            $('.data_message[data-id="' + data.message_id + '"]').replaceWith(data.message);
                            running = false;
                        }
                    });

                }else{
                    M.toast({html: 'Please select only Images.'});
                }
            });

            // update user last seen
            function getRandomBetween(min, max) {
                return min + Math.random() * (max - min);
            }
            function UpdateLastSeen() {
                $.get('https://hayhat.net/endpoints/user/update_lastseen', { }, function () {
                    setTimeout(UpdateLastSeen, getRandomBetween(60000, 120000));
                });
            }
            setTimeout(UpdateLastSeen, getRandomBetween(60000, 120000));
            function GetArtist(key,form = '') {
            	$.post('https://hayhat.net/endpoints/tag_artist/tag', {key: key}, function(data, textStatus, xhr) {
            		if (data.html) {
            			if (form != '') {
            				$('#group_chat_mbr_list_'+form).html(data.html);
            			}
            			else{
            				$('.group_chat_mbr_list').html(data.html);
            			}
            		}
            	});
            }
            function ApproveRequest(id) {
            	$.post('https://hayhat.net/endpoints/tag_artist/approve', {id: id}, function(data, textStatus, xhr) {});
            }
            function DeclineRequest(id) {
            	$.post('https://hayhat.net/endpoints/tag_artist/decline', {id: id}, function(data, textStatus, xhr) {});
            }
            function count_char(self,id) {
			    $(self).limit("640", id);
			}
												
			$('svg .verified_ico').tooltip({
				title: 'Đã xác minh',
				placement: 'top',
				container: 'body'
			});
		</script>
		<script src="https://hayhat.net/themes/volcano/js/footer.js?4268"></script>
																	</body>
</html>

Latest requests

# Url Url Source Date
1 https://hayhat.net/reinabayley924 2026-10-17 03:47:22
2 https://www.texarkanatwins.com/%25… 2026-10-17 03:47:21
3 https://www.thebolditalic.com/?gi=… 2026-10-17 03:47:21
4 https://voyeursdream.com/1/3/Kitch… 2026-10-17 03:47:21
5 https://auth.mediacorp.sg/u/login?… 2026-10-17 03:47:21
6 https://www.thebolditalic.com/?gi=… 2026-10-17 03:47:20
7 https://partywallnoticesromford310… 2026-10-17 03:47:20
8 https://www.texarkanatwins.com/%25… 2026-10-17 03:47:19
9 https://www.texarkanatwins.com/%25… 2026-10-17 03:47:19
10 https://www.thebolditalic.com/?gi=… 2026-10-17 03:47:19
11 https://www.thebolditalic.com/?gi=… 2026-10-17 03:47:19
12 https://www.thebolditalic.com/?gi=… 2026-10-17 03:47:18
13 https://www.texarkanatwins.com/%25… 2026-10-17 03:47:17
14 https://www.texarkanatwins.com/%25… 2026-10-17 03:47:17
15 http://goo2.com/ 2026-10-17 03:47:17
16 https://gamevaulth.com/ 2026-10-17 03:47:17
17 https://www.texarkanatwins.com/%25… 2026-10-17 03:47:17
18 https://www.texarkanatwins.com/%25… 2026-10-17 03:47:16
19 https://www.thebolditalic.com/?gi=… 2026-10-17 03:47:16
20 https://www.thebolditalic.com/?gi=… 2026-10-17 03:47:16