@extends('layouts.master')

@push('cssCode')
<style>
.clientTable{
	margin:20px auto;
	font-size:15px;
	font-weight: bold;
}

.clientTable tr td{
	padding: 4px;
	/* text-align: center; */
}
.nav-tabs li.active a{
	background-color: #41B3AB !important;
	color: #ffffff !important;
}
table td .btn{
	margin-right: 0px !important;
}
.text-right-width{
	text-align: right;
	width: 50%;
}
.profile-img{
	width: 150px;
    margin: 20px auto;
    border: 3px solid #000000;
    height: 150px;
}
.dataTables_wrapper .dataTables_length {
	float: right;
	display: none;
}
.dataTables_wrapper .dataTables_filter {
	float: left;
	text-align: left;
}
</style>
@endpush

@section('content')
        <div class="right_col" role="main">
          <div class="">
            <div class="page-title">
              <div class="title_left">
                <h3>Manage Categories</h3>                
              </div>
            </div>
            <div class="clearfix"></div>
            <div class="row">
              <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="x_panel">
                  <div class="x_title">
                     {{ Form::open( array('url' => action('CategoryController@searchCategory'), 'method'=>'post', 'id' => 'searchForm') ) }} 
					<div class="title_right">
						<div class="col-md-4 form-group"><!-- .top_search -->
						  <div class="input-group" style="display:block;">
							<input type="text" name="search_by" value="{{ Request::input('search_by') }}" class="form-control filters" placeholder="Search Category" title="Search Category">
						  </div>
						</div>
						<div class="col-md-8 form-group">
							{{ Form::submit('Search', ['id' => 'searchBtn', 'class' => 'btn btn-primary']) }}
							<a href="" class="btn btn-default">Reset</a>			
							<div class="btn btn-primary pull-right" data-toggle = 'modal' data-target = '#addNew' style="border-radius:50px;"> <b>+</b> </div>							
						</div>
					</div>
                    {{ Form::close() }}
                    <div class="clearfix"></div>
					{{-- START ALERT BLOCK --}}
					@if(Session::has('successMessage'))
						<div class="alert alert-success" role="alert">
							<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
							{!! html_entity_decode(session('successMessage')) !!}
						</div>
					@endif
					@if(Session::has('dangerMessage') || count($errors))
						<div class="alert alert-danger" role="alert">
							<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
							{!! html_entity_decode(session('dangerMessage')) !!}
							{{ $errors->first() }}
						</div>
					@endif
					{{-- END ALERT BLOCK --}}
                  </div>
                  </div>
					<div class="table-responsive">  							
						  <table class="table table-striped">
						  <thead>
							<tr>
							  <th>#</th>
							  <th>Category</th>
							  <th>Sub Category</th>					
							  <th>Action</th>
							</tr>
						  </thead>
						  <tbody>
						@php
							$num = 0;
						@endphp						
							@forelse($categories as $category)
							<tr>							
							  <td>{{ ++$num }}</td>
							  <td>{{$category->category_name }}</td>
							  <td>						
							   <a href="javascript:;" data-target="#getSubCat-{{$category->id}}" data-toggle="modal" class="open-getSubCat-{{$category->id}}" > {{ count($category->subCategories ) }} </a>
							  

							  </td>							  
							  <td>
								<a href="javascript:;" data-toggle="modal" data-target="#editCategory-{{$category->id}}" class="btn btn-info btn-xs edit-country"><i class="fa fa-edit" aria-hidden="true"></i></a>
								
								{!! html_entity_decode(link_to_route('admin-del-category', '<i class="fa fa-trash-o" aria-hidden="true"></i>', [$category->id], ['class' => 'btn btn-danger btn-xs', 'onclick' => 'return checkDelete()', 'title' => 'Delete'])) !!}  
								
								 @if($category->status == 1)
			                      {!! html_entity_decode(link_to_route('admin-inactive-category', '<i class="fa fa-times" aria-hidden="true"></i>', [$category->id], ['class' => 'btn btn-danger btn-xs', 'onclick' => 'return checkInActive()', 'title' => 'Deactivate'])) !!}
			                     @elseif($category->status == 0)
			                      {!! html_entity_decode(link_to_route('admin-active-category', '<i class="fa fa-check" aria-hidden="true"></i>', [$category->id], ['class' => 'btn btn-success btn-xs', 'onclick' => 'return checkActive()', 'title' => 'Activate'])) !!}
			                     @endif							
							  </td>
							
								
							
	{{-- START EDIT MODAL --}}
	<div class="modal fade" id="editCategory-{{$category->id}}" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
		<div class="modal-dialog modal-md" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="modalLabel">Edit Category</h4>
				</div>
				{{ Form::open(['route' => 'admin-edit-category']) }}
				<div class="modal-body">				
					 <label > Category Name :</label>					
					<input type="hidden" name="categoryId" value="{{ $category->id}}">
					<div style="padding: 5px;" class="form-group">
					 <input type="text" name="categoryName" class="form-control" placeholder="Category Name" value="{{ $category->category_name }}">
					</div>					
					<center>{{ Form::submit('Save', ['class' => 'btn btn-primary']) }}</center>					
				</div>				
				{{ Form::close() }}
			</div>
		</div>
	</div>
	{{-- END EDIT MODAL --}}	







{{-- START CATEGORY --}}
<div class="modal fade" id="getSubCat-{{$category->id}}" tabindex="-1" role="dialog" aria-labelledby="modalLabel"> 
    <div class="modal-dialog">
		<div class="modal-content" style="height: 600px">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				<center> <h4 class="modal-title" id="myModalLabel">Sub Category  </h4> </center>
			</div>
			<br>
			<div class="row">
				<div class="col-md-6" align="left"> &nbsp; <b>Category :</b> {{$category->category_name}} </div>
				<div class="col-md-6" align="right">
					<a href="javascript:;" data-target="#addSub-{{$category->id}}" data-toggle="modal" class="btn btn-primary open-addSub-{{$category->id}}" >Add New </a>
				</div>
			</div>
			<div  class="col-md-1" style="padding: 7px;"> Search </div>
			<div class="col-md-4"> {{ Form::text('name', '', ['class' => 'form-control region', 'placeholder' => 'Search']) }} </div>
					
			<div class="col-md-12" style="padding: 7px;"> 		
			<div class="table-responsive modal-body" > 				

				 <table class="table table-striped table-responsive display">
					<thead>
						<tr>
							<th>Sub Category</th>
							<th>Sub-Sub Category </th>
							<th>Action</th>		
						</tr>
					</thead>		
					<tbody>						
												
							@forelse($category->subCategories as $category)						
							<tr>
								<td> {{ $category->sub_category_name }}	</td>						
								<td> <a href="javascript:;" data-target="#getSubSub-{{$category->id}}" data-toggle="modal" class="open-getSubSub-{{$category->id}}" >{{ count($category->subSubCategories ) }} </a>	</td>
								<td>								
								<a href="javascript:;" data-toggle="modal" data-target="#editSubCategory-{{$category->id}}" class="btn btn-info btn-xs edit-editSubCategory"><i class="fa fa-edit" aria-hidden="true"></i></a>				
															
								{!! html_entity_decode(link_to_route('admin-del-sub-category', '<i class="fa fa-trash-o" aria-hidden="true"></i>', [$category->id], ['class' => 'btn btn-danger btn-xs', 'onclick' => 'return checkDelete()', 'title' => 'Delete'])) !!}  
									
								@if($category->status == 1)
	                      			{!! html_entity_decode(link_to_route('admin-inactive-sub-category', '<i class="fa fa-times" aria-hidden="true"></i>', [$category->id], ['class' => 'btn btn-danger btn-xs', 'onclick' => 'return checkInActive()', 'title' => 'Deactivate'])) !!}
	                    		@elseif($category->status == 0)
	                      			{!! html_entity_decode(link_to_route('admin-active-sub-category', '<i class="fa fa-check" aria-hidden="true"></i>', [$category->id], ['class' => 'btn btn-success btn-xs', 'onclick' => 'return checkActive()', 'title' => 'Activate'])) !!}
	                      		@endif							
								</td>
							</tr>

			
	
{{-- START EDIT MODAL --}}
 <div class="modal fade" id="editSubCategory-{{$category->id}}" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
	<div class="modal-dialog modal-md" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
				<h4 class="modal-title" id="modalLabel">Edit Sub Category</h4>
			</div>
			{{ Form::open(['route' => 'admin-edit-sub-category']) }}
			<div class="modal-body">
				<input type="hidden" name="subCatId" value="{{$category->id}}">
				<label > Sub Category Name :</label>				
				<div style="padding: 5px;" class="form-group">
					<input type="text" name="subCategoryName" class="form-control" placeholder="Sub Category Name" value="{{  $category->sub_category_name }}">
				</div>					
				<center> {{ Form::submit('Save', ['class' => 'btn btn-primary']) }} </center>					
			</div>				
			{{ Form::close() }}
		</div>
	</div>
</div> 
{{-- END EDIT MODAL --}}
							
									@foreach($category->subSubCategories as $cats)										
									@endforeach	
					</tbody>							
									@empty
									<tr><div class="col-md-3"> Record not found. </div>	 </tr>				
								@endforelse					
										
				</table> 			
			</div>
			</div>
			
		</div>               
	</div>           
</div>
{{-- END CATEGORY --}}				







														
							</tr>
					  </tbody>						 
						@empty							
						<tr> <td class="col-md-3"> No Record Found. </td> </tr>
						@endforelse						
					</table>
				</div>
                               
        
      </div>
    </div>
  </div>
</div>  	
   




	
{{-- START GET SUB SUB CATEGORY --}}           
<div class="modal fade" id="getSubSub-{{$category->id}}" role="dialog">         
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				<center> <h4 class="modal-title" id="myModalLabel">Sub Sub Category  </h4> </center>
			</div><br>
		<div class="row">
			<div class="col-md-6" align="left">&nbsp; <b>Sub Category :</b> {{$category->sub_category_name}} </div>
			<div class="col-md-6" align="right">                  
				<button type="button" class="btn btn-primary open-addSubSubCategory-{{$cats->id}}" data-toggle="modal" data-id="{{$cats->id}}" data-target="#addSubSubCategory-{{$cats->id}}">Add New</button>
			</div>
		</div>
		<div class="col-md-1" style="padding: 7px;"> Search </div>
		<div class="col-md-4">
	 		{{ Form::text('name', '', ['class' => 'form-control region', 'placeholder' => 'Search']) }}
		</div>
			<table class="table table-striped">
				<thead>
					<tr>
						<th>Sub-Sub Category</th>
						<th>Action</th>
					</tr>
				</thead>
			<tfoot>
			<tr>						 
				@foreach($categories as $category)			
					@foreach($category->subCategories  as $cat)						
						@foreach($cat->subSubCategories as $subSubCats)			
						<td> {{ $subSubCats->sub_sub_category_name }} </td>
						<td>
							<a href="javascript:;" data-toggle="modal" data-target="#editSubSubCategory-{{ $subSubCats->id }}" class="btn btn-info btn-xs edit-country"><i class="fa fa-edit" aria-hidden="true"></i></a>
							{!! html_entity_decode(link_to_route('admin-del-sub-sub-category', '<i class="fa fa-trash-o" aria-hidden="true"></i>', [$subSubCats->id], ['class' => 'btn btn-danger btn-xs', 'onclick' => 'return checkDelete()', 'title' => 'Delete'])) !!}		
							@if($subSubCats->status == 1)
                      			{!! html_entity_decode(link_to_route('admin-inactive-sub-sub-category', '<i class="fa fa-times" aria-hidden="true"></i>', [$subSubCats->id], ['class' => 'btn btn-danger btn-xs', 'onclick' => 'return checkInActive()', 'title' => 'Deactivate'])) !!}
                    		@elseif($subSubCats->status == 0)
                      			{!! html_entity_decode(link_to_route('admin-active-sub-sub-category', '<i class="fa fa-check" aria-hidden="true"></i>', [$subSubCats->id], ['class' => 'btn btn-success btn-xs', 'onclick' => 'return checkActive()', 'title' => 'Activate'])) !!}                      
							@endif	
						</td>
			</tr>

{{-- START EDIT MODAL --}}
<div class="modal fade" id="editSubSubCategory-{{ $subSubCats->id }}" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
	<div class="modal-dialog modal-md" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
				<h4 class="modal-title" id="modalLabel">Edit Sub-Sub Category</h4>
			</div>
			{{ Form::open(['route' => 'admin-edit-sub-sub-category']) }}
			<div class="modal-body">				
				<label > Sub-Sub Category Name :</label>
				<input type="hidden" name="subSubCatsId" value="{{ $subSubCats->id }}">					
				<div style="padding: 5px;" class="form-group">
					<input type="text" name="subSubCategoryName" class="form-control" placeholder="Sub-Sub Category Name" value="{{ $subSubCats->sub_sub_category_name }}">
				</div>					
				<center> {{ Form::submit('Save', ['class' => 'btn btn-primary']) }} </center>				
			</div>
			{{ Form::close() }}
		</div>
	</div>
</div>
{{-- END EDIT MODAL --}}
	
						@endforeach
					@endforeach
				@endforeach		
				</tfoot>
			</table>
		</div>
	</div>               
</div> 
{{-- END GET SUB SUB CATEGORY --}} 
        
        
{{-- START DETAILS MODAL --}}
<div class="modal fade" id="addSub-{{$category->id}}" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
	<div class="modal-dialog modal-md" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
				<h4 class="modal-title" id="modalLabel">Sub Category</h4>
			</div>
			<div class="modal-body">
				{{ Form::open(['route' => 'admin-add-sub-category']) }}
					<input type="hidden" name="catId" value="{{ $category->id }}">
					<div class="form-group">
						{{ Form::label('name', 'Sub Category*', ['class' => 'form-control-label']) }}
						{{ Form::text('subCategoryName', '', ['class' => 'form-control region', 'placeholder' => 'Sub Category*']) }}
					</div>				
				 <center> <input type="submit" class="btn btn-primary" name="name" value="Save"> </center>		
				{{ Form::close() }}
			</div>
		</div>
	</div>
</div>
{{-- END DETAILS MODAL --}}


{{-- START DETAILS MODAL --}}
<div class="modal fade" id="addSubSubCategory-{{$cats->id}}"tabindex="-1" role="dialog" aria-labelledby="modalLabel">
	<div class="modal-dialog modal-md" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
				<h4 class="modal-title" id="modalLabel">Sub-Sub Category</h4>
			</div>
			<div class="modal-body">
			{{ Form::open(['route' => 'admin-add-sub-sub-category']) }}
			<div class="form-group">
				<input type="hidden" name="subCatId" value="{{ $cats->id }}">
				{{ Form::label('name', 'Sub-Sub Category*', ['class' => 'form-control-label']) }}
				{{ Form::text('subSubCategoryName', '', ['class' => 'form-control region', 'placeholder' => 'Sub-Sub Category*']) }}
			</div>		
			<center> <input type="submit" class="btn btn-primary" name="name" value="Save"> </center>
			{{ Form::close() }}				
			</div>
		</div>
	</div>
</div>
{{-- END DETAILS MODAL --}}
	
{{-- START ADD MODAL --}}
<div class="modal fade" id="addNew" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
	<div class="modal-dialog modal-md" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
				<h4 class="modal-title" id="modalLabel">Add New Category</h4>
			</div>
			{{ Form::open(['route' => 'admin-add-category']) }}
			<div class="modal-body"> 
				<label > Category Name :</label>			
				<div style="padding: 5px;" class="form-group">
				<input type="text" name="categoryName" class="form-control" placeholder="Category Name">
				</div>					
				<center> {{ Form::submit('Save', ['class' => 'btn btn-primary']) }} </center>					
			</div>
			{{ Form::close() }}
		</div>
	</div>
</div>
{{-- END ADD MODAL --}}

@endsection

@push('jsCode')
<script>
$.ajaxSetup({
			headers: {
				'X-CSRF-TOKEN': '{{ csrf_token() }}'
			}
		});

$(document).on('click', '.pagination li a', function(e){
	e.preventDefault();
	var url = $(this).attr('href');
	$('#searchForm').attr('action', url);
	console.log($('#searchForm').attr('action'));
	$('#searchForm').submit();
});

function checkInActive(){
	return confirm("Are you sure you want to Deactivate?");
}

function checkActive(){
	return confirm("Are you sure you want to Activate?");
}

function checkDelete(){
	return confirm("Are you sure you want to delete?");
}

$(document).ready(function(){
	disabledSearchBtn();
	
	$(document).on('change', '#searchForm select', function(){
		disabledSearchBtn();
	});
	
	$(document).on('keyup', '#searchForm input', function(){
		disabledSearchBtn();
	});
	
	function disabledSearchBtn(){
		var searchBtn = false;
		$('.filters').each(function(){
			if($(this).val() != ''){
				searchBtn = true;
				return true;
			}
		});
		
		if(searchBtn){
			$('#searchBtn').removeAttr('disabled');
		}
		else{
			$('#searchBtn').attr('disabled', true);
		}
	}
});
</script>
@endpush