<?php
$syscmts = array('Interested','NotInterested','Callback','NoReply','DoNotDisturb','WrongNumber'); 
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>LMS</title>

    <!-- Fonts -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css" integrity="sha384-XdYbMnZ/QjLh6iI4ogqCTaIjrFk87ip+ekIjefZch0Y+PvJ8CDYtEs1ipDmPorQ+" crossorigin="anonymous">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:100,300,400,700">

    <!-- Styles -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
    <?php /* <link href="<?php echo e(elixir('css/app.css')); ?>" rel="stylesheet"> */ ?>
    <link href="<?php echo e(url('css/work.css')); ?>" rel="stylesheet">
    <link href="<?php echo e(url('css/bootstrap-datetimepicker.css')); ?>" rel="stylesheet">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.11.0/css/bootstrap-select.min.css">
    
<style>
@media (min-width: 768px) and (max-width: 1200px) {
   .collapse {
       display: none !important;
   }
}

#dCheckReq, #dCheckSug {
	border: 1px solid black;
    padding: 10px 25px;
    margin-bottom: 10px;
}
.dlist{
	border: 1px solid black;
    padding: 3px 5px;
    margin-bottom: 2px;
}
.dlist.Selected{
	background-color:aqua;
}
#ResheduledList {
    overflow-x: scroll;
    /*position: fixed;
    width: 300px;
    bottom: 20px;
    background: aliceblue;
    top: 20px;
    right: 20px;
    z-index: 1000;
    padding: 0 10px;
    overflow: scroll;
        overflow-x: scroll;
    overflow-x: auto;
    border: 3px solid aliceblue;
    border-radius: 13px;*/
}
#ResheduledList ul {
    list-style: none;
    padding:0px;
}
#ResheduledList ul li {
    display: inline;
    margin-right:3px;
    float: left;
}

.expiredalarm {
  animation: blinker 1s linear infinite;
}

@keyframes  blinker {
  50% {
    opacity: 0;
  }
}
</style>

    <style>
        body {
            font-family: 'Lato';
        }

        .fa-btn {
            margin-right: 6px;
        }
		.select-form-control-feedback {  right: 30px;}
		
		.typeahead:focus {
  border: 2px solid #0097cf;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}

.tt-menu {
  width: 422px;
  margin: 12px 0;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 3px 20px;
  font-size: 12px;
  line-height: 16px;
}

.tt-suggestion:hover {
  cursor: pointer;
  color: #fff;
  background-color: #0097cf;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;

}

.tt-suggestion p {
  margin: 0;
}

.gist {
  font-size: 14px;
}
    </style>
	<style>
@import  "https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css";
@import  "https://daneden.github.io/animate.css/animate.min.css";
/*-------------------------------*/
/*           VARIABLES           */
/*-------------------------------*/

/*-------------------------------*/
/*           Wrappers            */
/*-------------------------------*/
#wrapper {
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  padding-left: 0;
  transition: all 0.5s ease;
}
#wrapper.toggled {
  padding-left: 220px;
}
#wrapper.toggled #sidebar-wrapper {
  width: 220px;
}
#wrapper.toggled #page-content-wrapper {
  margin-right: -220px;
  position: absolute;
}
#sidebar-wrapper {
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  background: #1a1a1a;
  height: 100%;
  left: 220px;
  margin-left: -220px;
  overflow-x: hidden;
  overflow-y: auto;
  transition: all 0.5s ease;
  width: 0;
  z-index: 1000;
}
#sidebar-wrapper::-webkit-scrollbar {
  display: none;
}
#page-content-wrapper {
  padding-top: 0;
  width: 100%;
}
/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/
.sidebar-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 220px;
}
.sidebar-nav li {
  display: inline-block;
  line-height: 20px;
  position: relative;
  width: 100%;
}
.sidebar-nav li:before {
  background-color: #1c1c1c;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: width 0.2s ease-in;
  transition: width 0.2s ease-in;
  width: 3px;
  z-index: -1;
}
.sidebar-nav li:first-child a {
  background-color: #1a1a1a;
  color: #ffffff;
}
.sidebar-nav li:nth-child(2):before {
  background-color: #402d5c;
}
.sidebar-nav li:nth-child(3):before {
  background-color: #4c366d;
}
.sidebar-nav li:nth-child(4):before {
  background-color: #583e7e;
}
.sidebar-nav li:nth-child(5):before {
  background-color: #64468f;
}
.sidebar-nav li:nth-child(6):before {
  background-color: #704fa0;
}
.sidebar-nav li:nth-child(7):before {
  background-color: #7c5aae;
}
.sidebar-nav li:nth-child(8):before {
  background-color: #8a6cb6;
}
.sidebar-nav li:nth-child(9):before {
  background-color: #987dbf;
}
.sidebar-nav li:hover:before {
  -webkit-transition: width 0.2s ease-in;
  transition: width 0.2s ease-in;
  width: 100%;
}
.sidebar-nav li a {
  color: #dddddd;
  display: block;
  padding: 10px 15px 10px 30px;
  text-decoration: none;
}
.sidebar-nav li.open:hover before {
  -webkit-transition: width 0.2s ease-in;
  transition: width 0.2s ease-in;
  width: 100%;
}
.sidebar-nav .dropdown-menu {
  background-color: #222222;
  border-radius: 0;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}
.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus {
  background-color: transparent;
  color: #ffffff;
  text-decoration: none;
}
.sidebar-nav > .sidebar-brand {
  font-size: 20px;
  height: 65px;
  line-height: 44px;
      color: #77778b;
}
/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/
.hamburger {
  background: transparent;
  border: none;
  display: block;
  height: 32px;
  margin-left: 15px;
  position: fixed;
  top: 70px;
  width: 32px;
  z-index: 999;
}
.hamburger:hover {
  outline: none;
}
.hamburger:focus {
  outline: none;
}
.hamburger:active {
  outline: none;
}
.hamburger.is-closed:before {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.35s ease-in-out;
  color: #ffffff;
  content: '';
  display: block;
  font-size: 14px;
  line-height: 32px;
  opacity: 0;
  text-align: center;
  width: 100px;
}
.hamburger.is-closed:hover before {
  -webkit-transform: translate3d(-100px, 0, 0);
  -webkit-transition: all 0.35s ease-in-out;
  display: block;
  opacity: 1;
}
.hamburger.is-closed:hover .hamb-top {
  -webkit-transition: all 0.35s ease-in-out;
  top: 0;
}
.hamburger.is-closed:hover .hamb-bottom {
  -webkit-transition: all 0.35s ease-in-out;
  bottom: 0;
}
.hamburger.is-closed .hamb-top {
  -webkit-transition: all 0.35s ease-in-out;
  background-color: rgba(255, 255, 255, 0.7);
  top: 5px;
}
.hamburger.is-closed .hamb-middle {
  background-color: rgba(255, 255, 255, 0.7);
  margin-top: -2px;
  top: 50%;
}
.hamburger.is-closed .hamb-bottom {
  -webkit-transition: all 0.35s ease-in-out;
  background-color: rgba(255, 255, 255, 0.7);
  bottom: 5px;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  height: 4px;
  left: 0;
  position: absolute;
  width: 100%;
}
.hamburger.is-open .hamb-top {
  -webkit-transform: rotate(45deg);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
  background-color: #fff;
  margin-top: -2px;
  top: 50%;
}
.hamburger.is-open .hamb-middle {
  background-color: #fff;
  display: none;
}
.hamburger.is-open .hamb-bottom {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
  background-color: #fff;
  margin-top: -2px;
  top: 50%;
}
.hamburger.is-open:before {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.35s ease-in-out;
  color: #ffffff;
  content: '';
  display: block;
  font-size: 14px;
  line-height: 32px;
  opacity: 0;
  text-align: center;
  width: 100px;
}
.hamburger.is-open:hover before {
  -webkit-transform: translate3d(-100px, 0, 0);
  -webkit-transition: all 0.35s ease-in-out;
  display: block;
  opacity: 1;
}
/*-------------------------------*/
/*          Dark Overlay         */
/*-------------------------------*/
.overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
}
/* SOME DEMO STYLES - NOT REQUIRED */
body,
html {
  background-color: #583e7e;
}
body h1,
body h2,
body h3,
body h4 {
  color: rgba(0, 0, 0, 0.9);
}
body p,
body blockquote {
  color: rgba(0, 0, 0, 0.7);
}
body a {
  color: rgba(0, 0, 0, 0.8);
  text-decoration: underline;
}
body a:hover {
  color: #fff;
}

.countdis{padding:0 10px ; border-right:1px solid gray} 



</style>

</head>
<body id="work-layout">

			<input type="hidden" name = "selectedworkid" id= "selectedworkid" />
			<input type="hidden" name = "countid" id= "countid" />
    <nav class="navbar navbar-default navbar-static-top">
        <div class="container">
            <div class="navbar-header">

                <!-- Collapsed Hamburger -->
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#app-navbar-collapse">
                    <span class="sr-only">Toggle Navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>

                <!-- Branding Image -->
                <a class="navbar-brand" href="<?php echo e(url('/')); ?>">
                    My Kids Diary LMS
                </a>
            </div>

            <div class="collapse navbar-collapse" id="app-navbar-collapse">
                <!-- Left Side Of Navbar -->
                <ul class="nav navbar-nav">
                    <li><a href="<?php echo e(url('/home')); ?>">Home</a></li>
                    <?php if(Auth::User()): ?>
                    <li><a href="<?php echo e(url('/work')); ?>">Work</a></li>
                    <?php endif; ?>
					<?php if(Auth::User() && Auth::User()->is_admin==true): ?>
					<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Admin <span class="caret"></span></a>
					<ul class="dropdown-menu">
						<li><a href="<?php echo e(url('/admin/assign')); ?>">Assign To Users</a></li>
						<li><a href="<?php echo e(url('/admin/upload')); ?>">Upload Excel</a></li>
						<li><a href="<?php echo e(url('/admin/manage')); ?>">Manage Works</a></li>
						<li><a href="<?php echo e(url('/admin/journal')); ?>">Download Journal</a></li>
						</ul>
					</li>
					<?php endif; ?>
                </ul>

                <!-- Right Side Of Navbar -->
                <ul class="nav navbar-nav navbar-right">
                    <!-- Authentication Links -->
                    <?php if(Auth::guest()): ?>
                        <li><a href="<?php echo e(url('auth/login')); ?>">Login</a></li>
                    <?php else: ?>
						<?php if(Auth::User()->is_admin==true): ?>
						<li><a href="<?php echo e(url('auth/register')); ?>">Register Users</a></li>
						<?php endif; ?>
						<li><a href="<?php echo e(url('/dashboard')); ?>">Dashboard</a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
                                <?php echo e(Auth::User()->name); ?> <span class="caret"></span>
                            </a>

                            <ul class="dropdown-menu" role="menu">
                                <li><a href="<?php echo e(url('auth/logout')); ?>"><i class="fa fa-btn fa-sign-out"></i>Logout</a></li>
				<?php if(Auth::User()->is_admin==true): ?>
				<li><a href="<?php echo e(url('/admin/settings')); ?>"><i class="fa fa-btn fa-cog"></i>Settings</a></li>
				<?php endif; ?>
                            </ul>
                        </li>
                    <?php endif; ?>
					
                </ul>
            </div>
        </div>
    </nav>
	<div id="wrapper">
        <div class="overlay"></div>
    
        <!-- Sidebar -->
        <nav class="navbar navbar-inverse navbar-fixed-top" id="sidebar-wrapper" role="navigation">
            <ul class="nav sidebar-nav">
                <li class="sidebar-brand">
                    
                       Excel To Work
                    
                </li>
                <?php echo $__env->yieldContent('works'); ?>
            </ul>
        </nav>
        <!-- /#sidebar-wrapper -->

        <!-- Page Content -->
        <div id="page-content-wrapper">
          <button type="button" class="hamburger is-closed animated fadeInLeft" data-toggle="offcanvas">
            <span class="hamb-top"></span>
            <span class="hamb-middle"></span>
            <span class="hamb-bottom"></span>
          </button>
	<div class="container">
		<div class="row">
				<div class="panel panel-default first">
					<div id="countpanel" class="panel-body">
					<div id="counts" class="col-md-10" >
					</div>
					</div>
				</div>
			
		</div>
		<div class="row">
				<div class="panel panel-default">
					<div class="panel-heading">Record To Edit</div>
					<div id="formpanel" class="panel-body">
					
					<?php echo $__env->yieldContent('workspnl'); ?>
					</div>
				</div>
			
		</div>
		<div class="row">
				<div class="panel panel-default">
					<div style="line-height: 2.5em" class="panel-heading">Records List<button id="archall" class="btn btn-primary pull-right" onclick="archiverecords()">Archive</button>
<select multiple class="filterpicker pull-right" name=filterpicker>	
<option value="all">All</option>
<?php
$syscmts = array('Interested','NotInterested','Callback','NoReply','DoNotDisturb','WrongNumber'); 
foreach($syscmts as $cmts):
    ?>
    <option value="<?php echo e($cmts); ?>" >Filter <?php echo e($cmts); ?></option>
    
<?php
endforeach;
?>

<option value="">Others</option>
</select>
					</div> 
					<div id = "recordslist" class="panel-body">
					
					</div>
				</div>
			
		</div>
		
		
		
	</div>
</div>
        <!-- /#page-content-wrapper -->

    </div>
    <div class="listen_status well">
        <i class="fa fa-gear fa-w-16 fa-spin fa-lg"></i><span class="worker_status"></span>
        
    </div>
    <style>
        .listen_status{
            display:none;
            position:fixed;
            bottom:0;
            right:0;
            height:200px;
            width:300px;
        }
        .listen_status i{
            font-size: 150px;
            margin: auto;
            padding: 10px 75px;
        }
    </style>
    <!-- JavaScripts -->
    <script src="<?php echo e(url('js/jquery.min.js')); ?>" ></script>
    <script src="<?php echo e(url('js/bootstrap.min.js')); ?>"></script>
	<script src="<?php echo e(url('js/bootstrap.select.min.js')); ?>"></script>
	<script src="<?php echo e(url('js/moment.js')); ?>"></script>
	<script src="<?php echo e(url('js/bootstrap-datetimepicker.js')); ?>"></script>
    <?php /* <script src="<?php echo e(elixir('js/app.js')); ?>"></script> */ ?>
	<script src="<?php echo e(url('js/jquery-ui.min.js')); ?>"></script>
	<script src="<?php echo e(url('js/typehead.min.js')); ?>"></script>
	<script type="text/javascript" src="https://sr.knowlarity.com/static/sr/js/c2cWidget.js"> </script>
	<script>
	var cancel_worker_status = false;
	
	var substringMatcher = function(strs){return 
	    function findMatches(q, cb){var matches, substringRegex;matches = [];substrRegex = new RegExp(q, 'i');$.each(strs, 
	        function(i, str){if (substrRegex.test(str)) {matches.push(str);}});cb(matches);};};
			
	function get_worker_status(linkval){if(cancel_worker_status || linkval!=$('#link_id').val()) return; beforeConnect(linkval);$.post("http://veegrow.com/domain-search.php",{worker_status:linkval,ind:$('#rcdid').val(),wrk:$('#wrkid').val()},function(data){processResponce(data);afterConnect(linkval);})};
	
	function beforeConnect(linkval){if(cancel_worker_status) return; $('.worker_status').text('Connecting');}
	
	function afterConnect(linkval){if(cancel_worker_status) return; $('.worker_status').text('Completed');window.setTimeout(function(){reset_worker_status(linkval)},2000)}
	
	function processResponce(data){if(cancel_worker_status) return; console.log(data)}
	
	function reset_worker_status(linkval){if(cancel_worker_status) return; $('.worker_status').text('Listening Status...');window.setTimeout(function(){get_worker_status(linkval)},9000)}
	
	function showWorker(linkval){$('.listen_status').fadeIn('slow',function(){get_worker_status(linkval)})}
	
	function archiverecords(){if(confirm("This Function will Archive All records, No Records Will Avail After Archive All. Are You Sure To Archive All Records?")) $.post("<?php echo e(url('home/archall')); ?>",{_token:'<?php echo e(csrf_token()); ?>',wrk:$('#selectedworkid').val(),cnt:$('#archallcount').val()},
		function(data){if(data=='archived')location.href = "<?php echo e(url('/dashboard')); ?>";else alert(data);});}
    
	function getForm(evt)
	{
		cancel_worker_status = true;
		$('.listen_status').fadeOut('slow');
		$('#rcdid').val($(evt.currentTarget).attr('data-id'));
		$.post("<?php echo e(url('home/getform')); ?>",{_token:'<?php echo e(csrf_token()); ?>',arch:$(evt.target).prop('checked'),wrk:$('#selectedworkid').val(),crcd:$('#countid').val(),rcd:$(evt.currentTarget).attr('data-id')},setForm);
		$('input:visible:enabled:not(.tt-hint):first').focus();
		$.post("<?php echo e(url('home/countrecords')); ?>",{_token:'<?php echo e(csrf_token()); ?>',wrkid:$('#selectedworkid').val()},
			function(data){$('#counts').html(data);	});
		
	}
	
	function filtersc(){
	    if($('.filterpicker').selectpicker('val')===null){
	        $('tr.datarow', '#recordslist').addClass('hide');
	        return;
	    }
	    if($('.filterpicker').selectpicker('val')[0]=='all')
	    $('tr.datarow', '#recordslist').removeClass('hide');
	    else{
	    
	    $('tr.datarow', '#recordslist').addClass('hide');
	    $($('.filterpicker').selectpicker('val')).each(function(i,v){
	        if($('.sc'+v).hasClass('hide'))$('.sc'+v).removeClass('hide')
	    });
	    }
	}
	
	
	$('.filterpicker').on('changed.bs.select', function (e, clickedIndex, isSelected, previousValue) {
	    filtersc();
	});
	
	
	function setForm(data)
	{
		$('#formpanel').html(data); 
		$('.selectpicker').selectpicker();
		$('#save-pnl-btn').click(function(){$.post('<?php echo e(url('home/saveform')); ?>',$('#work-pnl').serialize(),setForm);});
		$('#savearch-pnl-btn').click(function(){ $.post('<?php echo e(url('home/saveform/arch')); ?>',$('#work-pnl').serialize(),setForm);});
		var linkval = $('#link_id').val(); if(linkval){cancel_worker_status = false;showWorker(linkval)}
		initView();
	}
	
    function initView(page=0){$.post("<?php echo e(url('home/listrecords')); ?>"+'?page=' + page,{_token:'<?php echo e(csrf_token()); ?>',wrk:$('#selectedworkid').val()},
				function(data){$('#recordslist').html(data);$('#archall').text('Archive All '+$('#archallcount').val()+' Records');if($('#wrapper').hasClass('toggled'))$('[data-toggle="offcanvas"]').click();
					//$('.pagination a').click(function (e) {e.preventDefault();initView($(this).attr('href').split('page=')[1]);});
				$('.datarow').click(getForm);
$('.scReScheduled, .scCallback').each(function(i,v){
    let isexpired = moment($(v).data('syscmtretime')).isBefore(Date.now())?"expiredalarm btn btn-danger":"btn btn-success";
  $('ul','#ResheduledList').append(`<li><button data-id="${$(v).data('id')}" class="screbtn ${isexpired}">${$(v).data('syscmtretime')}</li>`)
});
$('.filterpicker').selectpicker('val','all');
filtersc();
$('.screbtn').click(function(e){
  getForm(e);
});   
				});}
	
	$(document).ready(
	    function(){var trigger = $('.hamburger'), overlay = $('.overlay'), isClosed = false;trigger.click(
	        function () {hamburger_cross();});
    
		function hamburger_cross() {if (isClosed == true) {overlay.hide();trigger.removeClass('is-open');trigger.addClass('is-closed');isClosed = false;}else {overlay.show();trigger.removeClass('is-closed');trigger.addClass('is-open');isClosed = true;}}
    
		$('[data-toggle="offcanvas"]').click(function () {$('#wrapper').toggleClass('toggled');});
		
		$('li', '.sidebar-nav').click(function(el){$('#formpanel').html('');$('#recordslist').html('');$('#counts').html('');$('#selectedworkid').val($(el.target).attr('id'));initView();});
	        
	        
		$('.filterpicker').selectpicker();
	    });

    
    </script>
</body>
</html>
