<!doctype html>
<html lang="en">
<head>
	<?php echo $__env->yieldContent('meta-content'); ?>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
	<meta name="rootURL" content="<?php echo URL::to('/'); ?>">
	<meta name="_token" content="<?php echo csrf_token(); ?>">
	<meta name="youtube_key" content="<?php echo $settings->youtube_key; ?>">
	
	<link rel="stylesheet" href="<?php echo URL::asset('assets/css/bootstrap.css'); ?>" />
	<link rel="stylesheet" href="<?php echo URL::asset('assets/css/font-awesome.css'); ?>" />
	<link rel="stylesheet" href="<?php echo URL::asset('assets/css/jquery.bxslider.css'); ?>" />
	<link rel="stylesheet" type="text/css" href="<?php echo URL::to('assets/css/bootstrap-datepicker3.css'); ?>">
	<link rel="stylesheet" type="text/css" href="<?php echo URL::to('assets/css/bootstrap-colorpicker.css'); ?>">
	<link rel="stylesheet" type="text/css" href="<?php echo URL::asset('assets/css/jquery-ui.css'); ?>">

    <link rel="icon" href="<?php echo URL::asset('assets/images/favicon.ico'); ?>" type="image/x-icon">
    <link rel="shortcut icon" href="<?php echo URL::asset('assets/images/favicon.ico'); ?>" type="image/x-icon">

    <script type="text/javascript" src="<?php echo URL::asset('assets/js/jquery-1.11.0.min.js'); ?>"></script>
    <script type="text/javascript" src="<?php echo URL::asset('assets/js/jquery-ui.js'); ?>"></script>
    <script type="text/javascript" src="<?php echo URL::asset('assets/js/bootstrap.js'); ?>"></script>
    <script type="text/javascript" src="<?php echo URL::asset('assets/js/jscroll.js'); ?>"></script>
    <script type="text/javascript" src="<?php echo URL::asset('assets/js/jquery.form.js'); ?>"></script>
    <script type="text/javascript" src="<?php echo URL::asset('assets/js/jquery.pjax.js'); ?>"></script>
    <script type="text/javascript" src="<?php echo URL::asset('assets/js/bootstrap-tagsinput.js'); ?>"></script>
    <script type="text/javascript" src="<?php echo URL::asset('assets/js/typeahead.bundle.js'); ?>"></script>
    <script type="text/javascript" src="<?php echo URL::asset('assets/js/nprogress.js'); ?>"></script>
    <script type="text/javascript" src="<?php echo URL::asset('assets/js/jquery.bxslider.js'); ?>"></script>
    <script type="text/javascript" src="<?php echo URL::asset('assets/js/jquery.noty.js'); ?>"></script>
	<script type="text/javascript" src="<?php echo URL::to('assets/js/bootstrap-datepicker.js'); ?>"></script>
	<script type="text/javascript" src="<?php echo URL::asset('assets/js/bootstrap-colorpicker.js'); ?>"></script>
    <?php echo $__env->yieldContent('resources'); ?>
    <script type="text/javascript" src="<?php echo URL::asset('assets/js/app.js?v=2'); ?>"></script>
    <script type="text/javascript">
      $(document).ready(function(){
        rootURL = "<?php echo URL::to('/'); ?>";
      });
    </script>
    <style type="text/css">
    	#sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
		#sortable li { margin: 0 3px 3px 3px; padding: 2px 0 2px 20px; font-size: 1.2em; height: 30px; }
		#sortable li span { cursor: pointer; float: right; padding: 3px 10px; }
		.btn-file {
		  overflow: hidden;
		    position: relative;
		}
		.btn-file input[type="file"] {
		    background: white;
		    cursor: inherit;
		    display: block;
		    font-size: 999px;
		    min-height: 100%;
		    min-width: 100%;
		    opacity: 0;
		    outline: medium none;
		    position: absolute;
		    right: 0;
		    text-align: right;
		    top: 0;
		}
    </style>
</head>
<body>
<div id="wrapper" class="hidden">
	<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
		<div class="container" style="max-width:980px">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
			        <span class="sr-only">Toggle navigation</span>
			        <span class="icon-bar"></span>
			        <span class="icon-bar"></span>
			        <span class="icon-bar"></span>
			    </button>
				<a class="navbar-brand pjax" title="<?php echo Lang::get('words.admin_alt'); ?>" href="<?php echo URL::to('admin'); ?>"><?php echo Lang::get('words.admin_alt'); ?></a>
			</div>
			<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      			<ul class="nav navbar-nav">
      				<li <?php if(Request::is('user/admin/home') || Request::is('user/admin')): ?> class="active" <?php endif; ?>>
			            <a class="pjax" href="<?php echo URL::to('user/admin/home'); ?>"><i class="fa fa-home"></i> <?php echo Lang::get('words.home'); ?></a>
			        </li>
			        <li <?php if(Request::is('user/admin/user')): ?> class="active" <?php endif; ?>>
			            <a class="pjax" href="<?php echo URL::to('user/admin/user'); ?>"><i class="fa fa-user"></i> <?php echo Lang::get('words.users'); ?></a>
			        </li>
			        <li <?php if(Request::is('user/admin/settings')): ?> class="active" <?php endif; ?>>
			            <a class="pjax" href="<?php echo URL::to('user/admin/settings'); ?>"><i class="fa fa-gear"></i> <?php echo Lang::get('words.settings'); ?></a>
			        </li>
			        <li <?php if(Request::is('user/admin/pages')): ?> class="active" <?php endif; ?>>
			            <a class="pjax" href="<?php echo URL::to('user/admin/pages'); ?>"><i class="fa fa-file-text"></i> <?php echo Lang::get('words.pages'); ?></a>
			        </li>
      			</ul>
      		</div>
		</div>
	</nav>

	<div id="page-wrapper" style="margin-top:60px;">
		<div class="container" style="max-width:980px">
			<div class="col-xs-12">
			<style type="text/css">
    ul.pagination {
    	opacity: 1;
    }
    </style>
				<?php echo $__env->yieldContent('content'); ?>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">

	$(document).ready(function(){
			sortLists();
			$(document).on('click', '.toggleGenre' ,function(e) {
				var that = $(this);
				_genre_id = that.parent().attr('id');
				_token = $('meta[name="_token"]').attr('content');

				$.post(rootURL+'/user/admin/genres',
					{ genre_id: _genre_id, _token: _token },
					function(data){
						if(data == 'ok')
						{
							if(that.hasClass("fa-eye"))
							{
								that.removeClass("fa-eye").addClass("fa-eye-slash");
							}
							else
							{
								that.removeClass("fa-eye-slash").addClass("fa-eye");	
							}
						}
					}
				);
			});
		});
	
		function sortLists()
		{
			$( "#sortable" ).sortable({
				placeholder: "ui-state-highlight",
				update: function( event, ui ) {
					var catArray = $(this).sortable('toArray');
					//alert(catArray);
					for(var i=0; i<catArray.length; i++)
					{
						$("input[name='"+(catArray[i])+"']").val(i+1);
					}

				}
			});
			$( "#sortable" ).disableSelection();
		}
</script>
<br />
<br />
</body>
</html>