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

	<div class="row">
    	<div class="col-lg-12">
    		<h1 class="page-header">Sponsor</h1>
    	</div>
    </div>
	<div class="row">
		<div class="col-md-12">
			<div class="panel panel-default">
						<div class="panel-heading">
                            Add Ad
                        </div>

				<div class="panel-body">
					<?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; ?>

					<form class="form-horizontal" role="form" method="POST" action="<?php echo e(url('admin/sponsor/add/ad')); ?>">
						<input type="hidden" name="_token" value="<?php echo e(csrf_token()); ?>">
						<input type="hidden" name="sponsor" value="<?php echo e($sponsor->id); ?>">
						
						<div class="form-group">
							<div class="col-sm-12 col-md-4  moreMargin" onclick="inputFocus('file')">
								<input type="text" class="form-control" id="file" name="file" value="<?php echo e(old('file')); ?>" title="Filename">
								<span id="file-label" class="label-text">Filename</span>	
							</div>
							
							
							<div class="col-sm-12 col-md-4 moreMargin" onclick="inputFocus('category')" id="category">
								<select class="form-control" id="category" name="category">
									<option value=""></option>
									<?php foreach(\App\Event_Category::orderBy('name', 'asc')->get() as $category): ?>
									<option value="<?php echo e($category->id); ?>"
									<?php if(old('category') == $category->id): ?> 
									<?php echo e('selected'); ?> 
									<?php endif; ?>
									><?php echo e($category->name); ?></option>
									<?php endforeach; ?>
								</select>
								<span id="category-label" 
								<?php if(old('category')): ?>
								class="hasValue"
								<?php else: ?>
								class="label-text"
								<?php endif; ?>
								>Category 1</span>
							</div>
							<div class="col-sm-12 col-md-4 moreMargin" onclick="inputFocus('category2')" id="category2">
								<select class="form-control" id="category2" name="category2">
									<option value=""></option>
									<?php foreach(\App\Event_Category::orderBy('name', 'asc')->get() as $category): ?>
									<option value="<?php echo e($category->id); ?>"
									<?php if(old('category2') == $category->id): ?> 
									<?php echo e('selected'); ?> 
									<?php endif; ?>
									><?php echo e($category->name); ?></option>
									<?php endforeach; ?>
								</select>
								<span id="category2-label" 
								<?php if(old('category2')): ?>
								class="hasValue"
								<?php else: ?>
								class="label-text"
								<?php endif; ?>
								>Category 2</span>
							</div>
						</div>
						<div class="form-group">
							
							
						</div>
						<div class="form-group">
							<div class="col-sm-12 col-md-4 moreMargin" onclick="inputFocus('type')">
								<select class="form-control" id="type" name="type">
									<option value=""></option>
									<option value="banner" 
										<?php if(old('type') == 'banner'): ?> 
											<?php echo e('selected'); ?> 
										<?php endif; ?>
									>Banner Ad</option>
									<option value="video" 
										<?php if(old('type') == 'video'): ?> 
											<?php echo e('selected'); ?> 
										<?php endif; ?>
									>Video Ad</option>
								</select>
								<span id="type-label" 
								<?php if(old('type')): ?>
								class="hasValue"
								<?php else: ?>
								class="label-text"
								<?php endif; ?>
								>Type</span>
							</div>
							<div class="col-sm-12 col-md-4  moreMargin" onclick="inputFocus('url')">
								<input type="text" class="form-control" id="url" name="url" value="<?php echo e(old('url')); ?>" title="Click URL">
								<span id="url-label" class="label-text">Click URL</span>	
							</div>
							<div class="col-sm-12 col-md-4 moreMargin" onclick="inputFocus('expiration')" id="dateContainer">
								<input type="text" class="form-control date start" id="expiration" name="expiration" value="<?php echo e(old('expiration')); ?>" title="Expiration">
								<span id="expiration-label" class="label-text">Expiration</span>	
							</div>
							
							
						</div>
						<div class="form-group">
							<div class="col-sm-12 col-md-6 moreMargin">							
								<input type="checkbox" name="status" value="1" 
								<?php if(old('status')): ?> 
								<?php echo e('checked'); ?> 
								<?php endif; ?>
								> &nbsp;Active
							</div>
							<div class="col-sm-12 col-md-6 moreMargin">
								<input type="submit" class="btn btn-primary" style="float: right;" value="Save">
							</div>
						</div>
						
					</form>
				</div>
			</div>
			<div class="form-group">
				<div class="col-sm-12 col-md-12 moreMargin">
					<span class="disclaim">
						* If a second category is selected BOTH categories will need to be associated with an event for this ad to be included in the event's ad pool. 
						A second ad should be used to facilitate an "or" category relationship, not a second category in a single ad. 
						If no categories are selected the ad will be considered "global".
					</span>
				</div>
			</div>
		</div>
	</div>

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

<?php $__env->startSection('extras'); ?>
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.2/css/bootstrap-datepicker3.min.css">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-timepicker/1.10.0/jquery.timepicker.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)
			{
				.moreMargin {
				    margin-top: 1.5em;
				}
			}
	
			@media (min-width: 960px)
			{
				.moreMargin {
				    margin-top: 1em;
				}
			}
		
		</style>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('bottom'); ?>
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/datepair.js/0.4.14/jquery.datepair.min.js"></script>
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.2/js/bootstrap-datepicker.min.js"></script>
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-timepicker/1.10.0/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();
    		}

    		$('#dateContainer .date').datepicker({
		        'format': 'yyyy-m-d',
		        'autoclose': true,
		    });
    	</script>

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