000

<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta charset="UTF-8">
	<title>Admin | @yield('title') </title>
	<link rel="icon" href="{{ asset('/assets/images/logo_scm.png') }}" type="image/icon type">
	<meta name="description" content="overview &amp; stats" />
	<meta name="_token" content="{{ csrf_token() }}" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

{{Html::style("assets/css/bootstrap.min.css")}}
	{{Html::style("assets/font-awesome/4.5.0/css/font-awesome.min.css")}}
	{{Html::style("assets/css/fonts.googleapis.com.css")}}
	{{Html::style("assets/css/ace.min.css")}}
	{{Html::style("assets/css/sweetalert.css")}}
	{{Html::style("assets/css/select2.min.css")}}
	{{ Html::style("assets/css/mdtimepicker.min.css")}}

{{Html::style("assets/css/ace-skins.min.css")}}
  {{Html::style("assets/css/ace-rtl.min.css")}}

{{ Html::script("assets/js/ace-extra.min.js")}}

@yield('style')

body {
		cursor: url("/assets/images/pointer.png"), auto;
	}

.select2 {
		width:100%!important;
	}
	
	.company_name{
		color: #fff;
		position: absolute;
		width: 100%;
		left: 0;
		text-align: center;
		margin:0 auto;
		font-size: 25px;
	}
	.loading-bg {
		background: #4444447a;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 0px auto;
		z-index: 10053;
		position: fixed;
	}
	.loading {
		/*border: 16px solid #f3f3f3;*/
		/*border-radius: 50%;*/
		/*border-top: 16px solid #3498db;*/
		width: 40px;
		height: 150px;
		/*background-image: "";*/
     /* -webkit-animation: spin 2s linear infinite;
     animation: spin 2s linear infinite;*/
     position: absolute;
     left: 0;
     right: 280px;
     margin: 0px auto;
     top: 10%;
 }

.selectCompanyBg {
 	background: #44444473;
 	top: 0;
 	bottom: 0;
 	left: 0;
 	right: 0;
 	margin: 0px auto;
 	z-index: 10053;
 	position: fixed;
 }

@-webkit-keyframes spin {
 	0% { -webkit-transform: rotate(0deg); }
 	100% { -webkit-transform: rotate(360deg); }
 }

@keyframes spin {
 	0% { transform: rotate(0deg); }
 	100% { transform: rotate(360deg); }
 }

.float{
 	position:fixed;
 	width:60px;
 	height:60px;
 	bottom:40px;
 	right:40px;
 	background-color:#044fab;
 	color:#FFF;
 	border-radius:50px;
 	text-align:center;
 	box-shadow: 2px 2px 3px #020202;
 }

.my-float{
 	margin-top:22px;
 } 
 .my-float:hover{
 	color:#FFF;
 } 
</style>
</head>

<div id="navbar" class="navbar navbar-default">
		<div class="navbar-container ace-save-state" id="navbar-container">
			<button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler" data-target="#sidebar">
				<span class="sr-only">Toggle sidebar</span>

<ul class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
							<li class="dropdown-header">
								<i class="ace-icon fa fa-check"></i>
								4 Tasks to complete
							</li>

<li class="dropdown-content">
								<ul class="dropdown-menu dropdown-navbar">
									<li>
										<a href="#">
											<div class="clearfix">
												<span class="pull-left">Software Update</span>
												<span class="pull-right">65%</span>
											</div>

<li>
										<a href="#">
											<div class="clearfix">
												<span class="pull-left">Hardware Upgrade</span>
												<span class="pull-right">35%</span>
											</div>

<li>
										<a href="#">
											<div class="clearfix">
												<span class="pull-left">Unit Testing</span>
												<span class="pull-right">15%</span>
											</div>

<li>
										<a href="#">
											<div class="clearfix">
												<span class="pull-left">Bug Fixes</span>
												<span class="pull-right">90%</span>
											</div>

<li class="dropdown-footer">
								<a href="#">
									See tasks with details
									<i class="ace-icon fa fa-arrow-right"></i>
								</a>
							</li>
						</ul>
					</li>

<ul class="dropdown-menu-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
							<li class="dropdown-header">
								<i class="ace-icon fa fa-exclamation-triangle"></i>
								8 Notifications
							</li>

<li class="dropdown-content">
								<ul class="dropdown-menu dropdown-navbar navbar-pink">
									<li>
										<a href="#">
											<div class="clearfix">
												<span class="pull-left">
													<i class="btn btn-xs no-hover btn-pink fa fa-comment"></i>
													New Comments
												</span>
												<span class="pull-right badge badge-info">+12</span>
											</div>
										</a>
									</li>

<li>
										<a href="#">
											<i class="btn btn-xs btn-primary fa fa-user"></i>
											Bob just signed up as an editor ...
										</a>
									</li>

<li>
										<a href="#">
											<div class="clearfix">
												<span class="pull-left">
													<i class="btn btn-xs no-hover btn-success fa fa-shopping-cart"></i>
													New Orders
												</span>
												<span class="pull-right badge badge-success">+8</span>
											</div>
										</a>
									</li>

<li>
										<a href="#">
											<div class="clearfix">
												<span class="pull-left">
													<i class="btn btn-xs no-hover btn-info fa fa-twitter"></i>
													Followers
												</span>
												<span class="pull-right badge badge-info">+11</span>
											</div>
										</a>
									</li>
								</ul>
							</li>

<li class="dropdown-footer">
								<a href="#">
									See all notifications
									<i class="ace-icon fa fa-arrow-right"></i>
								</a>
							</li>
						</ul>
					</li>

<ul class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
							<li class="dropdown-header">
								<i class="ace-icon fa fa-envelope-o"></i>
								5 Messages
							</li>

<li class="dropdown-content">
								<ul class="dropdown-menu dropdown-navbar">
									<li>
										<a href="#" class="clearfix">
											<img src="{{URL('assets/images/avatars/avatar.png')}}" class="msg-photo" alt="Alex's Avatar" />
											<span class="msg-body">
												<span class="msg-title">
													<span class="blue">Alex:</span>
													Ciao sociis natoque penatibus et auctor ...
												</span>

<span class="msg-time">
													<i class="ace-icon fa fa-clock-o"></i>
													<span>a moment ago</span>
												</span>
											</span>
										</a>
									</li>

<li>
										<a href="#" class="clearfix">
											<img src="{{URL('assets/images/avatars/avatar3.png')}}" class="msg-photo" alt="Susan's Avatar" />
											<span class="msg-body">
												<span class="msg-title">
													<span class="blue">Susan:</span>
													Vestibulum id ligula porta felis euismod ...
												</span>

<span class="msg-time">
													<i class="ace-icon fa fa-clock-o"></i>
													<span>20 minutes ago</span>
												</span>
											</span>
										</a>
									</li>

<li>
										<a href="#" class="clearfix">
											<img src="{{URL('assets/images/avatars/avatar4.png')}}" class="msg-photo" alt="Bob's Avatar" />
											<span class="msg-body">
												<span class="msg-title">
													<span class="blue">Bob:</span>
													Nullam quis risus eget urna mollis ornare ...
												</span>

<li>
										<a href="#" class="clearfix">
											<img src="{{URL('assets/images/avatars/avatar2.png')}}" class="msg-photo" alt="Kate's Avatar" />
											<span class="msg-body">
												<span class="msg-title">
													<span class="blue">Kate:</span>
													Ciao sociis natoque eget urna mollis ornare ...
												</span>

<li>
										<a href="#" class="clearfix">
											<img src="{{URL('assets/images/avatars/avatar5.png')}}" class="msg-photo" alt="Fred's Avatar" />
											<span class="msg-body">
												<span class="msg-title">
													<span class="blue">Fred:</span>
													Vestibulum id penatibus et auctor  ...
												</span>

<li class="dropdown-footer">
								<a href="inbox.html">
									See all messages
									<i class="ace-icon fa fa-arrow-right"></i>
								</a>
							</li>
						</ul>
					</li>

<li class="light-blue dropdown-modal">
						<a data-toggle="dropdown" href="#" class="dropdown-toggle">
							<img class="nav-user-photo" src="{{URL('assets/images/avatars/user.jpg')}}" alt="Jason's Photo" />
							<span class="user-info">
                         <small>Welcome,</small>
                         @if(Auth::user()->name == 'Anurag Saxena')
                           PO Creator
                         @else
                           {{ getRole(Auth::user()->role_id) }}
                         @endif
                           ({{ Auth::user()->name }})
                        </span>

<ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
							<li>
								<a href="#">
									<i class="ace-icon fa fa-cog"></i>
									Settings
								</a>
							</li>

<li>
								<a href="#" data-toggle="modal" data-target="#myModal-change">
									<i class="fa fa-pencil m-r-xs"></i>
									Change Password
								</a>
							</li>

<li>
								<a href="{{URL('/logout')}}">
									<i class="ace-icon fa fa-power-off"></i>
									Logout
								</a>
							</li>
						</ul>
					</li>
				</ul>
			</div>

</div>
	</div>

<div class="main-container ace-save-state" id="main-container">
		<script type="text/javascript">
			try{ace.settings.loadState('main-container')}catch(e){}
		</script>

<div id="sidebar" class="sidebar                  responsive                    ace-save-state" style="width: 210px;">
			<script type="text/javascript">
				try{ace.settings.loadState('sidebar')}catch(e){}
			</script>

<!--   <div class="sidebar-shortcuts" id="sidebar-shortcuts">
        <div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
          <button class="btn btn-success">
            <i class="ace-icon fa fa-signal"></i>
          </button>

@include('dashboard.layouts.sidebar')

</div>

@yield('content')

<div class="modal fade empList-modal-lg" id="viewNotificationModal"  tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-body">
			<div class="panel panel-success">
				<div class="panel-heading clearfix">
					<h4 class="panel-title" id="notificationTitle">Notification Title</h4> 
				</div>
				<div class="panel-body" id="notificationMessage">

</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				</div>
			</div>
		</div>

</div>
</div>


<div class="modal fade empList-modal-lg changePassModal" id="myModal-change" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-body">
			<div class="panel panel-white">
				<div class="panel-heading clearfix">
					<h4 class="panel-title" id="msg">Change Password</h4>

</div>
				<div class="panel-body">
					<form class="form-horizontal" >
						{{csrf_field()}}
						<div class="form-group">
							<label for="old_password" class="col-sm-4 control-label">Old Password</label>
							<div class="col-sm-8">
								<input type="password" class="form-control" id="old_password" name="old_password" placeholder="Old Password">  
							</div>
						</div>
						<div class="form-group">
							<label for="new_password" class="col-sm-4 control-label">New Password</label>
							<div class="col-sm-8">
								<input type="password" class="form-control" id="new_password" name="new_password" placeholder="New Password">  
							</div>
						</div>
						<div class="form-group">
							<label for="confirm_password" class="col-sm-4 control-label">Confirm Password</label>
							<div class="col-sm-8">
								<input type="password" class="form-control" id="confirm_password" name="confirm_password" placeholder="Confirm Password">  
							</div>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
					<a  id="changePassword"  class="btn btn-success">Change</a>
				</div>
			</div>
		</div>

</div>
</div>

@include('dashboard.layouts.footer')

function changeCompany(){
		$('.selectCompanyBg').show();
	}
	function changeLanguage(){
		$('.selectCompanyBg').show();
	}
	$(document).ready(function() {

$('.select2').select2({
			allowClear: true
		});

$('#changePassword').on('click',function(){
			var old_password = $('#old_password').val();
			var new_password = $('#new_password').val();
			var confirm_password = $('#confirm_password').val();
			if(old_password == ""){
				swal('Oops',"Old Password Required",'warning');  
			}else if(new_password == ""){
				swal('Oops',"New Password Required",'warning');  
			}else if(confirm_password == ""){
				swal('Oops',"Confirm Password Required",'warning');  
			}else if(confirm_password !== new_password){
				swal('Oops',"Confirm Password & New Password Not Matched ",'warning');  
			}else{
				$.ajaxSetup({
					headers: {'X-CSRF-Token': $('meta[name=_token]').attr('content')}
				});
				var url  = "{{URL('/postChangePassword')}}";
				$.ajax({
					url: url,
					type: 'POST',
					data: {'old_password':old_password,'new_password':new_password},
					success: function (data) {
						console.log(data);
						if(data.flag){
							$('.changePassModal').modal('toggle');
							swal('Success','Password Changed Successfully','success'); 
						}else{
							$('.changePassModal').modal('toggle');
							swal('Oops',data.error,'warning');  
						}
					}
				});
			}

});

$('#setCompany').click(function(e){
			e.preventDefault();
			$.ajaxSetup({
				headers: {
					'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
				}
			});
			$('.loading-bg').show();
			$.ajax({
				url: $('#setCompanyForm').attr('action'),
				method: 'POST',
				data: $('#setCompanyForm').serialize(),
				success: function(data){
					$('.loading-bg').hide();
					if(!data.flag){
						if(typeof(data.errors.act_as_company) === "undefined"){
							$('#set_company_id_error').hide();
						}else{
							$('#set_company_id_error').show();
							$('#set_company_id_error').text(data.errors.act_as_company);
						}
					}else{
						swal({
							title: "Success!",
							text: data.message,
							type: "success"
						}, function() {
							window.location.reload();
						});
					}
				}

});
		});

$('#changeLanguage').click(function(e){
			e.preventDefault();
			$.ajaxSetup({
				headers: {
					'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
				}
			});
			$('.loading-bg').show();
			$.ajax({
				url: $('#changeCompanyForm').attr('action'),
				method: 'POST',
				data: $('#changeCompanyForm').serialize(),
				success: function(data){
					$('.loading-bg').hide();
					if(!data.flag){
						if(typeof(data.errors.language) === "undefined"){
							$('#change_language_error').hide();
						}else{
							$('#change_language_error').show();
							$('#change_language_error').text(data.errors.language);
						}
					}else{
						swal({
							title: "Success!",
							text: data.message,
							type: "success"
						}, function() {
							window.location.reload();
						});
					}
				}

});
		});

});

function acceptNumber(value){
		if (Number.isInteger(value)) {
			return false;
		}else{
			return true;
		}
	}

</script>

@yield('script')
</body>
</html>