<!DOCTYPE html>
<html>
<head>
<!-- <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;"> -->
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
<link href="css/ionicons.css" media="all" rel="stylesheet"
type="text/css">
<!-- <link rel="stylesheet" type="text/css" href="css/index.css"> -->
<link rel="stylesheet" type="text/css" href="css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="css/materialize.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/st.css">
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<title>Baarbo</title>
</head>
<body>
<header class="header pink-bg white-text z-depth-1">
<div class="navbar">
<button class="pink-bg navigation button-collapse" onclick="goBack()">
<i class="ion-android-arrow-back"></i>
</button>
<h5>Upload Video</h5>
<button class="pink-bg navigation go-to-cart">
<i class="ion pink-bg"></i>
</button>
</div>
</header>
<div class="main-container" id="main-container">
<div class="contact-form">
<form method="post" id="video-form" enctype="multipart/form-data">
<div class="col s12">
<div class="row" style="display: block">
<form action="#">
<div id="category" class="input-field">
<center>
<select class="material-select" required>
<option value="" disabled selected>Select Category</option>
</select>
</center>
</div>
<div class="input-field">
<input type="text" name="video_id" placeholder="Video Id" required>
</div>
<div class="input-field">
<input type="text" name="video_name" placeholder="Video Name" required>
</div>
<div class="input-field">
<input type="text" name="video_keywords" placeholder="Video Keyword" required>
</div>
<div class="input-field">
<select name="video_type" class="material-select" required>
<option disabled selected>Select Type</option>
<option value="Free">Free</option>
<option value="Premium">Premium</option>
</select>
</div>
<div style="margin-bottom: 15px; width: 100%">
<center>
<button type="button" class="upload-video-button waves-effect waves-blue btn pink-bg" onclick="imageGalleryPicker();">
Select Video Image
</button>
</center>
</div>
</div>
</form>
<center>
<button class="upload-video-button waves-effect waves-blue btn pink-bg" > Submit
</button>
</center>
</div>
</div>
</form>
</div>
</div>
<div class="footer-show">
<div class="footer-icon no-gap center" onclick="window.location.href='index.html'" style="color:white">
<i class="ion-home footer-icon no-padding" style="color:white"></i>
<p class="footer-label no-gap">
Home
</p>
</div>
<div class="footer-icon no-gap center" onclick="window.location.href='#'" style="color:white">
<i class="ion-ios-bell footer-icon no-padding" style="color:white"></i>
<p class="footer-label no-gap">
Notification
</p>
</div>
<div class="footer-icon no-gap center" onclick="window.location.href='account.html'" style="color:white">
<i class="ion-ios-chatboxes footer-icon no-padding" style="color:white"></i>
<p class="footer-label no-gap">
Chat
</p>
</div>
</div>
<script type="text/javascript" src="js/materialize.min.js"></script>
<script type="text/javascript" src="js/myfunctions.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var user = getUserDetails();
getCategory(user.username);
function getCategory(username) {
$.ajax({
url: 'https://dtuat.com/apps/baarbo/appcode/get_category.php',
type: 'POST',
data: {
username: username
},
dataType: 'json',
success: function(response)
{
console.log(response);
var data1 = '<select name="category" class="material-select" required>';
data1 += '<option selected disabled>Select Catagory</option>';
$.each(response.category, function(key,cat){
data1 += "<option value='"+cat+"'>"+cat+"</option>";
});
data1 += '</select>';
$('#category').empty().append(data1);
},
error: function(response)
{
console.log(response)
},
complete: function() {
$(document).ready(function() {
$(".material-select").material_select();
});
}
});
}
});
</script>
<script type="text/javascript" src="js/function.js"></script>
<script>
function goBack() {
window.history.back();
}
</script>
</body>
</html>