<?php $__env->startSection('content'); ?>
	<div class="row">
    	<div class="col-lg-12">
    		<h1 class="page-header">Digital Conversion</h1>
    	</div>
    </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="panel panel-default">
                    
                    	<?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-heading">
                            Add Conversion Customer
                        </div>
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-lg-12">
             <form method="post" action="<?php echo url('admin/conversions/add_custom'); ?>">
			    <input type="hidden" name="_token" value="<?php echo csrf_token(); ?>">
                    <div class="col-xs-12 col-md-4">
                        <div class="form-group">
                        	 <div class="col-sm-12 col-md-12 morePadding morePadding2">
                        		<h4>Account Information:</h4>
                        	</div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-12 col-md-12 morePadding morePadding2" onclick="inputFocus('fname')">
								<input type="text" class="form-control" id="fname" name="fname" value="<?php echo e(old('fname')); ?>" title="First Name">
								<span id="fname-label" class="label-text">First Name</span>	
							</div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-12 col-md-12 morePadding morePadding2" onclick="inputFocus('lname')">
								<input type="text" class="form-control" id="lname" name="lname" value="<?php echo e(old('lname')); ?>" title="Last Name">
								<span id="lname-label" class="label-text">Last Name</span>	
							</div>
                        </div>                                
                        <div class="form-group">
                            <div class="col-sm-12 col-md-12 morePadding morePadding2" onclick="inputFocus('phone')">
								<input type="text" class="form-control" id="phone" name="phone" value="<?php echo e(old('phone')); ?>" title="Phone">
								<span id="phone-label" class="label-text">Phone</span>	
							</div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-12 col-md-12 morePadding morePadding2" onclick="inputFocus('account')">
								<input type="text" class="form-control" id="account" name="account" value="<?php echo e(old('account')); ?>" title="Account #">
								<span id="account-label" class="label-text">Account</span>	
							</div>
                        </div>
                        <input type="hidden" name="account_match" value="0">
                    </div>
                    <div class="col-xs-12 col-md-4">
                        <div class="form-group">
                        	 <div class="col-sm-12 col-md-12 morePadding morePadding2">
                        		<h4>Installation Address:</h4>
                        	</div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-12 col-md-12 morePadding morePadding2" onclick="inputFocus('address')">
								<input type="text" class="form-control" id="address" name="address" value="<?php echo e(old('address')); ?>" title="Address">
								<span id="address-label" class="label-text">Address</span>	
							</div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-12 col-md-12 morePadding morePadding2" onclick="inputFocus('city')">
								<input type="text" class="form-control" id="city" name="city" value="<?php echo e(old('city')); ?>" title="City">
								<span id="city-label" class="label-text">City</span>	
							</div>
                        </div> 
                        <div class="form-group">
                            <div class="col-sm-12 col-md-12 morePadding morePadding2" onclick="inputFocus('state')">
								<input type="text" class="form-control" id="state" name="state" value="<?php echo e(old('state')); ?>" title="State">
								<span id="state-label" class="label-text">State</span>	
							</div>
                        </div>   
                        <div class="form-group">
                            <div class="col-sm-12 col-md-12 morePadding morePadding2" onclick="inputFocus('zip')">
								<input type="text" class="form-control" id="zip" name="zip" value="<?php echo e(old('zip')); ?>" title="Zip">
								<span id="zip-label" class="label-text">Zip</span>	
							</div>
                        </div>
                     </div>
                     <div class="col-xs-12 col-md-4">
                        <div class="form-group">
                        	 <div class="col-sm-12 col-md-12 morePadding morePadding2">
                        		<h4>Billing Address:</h4>
                        	</div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-12 col-md-12 morePadding morePadding2" onclick="inputFocus('baddress')">
								<input type="text" class="form-control" id="baddress" name="baddress" value="<?php echo e(old('baddress')); ?>" title="Address">
								<span id="baddress-label" class="label-text">Address</span>	
							</div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-12 col-md-12 morePadding morePadding2" onclick="inputFocus('bcity')">
								<input type="text" class="form-control" id="bcity" name="bcity" value="<?php echo e(old('bcity')); ?>" title="City">
								<span id="bcity-label" class="label-text">City</span>	
							</div>
                        </div> 
                        <div class="form-group">
                            <div class="col-sm-12 col-md-12 morePadding morePadding2" onclick="inputFocus('bstate')">
								<input type="text" class="form-control" id="bstate" name="bstate" value="<?php echo e(old('bstate')); ?>" title="State">
								<span id="bstate-label" class="label-text">State</span>	
							</div>
                        </div>   
                        <div class="form-group">
                            <div class="col-sm-12 col-md-12 morePadding morePadding2" onclick="inputFocus('bzip')">
								<input type="text" class="form-control" id="bzip" name="bzip" value="<?php echo e(old('bzip')); ?>" title="Zip">
								<span id="bzip-label" class="label-text">Zip</span>	
							</div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-12 col-md-12 morePadding morePadding2">
								<button type="submit" class="btn btn-primary" style="float: right;">
									Add
								</button>
							</div>
                        </div>
                    </div>


            </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div> 
            

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

<?php $__env->startSection('extras'); ?>
	<style>
	    span.dropt {
	        /*border-bottom: thin dotted; */
	        /*background: #ffeedd;*/
	    }
	    span.dropt:hover {
	        text-decoration: none; 
	        background: #ffffff; 
	        z-index: 6;
	    }
	    
	    .dropt.hover_effect {
	        text-decoration: none; 
	        background: #ffffff; 
	        z-index: 6;
	    }
	
	    span.dropt span {
	        position: absolute; 
	        left: -9999px;
	        margin: 20px 0 0 0px; 
	        padding: 3px 3px 3px 3px;
	        border-style:solid; 
	        border-color:grey; 
	        border-width:1px; 
	        z-index: 6;
	    }
	    span.dropt:hover span {
	        left: 2%; 
	        background: #ffffff;
	    }
	    .dropt.hover_effect span {
	        left: 2%; 
	        background: #ffffff;
	    }
	
	    span.dropt span {
	        position: absolute; 
	        left: -9999px;
	        margin: 4px 0 0 0px; 
	        padding: 3px 3px 3px 3px;
	        border-style:solid; 
	        border-color:grey; 
	        border-width:1px;
	    }
	    span.dropt:hover span{
	        margin: 20px 0 0 10px; 
	        background: #ffffff; 
	        z-index:6;
	        max-width: 100%;
	        border-radius: 5px;
	        box-shadow: 5px 5px 5px #aaa;
	    } 
	    .dropt.hover_effect span {
	        margin: 20px 0 0 10px; 
	        background: #ffffff; 
	        z-index:6;
	        max-width: 100%;
	        border-radius: 5px;
	        box-shadow: 5px 5px 5px #aaa;
	    } 
	
	    .hover {
	    -webkit-user-select: none;
	    -webkit-touch-callout: none;        
	    }
	    
	    .noPad
	    {
	        
	    }
	    
	    
			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);    
		}
		
		.moveOver
		{
			padding-left: 9px;
			padding-bottom: 5px;
			padding-top: 5px;
			margin-bottom: 15px;
			font-weight: normal;
			border: none;
			border-radius: 10px;
			background-color: #eee;
			width: 100%;
		}
		


			.morePadding {
			    margin-top: 1.5em;
			}




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

<?php $__env->startSection('bottom'); ?>
	<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();
			}

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