 
<?php $__env->startSection('content'); ?>
	<div class="row">
		<div class="col-md-6">
	        <div class="panel panel-default">
		        <div class="panel-heading">
	            	&nbsp;
	            </div>
	            <div class="panel-body">
	            	&nbsp;
	            </div>
	        </div>
	    </div>
	    <div class="col-md-6">
	        <div class="panel panel-default">
		        <div class="panel-heading">
	            	&nbsp;
	            </div>
	            <div class="panel-body">
	            	&nbsp;
	            </div>
	        </div>
	    </div>
	</div>
    <div class="row">
    	<div class="col-md-2 tech-list">
    		<div class="col-sm-12 tech-head">
				Technicians
			</div>
    		<?php foreach(\App\User::orderBy('id','desc')->take(25)->get() as $user): ?>
    			<div class="col-sm-12 tech-ind <?php echo e($user->id==165?'selected':''); ?>">
    				<?php echo e($user->name); ?>

    			</div>
    		<?php endforeach; ?>
    	</div>
    	<div class="col-md-10 calendar">
    		<?php for($i=0;$i<6;$i++): ?>
    			<div class="col-md-2 calendar-column <?php echo e(date('N',strtotime("+".$i." weekdays"))==5 && $i!=5 ? 'friday' : ''); ?>">
    				<div class="calendar-day">
    					<?php echo e(date('D, M j',strtotime("+".$i." weekdays"))); ?>

    				</div>
    				<?php 
    					$start = strtotime('8am');
    					$end = strtotime('5pm');
    				?>
    				<?php while($start < $end): ?>
    					<?php if(!rand(0,3)): ?>
    						<?php 
    							$length = rand(1,7); 
    							$minutes = $length * 30;

    							while(strtotime('+'.$minutes.' minutes',$start) > $end)
    							{
    								$length--;
    								$minutes = $length * 30;
    							}

    							$height = $length * 52;
    						?>
    						<div class="calendar-item" style="height: <?php echo e($height); ?>px;">
    							<div class="calendar-item-time">
	    							<?php echo e(date('g:i a',$start)); ?> - <?php echo e(date('g:i a',strtotime('+'.$minutes.' minutes',$start))); ?>

	    						</div>
    							<a title="Parker Earl - Orem, UT">Parker Earl - Orem, UT</a>
    						</div>
							<?php
	    						$start = strtotime('+'.$minutes.' minutes',$start);
	    					?>
    					<?php else: ?>
    						<div class="calendar-time">
	    						<?php echo e(date('g:i a',$start)); ?>

	    					</div>
	    					<?php
	    						$start = strtotime('+30 minutes',$start);
	    					?>
    					<?php endif; ?>
    				<?php endwhile; ?>
    			</div>
    		<?php endfor; ?>
    	</div>
    </div>
    <div class="row">
    	&nbsp;
    </div>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('extras'); ?>
	<style>
		.tech-list{

		}
		.tech-ind{
			padding-top: 5px;
			padding-bottom: 5px;
			border-bottom: 1px solid #ddd;
			border-right: 1px solid #ddd;
			border-left: 1px solid #ddd;
			background-color: #fff;
			cursor: pointer;
		}
		.tech-head{
			padding-top: 5px;
			padding-bottom: 5px;
			border: 1px solid #ddd;
			background-color: #f5f5f5;
			border-top-right-radius: 3px;
			border-top-left-radius: 3px;
		}
		.tech-list .selected{
			background-color: #ddd;
			font-weight: 600;
		}
		.calendar{
			padding: 0;
		}
		.calendar-column{
			padding-left: 0;
		}
		.calendar-day, .calendar-time, .calendar-item{
			padding-top: 5px;
			padding-bottom: 5px;
			padding-left: 15px;
			padding-right: 15px;
			margin: 0;
		}
		.calendar-day{
			border-top: 1px solid #ddd;
			border-bottom: 2px solid #ccc;
			border-left: 1px solid #ddd;
			border-right: 1px solid #ddd;
			background-color: #f5f5f5;
			border-top-right-radius: 3px;
			border-top-left-radius: 3px;
			font-weight: 600;
		}
		.calendar-time{
			font-weight: 600;
			font-size: .8em;

			border-bottom: 1px solid #ccc;
			border-right: 1px solid #ddd;
			border-left: 1px solid #ddd;
			background-color: #fff;
			height: 52px;
		}
		.calendar-item{
			border-right: 1px solid #ddd;
			border-left: 1px solid #ddd;
			border-bottom: 1px solid #ccc;
			background-color: #0067a0;
			font-size: .8em;
			overflow-x: hidden;
			white-space: nowrap;
			color: white;
		}
		.calendar-item-time{
			font-weight: 600;
			padding-top: 5px;
			padding-bottom: 0px;
		}
		.calendar-item a, .calendar-item a:hover{
			cursor: pointer;
			text-decoration: none;
			color: inherit;
		}
		.calendar-item a:hover{
			color: #eee;
		}
		.friday{
			
		}
	</style>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('residential.templates.appointments', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>