@extends('admin/admin')
	
	@section('content')
	<!-- Breadcrumb-->
	<ol class="breadcrumb">
	  <li class="breadcrumb-item">{{ __('Super Admin') }}</li>
	  <li class="breadcrumb-item">
		<a href="{{route('list_category')}}">{{ __('Campaign') }}</a>
	  </li>
	  <li class="breadcrumb-item active">{{ __('Campaign List') }}</li>
	  <!-- Breadcrumb Menu-->
	  <li class="breadcrumb-menu d-md-down-none">
		
	  </li>
	</ol>
    <!-- Page Content -->
    <div class="container-fluid">
        <div class="row justify-content-center">
			<div class="col-sm-12">
                <div class="card">
                  <div class="card-header">
                    <strong>{{ __('Campaign') }}</strong> {{ __('List') }}
                                                  
                      <div class="card-header-actions">
                        <a class="btn btn-sm btn-primary" href="{{url('admin/user/category/create')}}" role="button"><i class="fa fa-dot-circle-o"></i> {{ __('Add Campaign') }}</a>
                      </div>
                      
                    </div>
					<div id="out" class="alert-success">
						@if (session()->has('success'))
							<h6><center>{{ session('success') }}</center></h6> 

						@endif
					</div>
					
                  <div class="card-body">
					<div class="messages">
					</div>
					
                    <table class="table table-responsive-sm table-hover table-outline mb-0 display" id="category_list">
                       
						<thead class="thead-light">
						
                            <tr>
						    <th >{{ __('Name') }}</th>
							<th >{{ __('Created By') }}</th>
							<th >{{ __('Add Template') }}</th>
							<th >{{ __('Template List') }}</th>
						    <th >{{ __('Status') }}</th>
                            <th>{{ __('Action') }}</th>
                            </tr>
							
                        </thead>
                        <tbody>
                         
                        </tbody>
						<tfoot>
							<tr>
							<td><input type="text" data-column="0"  size="10" class="search-input-text"></td>
							<td>
								<select data-column="1" class="search-input-select">
								<option value="">{{ __('Select User')}}</option>
								@foreach($all_users as $user)
								<option value="{{ __($user->id)}}">{{ __($user->name)}}</option>
								@endforeach;
								</select>
							</td>
							<td></td>
							<td></td>
							<td>
								<select data-column="4" class="search-input-select">
									<option value="">{{ __('Select status') }}</option>
									<option value="1">{{ __('Active') }}</option>
									<option value="0">{{ __('Inactive') }}</option>	
								</select>
							</td>
							<td></td>
							</tr>
						</tfoot>
                    </table>          

                  </div>
                  
                </div>
              </div>
		</div>
		
    </div>
@endsection 
@section('footer-scripts')
@parent
<script>
jQuery(document).ready(function() {
	
	jQuery('#category_list').DataTable( {
		"processing": true,
        "serverSide": true,
	    "ajax":{
			'type': 'POST',
			 'url': APP_URL+'/company/ajax_category_list_by_company',
			 "dataType": 'json',
			 'data':{company_id:'{!! $company_id!!}',_token: '{!! csrf_token() !!}'}
		},
		 "order": [[ 0, "desc" ]],
		columnDefs: [
		   { orderable: false, targets: [-1,-2,-3,-4,-5] }
		]
    });
	
	jQuery('.search-input-text').on( 'keyup', function () {   // for text boxes
		var i =jQuery(this).attr('data-column');  // getting column index
		var v =jQuery(this).val();  // getting search input value
		
		jQuery('#category_list').DataTable().columns(i).search(v).draw();
		
	});
	jQuery('.search-input-select').on( 'change', function () {   // for select box
		var i =jQuery(this).attr('data-column');
		var v =jQuery(this).val();
		jQuery('#category_list').DataTable().columns(i).search(v).draw();
	});
	
	
	jQuery(document).on('click','.change_status',function(){
		var category_id = jQuery(this).data('status');
		
		jQuery.ajax({
			url: APP_URL+'/user/ajax_change_category_status',
			type:'post',
			data:{category_id:category_id,_token: '{!! csrf_token() !!}'},
			success: function(res)
			{
				
				//jQuery('.success-span').html('Status changed successfully');
				jQuery('.messages').html('<div class="alert alert-success alert-dismissible fade show" role="alert"><strong>Success!</strong> status changed successfully.<button class="close" type="button" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button></div>');
			}
		});
	});
	
	jQuery(document).on('click','.delete-category',function(){
		var category_id = jQuery(this).data('udelete');
		
		if (confirm("Do you want to delete?")) {
		jQuery.ajax({
			url: APP_URL+'/user/ajax_category_delete',
			type:'post',
			data:{category_id:category_id,_token: '{!! csrf_token() !!}'},
			success:function(res)
			{
				jQuery('#category_list').DataTable().ajax.reload();
			}
		});
		}
	});
	jQuery(document).on('click','.copy-campaign',function(){
		var campaign_id = jQuery(this).data('ccopy');
		jQuery.ajax({
			url:APP_URL+'/user/ajax_copy_campaign',
			type:'post',
			data:{campaign_id:campaign_id,_token:'{!! csrf_token() !!}'},
			success:function(res)
			{
				jQuery('#category_list').DataTable().ajax.reload();
			}
		});
	});
	jQuery('.dataTables_filter').hide();
});

</script>
@endsection