<?php $__env->startSection('content'); ?>
	<div class="row">
    	<div class="col-lg-12">
    		<h1 class="page-header">Inspection Logs</h1>
    	</div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <?php if(session('status')): ?>
			<div class="alert alert-success">
				<?php echo e(session('status')); ?>

			</div>
			<?php endif; ?>
			<?php if(count($errors) > 0): ?>
				<div class="alert alert-danger">
					<strong>Whoops!</strong> There were some problems with your input.<br><br>
					<ul>
						<?php foreach($errors->all() as $error): ?>
							<li><?php echo e($error); ?></li>
						<?php endforeach; ?>
					</ul>
				</div>
			<?php endif; ?>
			<div class="panel panel-default">
				<div class="panel-heading">
                    New Inspection Log
                </div>
                <div class="panel-body">
                    <div class="row">
                        <div class="col-lg-12">
		                    <form id="theForm" class="form-horizontal" role="form" method="POST" enctype="multipart/form-data" action="<?php echo e(url('admin/properties/log/edit')); ?>">
								<input type="hidden" name="_token" value="<?php echo e(csrf_token()); ?>">
								<input type="hidden" name="logID" value="<?php echo e($property_log->id); ?>">

								<div class="form-group">

									<div class="col-sm-12 col-md-12" style="margin-bottom: 10px;">
										
										<div class="col-sm-12 col-md-3 input-item" id="visit_date_container" onclick="inputFocus('visit_date')">
											<input type="text" class="form-control date" id="visit_date" name="visit_date" value="<?php echo e(old('visit_date') ? old('visit_date') : date_create($property_log->visit_date)->format('Y-m-d')); ?>" title="Visit Date" autocomplete="off">
											<span id="visit_date-label" class="label-text">Visit Date*</span>	
										</div>
										<div class="col-sm-12 col-md-9 input-item" style="margin-bottom: 10px;" onclick="inputFocus('visit_reason')">
											<input type="text" step="1" class="form-control" id="visit_reason" name="visit_reason" value="<?php echo e($property_log->visit_reason); ?>" title="visit_reason">
											<span id="visit_reason-label" class="label-text">Reason for Visit</span>
										</div>

										<div class="col-sm-4 col-md-2 XmorePadding morePadding2 checkbox-item">
											<input type='hidden' value='0' name='generator_run'>
											<input type="checkbox" class="Xform-control" id="generator_run" name="generator_run" value="1" title="generator_run" <?php echo e($property_log->generator_run ? 'checked' : ''); ?>>
											<label class="no-bold" for="generator_run">Generator Run</label>
										</div>
										<div class="col-sm-4 col-md-2 XmorePadding morePadding2 checkbox-item">
											<input type='hidden' value='0' name='generator_fuel'>
											<input type="checkbox" class="Xform-control" id="generator_fuel" name="generator_fuel" value="1" title="generator_fuel" onchange="showConstruction()" <?php echo e($property_log->generator_fuel ? 'checked' : ''); ?>>
											<label class="no-bold" for="generator_fuel">Generator Fuel</label>
										</div>
										<div class="col-sm-12 col-md-4 input-item" onclick="inputFocus('generator_run_duration')">
											<input type="text" step="1" class="form-control" id="generator_run_duration" name="generator_run_duration" value="<?php echo e($property_log->generator_run_duration); ?>" title="generator_run_duration">
											<span id="generator_run_duration-label" class="label-text">Generator Run Duration</span>
										</div>
									</div>

									<div class="col-sm-12 col-md-12">
										<div class="col-sm-4 col-md-2 checkbox-item">
											<input type='hidden' value='0' name='transfer_switch_test'>
											<input type="checkbox" class="Xform-control" id="transfer_switch_test" name="transfer_switch_test" value="1" title="transfer_switch_test" onchange="showConstruction()" <?php echo e($property_log->transfer_switch_test ? 'checked' : ''); ?>>
											<label class="no-bold" for="transfer_switch_test">Transfer Switch Test</label>
										</div>

										<div class="col-sm-12 col-md-3 input-item" onclick="inputFocus('rectifier_current')">
											<input type="text" step="1" class="form-control" id="rectifier_current" name="rectifier_current" value="<?php echo e($property_log->rectifier_current); ?>" title="rectifier_current">
											<span id="rectifier_current-label" class="label-text">Rectifier Current</span>
										</div>

										<div class="col-sm-12 col-md-3 input-item" onclick="inputFocus('rectifier_voltage')">
											<input type="text" step="1" class="form-control" id="rectifier_voltage" name="rectifier_voltage" value="<?php echo e($property_log->rectifier_voltage); ?>" title="rectifier_voltage">
											<span id="rectifier_voltage-label" class="label-text">Rectifier Voltage</span>
										</div>
									</div>
								</div>

								<div class="form-group" style="margin-bottom: 20px;">

									<div class="col-sm-12 col-md-12">
										<label class="label-control col-sm-12 col-md-12">Battery</label>
										<div class="col-sm-4 col-md-2 XmorePadding morePadding2 checkbox-item">
											<input type='hidden' value='0' name='battery_inspection'>
											<input type="checkbox" class="Xform-control" id="battery_inspection" name="battery_inspection" value="1" title="battery_inspection" onchange="showConstruction()" <?php echo e($property_log->battery_inspection ? 'checked' : ''); ?>>
											<label class="no-bold" for="battery_inspection">Battery Inspected</label>
										</div>
										<div class="col-sm-4 col-md-2 XmorePadding morePadding2 checkbox-item">
											<input type='hidden' value='0' name='battery_maintenance'>
											<input type="checkbox" class="Xform-control" id="battery_maintenance" name="battery_maintenance" value="1" title="battery_maintenance" onchange="showConstruction()" <?php echo e($property_log->battery_maintenance ? 'checked' : ''); ?>>
											<label class="no-bold" for="battery_maintenance">Battery Maintenance</label>
										</div>
										<div class="col-sm-4 col-md-2 XmorePadding morePadding2 checkbox-item">
											<input type='hidden' value='0' name='battery_load_test'>
											<input type="checkbox" class="Xform-control" id="battery_load_test" name="battery_load_test" value="1" title="battery_load_test" onchange="showConstruction()" <?php echo e($property_log->battery_load_test ? 'checked' : ''); ?>>
											<label class="no-bold" for="battery_load_test">Battery Load Test</label>
										</div>
									</div>

									<div class="col-sm-12 col-md-12">
										<div class="col-sm-12 col-md-3 input-item" onclick="inputFocus('ups_current')">
											<input type="text" step="1" class="form-control" id="ups_current" name="ups_current" value="<?php echo e($property_log->ups_current); ?>" title="ups_current">
											<span id="ups_current-label" class="label-text">UPS Current</span>
										</div>
										<div class="col-sm-12 col-md-3 input-item" onclick="inputFocus('ups_voltage')">
											<input type="text" step="1" class="form-control" id="ups_voltage" name="ups_voltage" value="<?php echo e($property_log->ups_voltage); ?>" title="ups_voltage">
											<span id="ups_voltage-label" class="label-text">UPS Voltage</span>
										</div>
										<div class="col-sm-12 col-md-3 input-item" onclick="inputFocus('ups_runtime')">
											<input type="text" step="1" class="form-control" id="ups_runtime" name="ups_runtime" value="<?php echo e($property_log->ups_runtime); ?>" title="ups_runtime">
											<span id="ups_runtime-label" class="label-text">UPS Runtime</span>
										</div>
									</div>
								</div>

								<div class="form-group" style="margin-bottom: 20px;">
									<div class="col-sm-12 col-md-12">
									<label class="label-control col-sm-12 col-md-12">Temperature</label>
										<div class="col-sm-4 col-md-2 XmorePadding morePadding2 checkbox-item">
											<input type='hidden' value='0' name='ac_inspection'>
											<input type="checkbox" class="Xform-control" id="ac_inspection" name="ac_inspection" value="1" title="ac_inspection" onchange="showConstruction()" <?php echo e($property_log->ac_inspection ? 'checked' : ''); ?>>
											<label class="no-bold" for="ac_inspection">Air Conditioner Inspected</label>
										</div>
										<div class="col-sm-12 col-md-3 input-item" onclick="inputFocus('ac_current_temp')">
											<input type="text" step="1" class="form-control" id="ac_current_temp" name="ac_current_temp" value="<?php echo e($property_log->ac_current_temp); ?>" title="ac_current_temp">
											<span id="ac_current_temp-label" class="label-text">Current Temperature</span>
										</div>
									</div>

									<div class="col-sm-12 col-md-12">
										<div class="col-sm-4 col-md-2 XmorePadding morePadding2 checkbox-item">
											<input type='hidden' value='0' name='heater_inspection'>
											<input type="checkbox" class="Xform-control" id="heater_inspection" name="heater_inspection" value="1" title="heater_inspection" onchange="showConstruction()" <?php echo e($property_log->heater_inspection ? 'checked' : ''); ?>>
											<label class="no-bold" for="heater_inspection">Heater Inspected</label>
										</div>
										<div class="col-sm-12 col-md-3 input-item" onclick="inputFocus('thermostat_setting')">
											<input type="text" step="1" class="form-control" id="thermostat_setting" name="thermostat_setting" value="<?php echo e($property_log->thermostat_setting); ?>" title="thermostat_setting">
											<span id="thermostat_setting-label" class="label-text">Thermostat Setting</span>
										</div>
									</div>
								</div>

								<div class="form-group" style="margin-bottom: 20px;">
									<div class="col-sm-12 col-md-12">
										<label class="label-control col-sm-12 col-md-12">Lights</label>
										<div class="col-sm-4 col-md-2 XmorePadding morePadding2 checkbox-item">
											<input type='hidden' value='0' name='lights_inspection'>
											<input type="checkbox" class="Xform-control" id="lights_inspection" name="lights_inspection" value="1" title="lights_inspection" onchange="showConstruction()" <?php echo e($property_log->lights_inspection ? 'checked' : ''); ?>>
											<label class="no-bold" for="lights_inspection">Lights Inspection</label>
										</div>
										<div class="col-sm-4 col-md-2 XmorePadding morePadding2 checkbox-item">
											<input type='hidden' value='0' name='lights_replaced'>
											<input type="checkbox" class="Xform-control" id="lights_replaced" name="lights_replaced" value="1" title="lights_replaced" onchange="showConstruction()" <?php echo e($property_log->lights_replaced ? 'checked' : ''); ?>>
											<label class="no-bold" for="lights_replaced">Lights Replaced</label>
										</div>
									</div>
								</div>

								<div class="form-group" style="margin-bottom: 20px;">
									<div class="col-sm-12 col-md-12">
										<label class="label-control col-sm-12 col-md-12">Alarms</label>
										<div class="col-sm-4 col-md-2 XmorePadding morePadding2 checkbox-item">
											<input type='hidden' value='0' name='visible_alarms'>
											<input type="checkbox" class="Xform-control" id="visible_alarms" name="visible_alarms" value="1" title="visible_alarms" onchange="showConstruction()" <?php echo e($property_log->visible_alarms ? 'checked' : ''); ?>>
											<label class="no-bold" for="visible_alarms">Any Visible Alarms?</label>
										</div>
										<div class="col-sm-12 col-md-8 morePadding morePadding2" onclick="inputFocus('visible_alarms_info')">
											<textarea class="form-control" id="visible_alarms_info" name="visible_alarms_info" title="Notes" placeholder="Visible Alarm Information"><?php echo e($property_log->visible_alarms_info); ?></textarea>
										</div>
									</div>
								</div>

								<div class="form-group" style="margin-bottom: 20px;">
									<div class="col-sm-12 col-md-12">
										<label class="label-control col-sm-12 col-md-12">Clean Up</label>
										<div class="col-sm-4 col-md-2 XmorePadding morePadding2 checkbox-item">
											<input type='hidden' value='0' name='swept'>
											<input type="checkbox" class="Xform-control" id="swept" name="swept" value="1" title="swept" onchange="showConstruction()" <?php echo e($property_log->swept ? 'checked' : ''); ?>>
											<label class="no-bold" for="swept">Swept Floor</label>
										</div>
										<div class="col-sm-4 col-md-2 XmorePadding morePadding2 checkbox-item">
											<input type='hidden' value='0' name='mopped'>
											<input type="checkbox" class="Xform-control" id="mopped" name="mopped" value="1" title="mopped" onchange="showConstruction()" <?php echo e($property_log->mopped ? 'checked' : ''); ?>>
											<label class="no-bold" for="mopped">Mopped Floor</label>
										</div>
										<div class="col-sm-4 col-md-2 XmorePadding morePadding2 checkbox-item">
											<input type='hidden' value='0' name='trash'>
											<input type="checkbox" class="Xform-control" id="trash" name="trash" value="1" title="trash" onchange="showConstruction()" <?php echo e($property_log->trash ? 'checked' : ''); ?>>
											<label class="no-bold" for="trash">Emptied Trash</label>
										</div>
									</div>
								</div>

								<div class="form-group">
									<div class="col-sm-12 col-md-12">
										<label class="label-control col-sm-12 col-md-12">Misc.</label>
										<div class="col-sm-12 col-md-12 morePadding morePadding2" onclick="inputFocus('notes')">
											<textarea class="form-control" style="max-width: 100%;" id="notes" name="notes" title="Notes" placeholder="Notes"><?php echo e($property_log->notes); ?></textarea>
										</div>
									</div>
								</div>
								<div class="form-group">
									<div class="col-sm-12 col-md-12">
										<div class="col-sm-8" style="padding-bottom: 20px;">
											<h4>Images <i class="fa fa-plus-circle" style='color: #01B300; cursor: pointer;' data-toggle="modal" data-target="#addModal" title="Add Image"></i></h4>
											<div class="gallery">
											<?php foreach($attachments as $attachment): ?>
												<div class="gallery-image hover-shadow">
													<img class="img-button" src='<?php echo e(asset('uadmin/properties/logs/images/'.$attachment->id)); ?>' data-toggle="modal" data-id="<?php echo e($attachment->id); ?>" data-target="#viewModal">
												</div>
											<?php endforeach; ?>
											</div>
										</div>
									</div>
								</div>
								<div class="form-group">
									<div class="col-sm-12 col-md-12">
										<div class="col-sm-8" style="padding-bottom: 20px;">
											<input type='hidden' value='0' name='passed_inspection'>
											<input type="checkbox" class="Xform-control" id="passed_inspection" name="passed_inspection" value="1" title="passed_inspection" <?php echo e($property_log->passed_inspection ? 'checked' : ''); ?>>
											<label style="padding-right: 10px;" for="passed_inspection">Passed Inspection</label>
										</div>
									</div>
								</div>


								<div class="form-group">
									<div class="col-sm-12 col-md-12 morePadding"  style="text-align: right;">
										<button type="submit" value="pass" class="btn btn-primary">
											Save
										</button>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- Add Image Modal -->
	<div id="addModal" class="modal fade" role="dialog">
		<div class="modal-dialog">

			<!-- Modal content-->
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">&times;</button>
					<h4 class="modal-title">Add Images</h4>
				</div>
				<form id="theForm" class="form-horizontal" style="margin-bottom: 0px;" role="form" method="POST" enctype="multipart/form-data" action="<?php echo e(url('admin/properties/attachment/logs/add')); ?>">
					<div class="modal-body">
						<input type="hidden" name="_token" value="<?php echo e(csrf_token()); ?>">
						<input type="hidden" name="logID" value="<?php echo e($property_log->id); ?>">

						<div class="form-group">
							<div class="col-sm-12 morePadding morePadding2" onclick="inputFocus('attachment')">
								<input type="file" class="form-control" id="attachments" name="attachments[]" value=""  title="Attachments" multiple>
								<span id="attachments-label" class="xlabel-text hasValue">Attachments</span>
							</div>
						</div>

					</div>
					<div class="modal-footer">
						<button type="submit" class="btn btn-primary" style="float: right;">
							Upload
						</button>
					</div>
				</div>
			</form>
		</div>
	</div>

	<!-- View/Edit Image Modal -->
	<div id="viewModal" class="modal fade" role="dialog">
		<div class="modal-dialog">

			<!-- Modal content-->
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">&times;</button>
					<h4 class="modal-title">Image</h4>
				</div>
				<div class="modal-body img-fill">
					<img id="imageId" src=''>
				</div>
				<div class="modal-footer">
					<form id="theForm" class="form-horizontal" style="margin-bottom: 0px;" role="form" method="POST" enctype="multipart/form-data" action="<?php echo e(url('admin/properties/attachment/delete')); ?>">
						<input type="hidden" name="_token" value="<?php echo e(csrf_token()); ?>">
						<input id="imageId-input" type="hidden" name="id" value="5">
						<button type="submit" class="btn btn-outline-danger" style="color:red;">Delete</button>
						<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
					</form>
				</div>
			</div>

		</div>
	</div>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('extras'); ?>
	
	<link rel="stylesheet" type="text/css" href="<?php echo e(asset('css/jquery.timepicker.css')); ?>" />
	<link rel="stylesheet" type="text/css" href="<?php echo e(asset('css/bootstrap-datepicker3.min.css')); ?>" />

	<style>
		input:focus+.label-text, input:not([value=""])+.label-text, select+.label-text {
		    font-weight: normal;
		    padding: 0;
		    padding-left: 20px;
		    -webkit-transform: translateY(-2rem) scale(.7);
		    transform: translateY(-2rem) scale(.7);
		}
		input+.label-text, select+.label-text, .hasValue{
		    font-size: 1.5rem;
		    font-weight: 400;
		    position: absolute;
		    top: 0;
		    left: 0;
		    display: block;

		    padding-left: 20px;
		    padding-top: 5px;
		    padding-bottom: 5px;
		    opacity: .8;
		    transition: all .3s ease-out,opacity 150ms ease .3s;
		    -webkit-transform: translateY(0) scale(1);
		    transform: translateY(0) scale(1);
		    -webkit-transform-origin: left top;
		    transform-origin: left top;
		}
		span {
		    font-size: 1rem;
		    font-weight: 600;
		    display: block;
		    padding-top: .25rem;
		    padding-bottom: .25rem;
		    margin-left: 1rem;
		    color: #317aba;
		}
		.hasValue
		{
		    font-weight: normal;
		    padding: 0;
		    padding-left: 20px;
		    -webkit-transform: translateY(-2rem) scale(.7);
		    transform: translateY(-2rem) scale(.7);
		}
		

		@media (max-width: 959px)
		{
			.morePadding {
			    margin-top: 1.5em;
			}
		}

		@media (min-width: 960px)
		{
			.morePadding {
			    margin-top: 1em;
			}
		}
		
    	a:hover{
    		text-decoration: none;
    	}
    	.odd .subBack {
    		background-color: #f0fcff;
    	}
    	.even .subBack {
    		background-color: #ecf7fa;
    	}
    	.floatLeft
    	{
    		float: left;
    	}

    	.checkbox-item{
    		padding-top: 7px;
    	}

    	.no-bold{
    		font-weight: normal;
    	}

    	.input-item{
    		padding-bottom: 0px;
    	}

    	@media (max-width: 991px)
		{
			.input-item{
	    		margin-top: 20px;
	    	}
		}

    	@media (min-width: 992px)
		{
			.input-item{
	    		margin-top: 12px;
	    	}
		}


		.modal{
	padding-top: 100px;
}

.gallery img {
	height: 100%;
	width: auto;
	cursor: pointer;
}

.gallery{
    padding-bottom: 10px;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
}

.gallery-image{
	display: inline-block;
	width:140px;
	height:140px;
	margin: 5px;
	overflow:hidden;
	text-align: center;
	image-orientation: from-image;
}

.hover-shadow:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	transition: 0.3s;
}

.img-fill{
	display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

#imageId{
	flex-shrink: 0;
    height: 100%;
    max-height: 500px;
    width: auto;
	image-orientation: from-image;
}
    </style>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('bottom'); ?>

	<script src="<?php echo e(asset('js/jquery.datepair.min.js')); ?>"></script>
	<script src="<?php echo e(asset('js/bootstrap-datepicker.min.js')); ?>"></script>
	<script src="<?php echo e(asset('js/jquery.timepicker.min.js')); ?>"></script>

<script>
	
	$('.form-control').each(function() {
	   var elem = $(this);

	   // Save current value of element
	   elem.data('oldVal', elem.val());

	   // Look for changes in the value
	   elem.bind("propertychange change click keyup input paste", function(event){
	      // If value has changed...
	      if (elem.data('oldVal') != elem.val()) {
	       // Updated stored value
	       elem.data('oldVal', elem.val());
	       var elem2 = $('#'+elem.attr('id')+"-label");
	       elem2.addClass('hasValue');
	       elem2.removeClass('label-text');
	       if(elem.val() == "")
	       {
	    	   elem2.addClass('label-text');
		       elem2.removeClass('hasValue');
	       }
	     }
	   });
	 });

	function inputFocus(id)
	{
		document.getElementById(id).focus();
	}

	$('#visit_date_container .date').datepicker({
        'format': 'yyyy-m-d',
        'autoclose': true
    });

</script>

<script>
	$(window).load(function(){
	 $('.container').find('img').each(function(){
	  var imgClass = (this.width/this.height > 1) ? 'wide' : 'tall';
	  $(this).addClass(imgClass);
	 })
	})

	$(document).on("click", ".img-button", function () {
    	var myImageId = $(this).data('id');
    	document.getElementById("imageId-input").value = myImageId;
    	document.getElementById("imageId").src = window.location.origin+'/uadmin/properties/logs/images/'+myImageId;
    	console.log(document.getElementById("imageId").src);
	});
</script>

<?php $__env->stopSection(); ?>

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