<!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
          <h3>
            Job Settings
            
          </h3>
          <!--<ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
            <li class="active">Dashboard</li>
          </ol>-->
    </section>

    <!-- Main content -->
    <section class="content">
      <div class="row">
        <div class="col-xs-12">
          <div class="box box-primary">
            <div class="box-header with-border">
			<div class="admin_tab">
				 <ul>
					<li><a href="<?php echo base_url('admin/job/content');?>">Add</a></li>
					<li><a href="javascript:void(0)" id="duser">Delete</a></li>					
				</ul>
				<!-- <a href="<?php echo base_url('admin/category/content');?>" class="btn btn-sm btn-primary" style="float:right">Add Category</a>	-->					
							<?php if($this->session->flashdata('error_msg')){?>
								<span style="color:red; font-weight:bold"><?php echo $this->session->flashdata('error_msg');?></span>
							<?php }?>
							<?php if($this->session->flashdata('success_msg')){?>
								<span style="color:green; font-weight:bold"><?php  echo $this->session->flashdata('success_msg'); ?></span>
							<?php }?>
				</div>					
            </div>
            <!-- /.box-header -->
            <div class="box-body">
              <table id="example1" class="table table-bordered table-striped">
                <thead>
                <tr>
				  <th class="no-sort"><input type="checkbox" id="checkAll"></th>			
                  <th class="no-sort">Sl no</th>
                  <th>Job Title</th>
				  <th>Category</th>	
				  <th>Job Date</th>				  
				  <th>Client Phone No</th>				  
				  <th class="no-sort">Action</th>
                </tr>
                </thead>
                <tbody>
                </tbody>
                <tfoot>
                </tfoot>
              </table>
            </div>
            <!-- /.box-body -->
          </div>
          <!-- /.box -->
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
    </section>
    <!-- /.content -->
  </div>
  <!-- Modal -->
	  <div class="modal" id='myModal'>
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">×</span></button>
                <h4 class="modal-title">Message</h4>
              </div>
              <div class="modal-body" id='modalContent' title="">
               <!-- <p>Would you like to continue ?</p>-->
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Cancel</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal" id="cdel">Ok</button>
              </div>
            </div>
            <!-- /.modal-content -->
          </div>
          <!-- /.modal-dialog -->
        </div>
		
		<div class="modal" id='myModalinactive'>
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">×</span></button>
                <h4 class="modal-title">Message</h4>
              </div>
              <div class="modal-body" id='modalContentinactive' title="">
               <!-- <p>Would you like to continue ?</p>-->
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Cancel</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal" id="inactive">Ok</button>
              </div>
            </div>
            <!-- /.modal-content -->
          </div>
          <!-- /.modal-dialog -->
        </div>
		
	  <!-- Modal -->
    <!-- Modal -->
	<div class="modal" id='myModalmdelete'>
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">×</span></button>
                <h4 class="modal-title">Message</h4>
              </div>
              <div class="modal-body" id='modalContentmdelete' title="">
               <!-- <p>Would you like to continue ?</p>-->
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Cancel</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal" id="mdel">Ok</button>
              </div>
            </div>
            <!-- /.modal-content -->
          </div>
          <!-- /.modal-dialog -->
        </div>
    <div class="modal" id='myModal2'>
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">×</span></button>
                <h4 class="modal-title">Job Details</h4>
              </div>
              <div class="modal-body" id='modalContent2' title="">
               <!-- <p>Would you like to continue ?</p>-->
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal" id="cdel2">Ok</button>
              </div>
            </div>
            <!-- /.modal-content -->
          </div>
          <!-- /.modal-dialog -->
        </div>
    <!-- Modal -->
<script src="<?php echo base_url()?>public/admin_assets/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="<?php echo base_url()?>public/admin_assets/plugins/datatables/dataTables.bootstrap.min.js"></script>
<script>
$(document).ready(function() {
	debugger;
	table = $('#example1').DataTable({ 
 
        "processing": true, //Feature control the processing indicator.
        "serverSide": true, //Feature control DataTables' server-side processing mode.
        "order": [], //Initial no order.
 
        // Load data for the table's content from an Ajax source
        "ajax": {
            "url": "<?php echo site_url('admin/job/all_content_list')?>",
            "type": "POST"
        },
 
        //Set column definition initialisation properties.
        "columnDefs": [
        { 
            "targets": 'no-sort', //1st and last column
            "orderable": false, //set not orderable
        },
        ],
		
		 "fnRowCallback": function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {
			switch(aData[3]){
				case 'Nursing':
					$(nRow).css('color', 'red')
					break;
				case 'Hospitality':
					$(nRow).css('color', 'green')
					break;
				case 'Catering':
					$(nRow).css('color', 'blue')
					break;
				case 'Others':
					$(nRow).css('color', 'Violet')
					break;
			}
		}
		
		
    });
	
	var dtable = $("#example1").dataTable().api();
	
	$(".dataTables_filter input")
    .unbind() // Unbind previous default bindings
    .bind("input", function(e) { // Bind our desired behavior
        // If the length is 3 or more characters, or the user pressed ENTER, search
        if(this.value.length >= 3 || e.keyCode == 13) {
            // Call the API search function
            dtable.search(this.value).draw();
        }
        // Ensure we clear the search if they backspace far enough
        if(this.value == "") {
            dtable.search("").draw();
        }
        return;
    });	
	
	
	$(document).on( "click",'#duser',function(){
		$('#modalContentmdelete').html('<p>Would you like to continue ?</p>');
		var id=$(this).prop('title');
		$('#modalContentmdelete').attr('title',id);
		$('#myModalmdelete').modal('show');
	});
	
	$("#checkAll").change(function () {
		$("#example1 input[type=checkbox]").prop('checked', $(this).prop("checked"));	
	});
	
	$(document).on('click','#mdel',function(){
		var ids = [];
		
		$('#example1 input[type=checkbox]:checked').each(function () {			   
			ids.push($(this).attr('title'));			
		});
		
		if(ids.length === 0){
			alert('Please Select Check Box to Delete');
		}else{
			$.ajax({
			  type: "POST",
			  url: '<?php echo base_url('admin/job/multiple_del')?>',
			  data: 'job_ids='+ids,
			  dataType:'json',
			  success: function(response){
				$('#modalContentmdelete').html(response.message);  
				$('#myModalmdelete').modal('show');
				setTimeout(function(){
					$('#myModalmdelete').modal('hide')
				},400);
				window.location.reload('<?php echo base_url('admin/usersetting'); ?>');			
			  }
			});
		}
	});
	
	
	
	$(document).on( "click",'#delete.cstm_view',function() {
		$('#modalContent').html('<p>Would you like to continue ?</p>');
		var id=$(this).prop('title');
		$('#modalContent').attr('title',id);
		$('#myModal').modal('show');
	});
	$(document).on('click','#cdel',function(){
	var id=$('#modalContent').prop('title');
	$.ajax({
	  type: "POST",
	  url: '<?php echo base_url('admin/job/del')?>',
	  data: 'job_id='+id,
	  dataType:'json',
	  success: function(response){
		$('#modalContent').html(response.message);  
		$('#myModal').modal('show');
		setTimeout(function(){
			$('#myModal').modal('hide')
		},400);
		window.location.reload('<?php echo base_url('admin/cms'); ?>');
		
	  },
	  error:function(response){
		$('#modalContent').html(response.message);  
		$('#myModal').modal('show');
		setTimeout(function(){
			$('#myModal').modal('hide')
		},400);
	  }
	});
});
$(document).on( "click",'#view.cstm_view',function() {
    var id=$(this).prop('title');
    var content='<div class="box-body"><table class="table table-bordered">';
    $.ajax({
      type:'POST',
      url :'<?php echo base_url('admin/job/all_details');?>',
      data:'job_id='+id,
      dataType:'json',
      success:function(result){		  
			content+='<tr><td>Job Title</td> <td>'+result.job_title+'</td></tr>';						   
			content+='<tr><td>Job Description</td> <td>'+result.job_description+'</td></tr>';			
			content+='<tr><td>Category Name</td> <td>'+result.parent_category.category_name+'</td></tr>';
			content+='<tr><td>Sub Category Name</td> <td>'+result.category.category_name+'</td></tr>';
			content+='<tr><td>Job Date</td> <td>'+result.job_date+'</td></tr>';
			content+='<tr><td>Job Start Time</td> <td>'+result.job_start_time+'</td></tr>';
			content+='<tr><td>Job End Time</td> <td>'+result.job_end_time+'</td></tr>';
			content+='<tr><td>Client Name</td> <td>'+result.client_name+'</td></tr>';
			content+='<tr><td>Client Phone No</td> <td>'+result.client_phoneno+'</td></tr>';
		   	content+='<tr><td>Job Address</td> <td>'+result.job_address+'</td></tr>';  
		   content+='</table></div>';
      $('#modalContent2').html(content);  
      $('#myModal2').modal('show');
      },error:function(){

      }
    });
  });
  
  $(document).on( "click",'#active.cstm_view_status',function() {
		var p = $(this);
		p.html('---');
		p.css("color", "green");
		var id=$(this).prop('title');
		$.ajax({
		  type: "POST",
		  url: '<?php echo base_url('admin/usersetting/inactive')?>',
		  data: 'user_id='+id,
		  dataType:'json',
		  success: function(response){
			p.attr("id", "inactive");
			p.text('Disapproved');
			p.css("color","red");
			//window.location.reload('<?php echo base_url('admin/feedback'); ?>');	
		  }
		});
	});
	
	$(document).on( "click",'#inactive.cstm_view_status',function() {
		var pactive = $(this);
		pactive.html('---');
		pactive.css("color","red");
		var id=$(this).prop('title');
		$.ajax({
		  type: "POST",
		  url: '<?php echo base_url('admin/usersetting/active')?>',
		  data: 'user_id='+id,
		  dataType:'json',
		  success: function(response){
			pactive.attr("id", "active");
			pactive.text('Approved');
			pactive.css("color", "green");
			//pactive.html('<a class="cstm_view_status_active" id="active" style="color:green" href="javascript:void(0)" title="'+id+'">Active</a>');
			//window.location.reload('<?php echo base_url('admin/feedback'); ?>');		
		  }
		});
	});
});


</script>