<?php $__env->startSection('content'); ?>
	<div class="row">
    	<div class="col-lg-12">
    		<h1 class="page-header">Budget</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 <?php echo e($type); ?> Category
	            </div>
	            <!-- /.panel-heading -->
	            <div class="panel-body">
	            	<form id="theForm" class="form-horizontal" role="form" method="POST" action="<?php echo e(url('admin/budget/category/'.$type)); ?>">
						<input type="hidden" name="_token" value="<?php echo e(csrf_token()); ?>">
						<?php if($type == 'Child'): ?>
							<input type="hidden" name="parentID" value="<?php echo e($parent->id); ?>">
						<?php endif; ?>

						<div class="form-group">
							<div class="col-sm-12 col-md-4 morePadding morePadding2" onclick="inputFocus('name')">
								<input type="text" class="form-control" id="name" name="name" value="<?php echo e(old('name')); ?>" title="Name">
								<span id="name-label" class="label-text">Name</span>	
							</div>

							<div class="col-sm-12 col-md-2 morePadding morePadding2" onclick="inputFocus('order')">
								<select class="form-control" id="order" name="order"  title="Order">
									<option id="order_option">Select One</option>
									
									<?php for($i=1;$i<=9;$i++): ?>
										<option value="<?php echo e($i); ?>" 
										<?php if(old('order') == $i): ?>
											<?php echo e('selected'); ?>

										<?php endif; ?>
										><?php echo e($i); ?></option>
									<?php endfor; ?>
									
									
									
								</select>
								<span id="order-label" 
								class="xlabel-text hasValue"
								>Order</span>	
							</div>
							
							<?php if($type == 'Child'): ?>

								<div class="col-sm-12 col-md-3 morePadding morePadding2" onclick="inputFocus('type')">
									<select class="form-control" id="type" name="type"  title="Type">
										
										<option value="reg" 
										<?php if(old('type') == 'reg'): ?>
											<?php echo e('selected'); ?>

										<?php endif; ?>
										>reg</option>
										<option value="calc" 
										<?php if(old('type') == 'calc'): ?>
											<?php echo e('selected'); ?>

										<?php endif; ?>
										>calc</option>
										<option value="man" 
										<?php if(old('type') == 'man'): ?>
											<?php echo e('selected'); ?>

										<?php endif; ?>
										>man</option>

									</select>
									<span id="type-label" 
									class="xlabel-text hasValue"
									>Type</span>	
								</div>

							<?php else: ?>
								<div class="col-sm-12 col-md-3 morePadding morePadding2">
									<?php foreach(\App\Budget_company::all() as $company): ?>
										<input type="checkbox" name="company[<?php echo e($company->number); ?>]" value="<?php echo e($company->number); ?>" <?php echo e(old('company.'.$company->number) ? 'checked' : ''); ?>>&nbsp;<?php echo e($company->name); ?><br>
									<?php endforeach; ?>
								</div>
							<?php endif; ?>
							
							<div class="col-sm-12 col-md-3 morePadding morePadding2">
								<button type="submit" class="btn btn-primary" style="float: right;">
									Save
								</button>
							</div>
						</div>

					</form>	
	            </div>
		    </div>
	    </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">
               All <?php echo e($type); ?> Categories <?php echo e($type == 'Child' ? ' of '.\App\Budget_parent::find($parent->id)->name : ''); ?>

            </div>
            <!-- /.panel-heading -->
            <div class="panel-body">
                <div class="dataTable_wrapper">
                    <table class="table table-striped table-bordered table-hover" id="dataTables-example2">
                        <thead>
                            <tr>
                                <th>Name</th>
                                <th>Order</th>
                                <?php if($type == 'Parent'): ?>
                                	<th>Companies</th>
                                <?php else: ?>
                                	<th>Type</th>
                                <?php endif; ?>
                            </tr>
                        </thead>
                        <tbody>
                        <?php $count = 0; ?>
                        <?php foreach($categories as $cat): ?>
                        <?php $count++; ?>
                        <?php if($count % 2 == 1): ?>
                            <tr class="odd">
                        <?php else: ?>
                        	<tr class="even">
                        <?php endif; ?>
                        		<?php if($type == 'Parent'): ?>
                        			<td><a href="<?php echo e(url('uadmin/budget/categories/'.$cat->id)); ?>"><?php echo e($cat->name); ?></a></td>
                        		<?php else: ?>
                        			<td><a href="<?php echo e(url('uadmin/budget/gls/'.$cat->id)); ?>"><?php echo e($cat->name); ?></a></td>
                        		<?php endif; ?>
                        		<td><?php echo e($cat->order); ?></td>
                        		<?php if($type == 'Parent'): ?>
                        			<td>
                        				<?php foreach(\App\Budget_company_parent::whereParent($cat->id)->get() as $company): ?>
                        					<?php echo e($company->company); ?> &nbsp; &nbsp;
                        				<?php endforeach; ?>
                        			</td>
                        		<?php else: ?>
                        			<td><?php echo e($cat->type); ?></td>
                        		<?php endif; ?>
                            </tr>
                      	<?php endforeach; ?>
                           </tbody>
                    	</table>
                    </div>
                 </div>
             </div>
         </div>
    </div>


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

<?php $__env->startSection('extras'); ?>
	<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/t/bs/pdfmake-0.1.18,dt-1.10.11,b-1.1.2,b-flash-1.1.2,b-html5-1.1.2,b-print-1.1.2/datatables.min.css"/>

    <style>
    	a:hover{
    		text-decoration: none;
    	}
    	.odd .subBack {
    		background-color: #f0fcff;
    	}
    	.even .subBack {
    		background-color: #ecf7fa;
    	}
    	.floatLeft
    	{
    		float: left;
    	}

    </style>
    	<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;
			}
		}
		
	</style>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('bottom'); ?>
	<script type="text/javascript" src="https://cdn.datatables.net/t/bs/pdfmake-0.1.18,dt-1.10.11,b-1.1.2,b-flash-1.1.2,b-html5-1.1.2,b-print-1.1.2/datatables.min.js"></script>

    <script>
    $(document).ready(function() {
    var table1 =    $('#dataTables-example2').dataTable( {
					"pageLength": 100,
					"order": [ 0, 'asc' ],
					"stateSave" : false,
					"scrollX" : window.innerWidth < 800 ? true : false
					
        } );
    });
    
    if ( typeof $.fn.dataTable == "function" && typeof $.fn.dataTableExt.fnVersionCheck == "function" && $.fn.dataTableExt.fnVersionCheck('1.9.2')/*older versions should work too*/ )
    {
        $.fn.dataTableExt.oApi.clearSearch = function ( oSettings )
        {
     
            var table = this;
             
            //any browser, must include your own file
            //var clearSearch = $('<img src="/images/delete.png" style="vertical-align:text-bottom;cursor:pointer;" alt="Delete" title="Delete"/>');
             
            //no image file needed, css embedding must be supported by browser
            var clearSearch = $('<i class="fa fa-times-circle-o fa-fw" style="vertical-align:text-bottom;cursor:pointer;color: gray;"></i>');
            $(clearSearch).click( function ()
                    {
                          table.fnFilter('');
                    });
            $(oSettings.nTableWrapper).find('div.dataTables_filter').append(clearSearch);
            $(oSettings.nTableWrapper).find('div.dataTables_filter label').css('margin-right', '-16px');//16px the image width
            $(oSettings.nTableWrapper).find('div.dataTables_filter input').css('padding-right', '16px');
        }
     
        //auto-execute, no code needs to be added
        $.fn.dataTable.models.oSettings['aoInitComplete'].push( {
            "fn": $.fn.dataTableExt.oApi.clearSearch,
            "sName": 'whatever'
        } );
    }

    </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();
	}


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