	<?php $this->load->view("common/header"); ?>
	<!-- end: HEAD -->
     
		<style type="text/css">
			.table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table-striped thead tr.primary:nth-child(2n+1) th {
			    background-color: #428bca;
			    border-color: #357ebd;
			    border-top: 1px solid #357ebd;
			    color: white;
			    text-align: center;
			}

		</style>
        <link rel="stylesheet" href="<?php echo asset_url();?>css/buttons.dataTables.min.css" type="text/css" />
<style type="text/css">
.dt-button-collection {
	font-size: 1.4em;
}
.dt-button-collection .active span:after {
	font-family: FontAwesome;
	content: " \f00c";
	text-align: right
}
a.dt-button, button.dt-button, div.dt-button, .dt-buttons {
	font-size: .83em;
	float: right!important;
	/*  background-color:#e9e9e9;
    background-image:linear-gradient(to bottom,#fff 0,#e9e9e9 100%);*/
		
	margin-left: .3em;
}
</style>
		<!-- end: CSS REQUIRED FOR THIS PAGE ONLY -->
	<!-- end: HEAD -->
	<!-- start: BODY -->
	<body>
		<!-- start: HEADER -->
		<div class="navbar navbar-inverse navbar-fixed-top">
			<!-- start: TOP NAVIGATION CONTAINER -->
			<div class="container">
				<div class="navbar-header">
					<!-- start: RESPONSIVE MENU TOGGLER -->
					<button data-target=".navbar-collapse" data-toggle="collapse" class="navbar-toggle" type="button">
						<span class="clip-list-2"></span>
					</button>
					<!-- end: RESPONSIVE MENU TOGGLER -->
					<!-- start: LOGO -->
					<?php $this->load->view("common/logo"); ?>
					<!-- end: LOGO -->
				</div>
				<div class="navbar-tools">
					<!-- start: TOP NAVIGATION MENU -->
				<?php $this->load->view("common/notifications.php"); ?>
					<!-- end: TOP NAVIGATION MENU -->
				</div>
			</div>
			<!-- end: TOP NAVIGATION CONTAINER -->
		</div>
		<!-- end: HEADER -->
		<!-- start: MAIN CONTAINER -->
		<div class="main-container">
			<div class="navbar-content">
				<!-- start: SIDEBAR -->
				<?php $this->load->view("common/navigation"); ?>
				<!-- end: SIDEBAR -->
			</div>
			<!-- start: PAGE -->
			<div class="main-content">
				<!-- end: SPANEL CONFIGURATION MODAL FORM -->
				<div class="container">
					<!-- start: PAGE HEADER -->
					<div class="row">
						<div class="col-sm-12">
							<!-- start: PAGE TITLE & BREADCRUMB -->
							<ol class="breadcrumb">
								<li>
									<a href="<?php echo base_url('dashboard'); ?>">
										 Dashboard 
									</a>
								</li>
                                <li>
									<a href="#">
										RECIPES 
										 <?php $cmn = new $this->Common_Model(); if($cmn->check_permission(113,$this->session->userdata( 'ss_group_id' ), 1 )){echo "S";} ?>
									</a>
								</li>
                                
								<li class="active">
								LIST RECIPES
								</li>
								<li class="search-box">
									<form class="sidebar-search">
										<div class="form-group">
											<input type="text" placeholder="Start Searching...">
											<button class="submit">
												<i class="clip-search-3"></i>
											</button>
										</div>
									</form>
								</li>
							</ol>
							<div class="page-header">
								<h3>LIST RECIPES</h3>
							</div>

                            <p>Please use the table below to navigate or filter the results. </p>
						</div>
					</div>
					<!-- end: PAGE HEADER -->
					<!-- start: PAGE CONTENT 
                    <!-- start grid -->
                    <div class="row">
						<div class="col-md-12">
							<!-- start: DYNAMIC TABLE PANEL -->
							<div class="panel panel-default">
								<div class="panel-heading">
									<i class="fa fa-external-link-square"></i>
									Item List
								</div>
								<div class="panel-body">
								    <div id="error"></div>
									<table class="table table-bordered table-condensed table-hover table-striped dataTable" id="products_table">
										<thead>
								            <tr>
												<th>Item Code</th>
												<th>Item Name</th>
                                                <th>Category</th>
												<th>Sub Category</th>  
												<th>Item Type</th>
   												<th>Unit Price</th>
                                                <th>Unit Cost</th>
                                                <th>No Of <br> Recipes</th>
												<th>Action</th>
								            </tr>
								        </thead>
								        <tfoot>
												<tr>
												<th>Item Code</th>
												<th>Item Name</th>
                                                <th>Category</th>
												<th>Sub Category</th>  
												<th>Item Type</th>
   												<th>Unit Price</th>
                                                <th>Unit Cost</th>
                                                <th>No Of <br> Recipes</th>
												<th>Action</th>
								            </tr>
								        </tfoot>
									</table>
								</div>
							</div>
							<!-- end: DYNAMIC TABLE PANEL -->
						</div>
					</div>

                    <!-- end grid -->
                    
					
			</div>
			<!-- end: PAGE -->
		</div>
		<!-- end: MAIN CONTAINER -->
		<!-- start: FOOTER -->
		<div class="footer clearfix">
			<div class="footer-inner">
				2022 &copy; clip-one by cliptheme.
			</div>
			<div class="footer-items">
				<span class="go-top"><i class="clip-chevron-up"></i></span>
			</div>
		</div>
		<!-- end: FOOTER -->
		<!-- start: RIGHT SIDEBAR -->
		<!-- end: RIGHT SIDEBAR -->
		<div id="event-management" class="modal fade" tabindex="-1" data-width="760" style="display: none;">
			<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>
						<h4 class="modal-title">Event Management</h4>
					</div>
					<div class="modal-body"></div>
					<div class="modal-footer">
						<button type="button" data-dismiss="modal" class="btn btn-light-grey">
							Close
						</button>
						<button type="button" class="btn btn-danger remove-event no-display">
							<i class='fa fa-trash-o'></i> Delete Event
						</button>
						<button type='submit' class='btn btn-success save-event'>
							<i class='fa fa-check'></i> Save
						</button>
					</div>
				</div>
			</div>
		</div>

		<!-- start ajax model -->
		<div id="ajax-modal" class="modal fade" data-backdrop="static" data-keyboard="false" tabindex="-1" style="display: none;"></div>
		<!-- end ajax model -->

		<!-- start: MAIN JAVASCRIPTS -->
		<?php $this->load->view("common/footer"); ?>
		<!-- end: MAIN JAVASCRIPTS -->
         <script type="text/javascript" src="<?php echo asset_url(); ?>js/jquery.dataTables.min.js"></script>
          <script type="text/javascript" src="<?php echo asset_url(); ?>js/dataTables.bootstrap.min.js"></script>
          <script type="text/javascript" language="javascript" src="<?php echo asset_url(); ?>js/dataTables.buttons.min.js">
        </script> 
<script type="text/javascript" language="javascript" src="<?php echo asset_url(); ?>js/buttons.print.min.js">
        </script> 
<script type="text/javascript" language="javascript" src="<?php echo asset_url(); ?>js/buttons.flash.min.js">
        </script> 
<script type="text/javascript" language="javascript" src="<?php echo asset_url(); ?>js/jszip.min.js">
        </script> 
<script type="text/javascript" language="javascript" src="<?php echo asset_url(); ?>js/pdfmake.min.js">
        </script> 
<script type="text/javascript" language="javascript" src="<?php echo asset_url(); ?>js/vfs_fonts.js">
        </script> 
<script type="text/javascript" language="javascript" src="<?php echo asset_url(); ?>js/buttons.html5.min.js">
        </script> 
<script type="text/javascript" language="javascript" src="<?php echo asset_url(); ?>js/buttons.print.min.js"></script> 
		<script>
			jQuery(document).ready(function() {
				//TableData.init();
				products_load();
			});

var req;
			function products_load() {
			req =		    $('#products_table').DataTable({
							dom: 'Blfrtip',
				//lengthMenu: [[10, 25, 50, -1 ], [10, 25, 50, "All"]],
				buttons: [{ extend: 'copy', text: '<i class="fa fa-copy fa-2x"></i>',footer: true, exportOptions: [ 0,1,2,3] },
						  { extend: 'print',
						  	text: '<i class="fa fa-print fa-2x"></i>',
							footer: true,
							exportOptions:{ columns: [1,2,3,4,5,6,7,8,9] },
						  	title:"<center>Products</center>"
	 },
							{ extend: 'excel', text: '<i class="far fa-file-excel fa-2x"></i>Excel',footer: true,exportOptions:
	 { columns: [1,2,3,4,5,6,7,8,9] },title:"Products"},
							 { extend: 'pdf', text: '<i class="far fa-file-pdf fa-2x"></i>PDF',footer: true,exportOptions:
	 { columns: [1,2,3,4,5,6,7,8,9] },title:"Products"},
							 
						],
							 "serverSide": true,
					        "ajax": "<?php echo base_url('production_process/get_list_product_block') ?>",
					        "bDestroy": true,
					        "iDisplayLength": 10
					    });

					}
			function print_barcode (product_id) {
				window.open('products/single_barcode/'+product_id, 'sma_popup', 'width=900,height=600,scrollbars=yes,menubar=yes,status=no,resizable=yes,screenx=0,screeny=0');
			}
			function print_barcode_test (product_id) {
				window.open('products/single_barcode_test/'+product_id, 'sma_popup2', 'width=900,height=600,scrollbars=yes,menubar=yes,status=no,resizable=yes,screenx=0,screeny=0');
			}

			function product_delete(product_id) {

				var r = confirm("Are you sure you want to delete this item !");
				if (r == true) {
					products_load();
					$.ajax({
					    url : "<?php echo base_url('products/delete_product'); ?>",
					    type: "POST",
					    data : {product_id:product_id},
					    success: function(data)
					    {
	                            var obj = jQuery.parseJSON(data);
	                            if (obj.status==0) 
	                                {
	                                    $('div#error').html('<div class="alert alert-block alert-danger fade in"><button type="button" class="close" data-dismiss="alert">×</button><h4 class="alert-heading"><i class="fa fa-times-circle"></i> Error!</h4>'+obj.validation+'</div>');
	                                } 
	                                else
	                                {
	                                    set_message('Product notice!','Product permanent deleted successfully');
										products_load();
	                                };
					    }
	    			});
				}

			}
		</script>
        <script>
		function break_product(product_id){
			//alert(product_id);
				//return false;
				// create the backdrop and wait for next modal to be triggered
				$('body').modalmanager('loading');
				setTimeout(function() {
					$modal.load('<?php echo base_url("bulk_break/load_process"); ?>/'+product_id, '', function() {
						$modal.modal();
					});
				}, 1000);
			
		}
		function enable_product(prouct_id){
	
	jQuery.ajax({
		type: "POST",
		url: "<?php echo base_url().'products/enable?product_id='?>"+prouct_id,
		cache: false,
		success: function(response)
       {
			displayNotice('page','Successfully Enabled !!');
			setTimeout(function(){
				//products_load();
				req.ajax.reload();
				}, 1000);
			}
		
		});	
	}
	
	
function disable_product(prouct_id){

	jQuery.ajax({
		type: "POST",
		url: "<?php echo base_url().'products/disable?product_id='?>"+prouct_id,
		cache: false,
		success: function(response)
       {
//		var price = $('#'+count).val();
//		var twoPlacedFloat = parseFloat(price).toFixed(2)
//		$('#'+count).val(twoPlacedFloat);
		displayNotice('page','Successfully Disabled !!');
//		setTimeout(resetfun(),30000);
 //location.reload();
		setTimeout(function(){
			req.ajax.reload();
			}, 1000);
		//products_load();
	    	}
		});
	
	}
	
	
		function create_new_block(product_id){
	    bootbox.confirm({
    title: "Create new product block?",
    message: "Do you want to create new product block? This cannot be undone.",
    buttons: {
        cancel: {
            label: '<i class="fa fa-times"></i> Cancel'
        },
        confirm: {
            label: '<i class="fa fa-check"></i> Confirm'
        }
    },
    callback: function (result) {
        //console.log('This was logged in the callback: ' + result);
        //-----------------------------------------------------------
        if(result==true){
        jQuery.ajax({
		type: "POST",
		url: "<?php echo base_url().'products/create_new_block?product_id='?>"+product_id,
		cache: false,
		success: function(response)
       {
		displayNotice('page','Successfully Added !!');
		//*********************************************
		var obj = jQuery.parseJSON( response );
            bootbox.confirm({
    title: "Alocate  raw material / intermediate product  ?",
    message: "Do you want to allocate new raw material / intermediate product ?",
    buttons: {
        cancel: {
            label: '<i class="fa fa-times"></i> No Later'
        },
        confirm: {
            label: '<i class="fa fa-check"></i> Yes Now'
        }
    },
    callback: function (result) {
        //console.log('This was logged in the callback: ' + result);
        if(result==true){
               window.location.replace("<?php echo base_url().'production_process/create_new_product_block?product_id='?>"+obj.result); 
            }
    }
});
		
		//*************************************************
	    }
		});
        }
       //---------------------------------------------------------- 
    }
});
	}
	
	
	
	
		</script>
	</body>
	<!-- end: BODY -->
</html>