<!DOCTYPE html>
<html lang="en">


<!-- Mirrored from edumin.dexignlab.com/xhtml/add-departments.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 17 Nov 2020 13:56:15 GMT -->
<head>
	
	<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Rizwan </title>
	<!-- Favicon icon -->
    <link rel="icon" type="image/png" sizes="16x16" href="<?php echo base_url();?>assets/images/favicon.png">
    <link rel="stylesheet" href="<?php echo base_url();?>assets/vendor/bootstrap-select/dist/css/bootstrap-select.min.css">
    <link rel="stylesheet" href="<?php echo base_url();?>assets/css/style.css">
	<!-- Pick date -->
    <link rel="stylesheet" href="<?php echo base_url();?>assets/vendor/pickadate/themes/default.css">
    <link rel="stylesheet" href="<?php echo base_url();?>assets/vendor/pickadate/themes/default.date.css">
     <link href="<?php echo base_url();?>assets/vendor/datatables/css/jquery.dataTables.min.css" rel="stylesheet">
    <!-- Custom Stylesheet -->
     

</head>

<body>

    <!--*******************
        Preloader start
    ********************-->
        <div id="preloader">
        <div class="sk-three-bounce">
            <div class="sk-child sk-bounce1"></div>
            <div class="sk-child sk-bounce2"></div>
            <div class="sk-child sk-bounce3"></div>
        </div>
    </div>
    <!--*******************
        Preloader end
    ********************-->

    <!--**********************************
        Main wrapper start
    ***********************************-->
    <div id="main-wrapper">

      <?php  $this->load->view('header'); ?>
		
        <!--**********************************
            Content body start
        ***********************************-->
        <div class="content-body">
            <!-- row -->
            <div class="container-fluid">
				    
                <div class="row page-titles mx-0">
                    <div class="col-sm-6 p-md-0">
                        <div class="welcome-text">
                            <h4>Material</h4>
                        </div>
                    </div>
                    <div class="col-sm-6 p-md-0 justify-content-sm-end mt-2 mt-sm-0 d-flex">
                        <button type="button" class="btn btn-rounded btn-success" onclick="btnExport_monthly();"><span class="btn-icon-left text-success"><i class="fa fa-download color-success"></i>
                                    </span>Download</button>
                    </div>
                </div>
				
				<div class="row">


                    <div class="col-12">
                        <div class="card">
                            <div class="card-header">
                               <button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bd-example-modal-lg">Add Material</button>
                                    <div class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
                                        <div class="modal-dialog modal-lg">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                  
                                                    <button type="button" class="close" data-dismiss="modal"><span>&times;</span>
                                                    </button>
                                                </div>
                                                <div class="modal-body">
                                             <?php echo form_open(base_url(''),array('class'=>"form-horizontal add_material", 'id'=>"add_material")); ?>
                                                    
                                                        <?php if($this->session->flashdata('material_success')){ ?>
                                                <div class="alert alert-success solid" style='text-align:center;'><?php echo $this->session->flashdata('material_success'); ?></div>
                                            <?php } ?>         

                                          <div class="col-xl-12 col-xxl-12 col-sm-12">
                                             <div class="card">
                                                <div class="card-header">
                                                    <h5 class="card-title">Add Material</h5>
                                                </div>
                                                <div class="card-body">
                                                    <div id='material_success' class='alert alert-success solid' style='display:none;'></div>
                                                       <div class="row">

                                                        <div class="col-lg-6 col-md-6 col-sm-12">
                                                                    <div class="form-group">
                                                                       
                                                                        <input type="hidden" name="created" id="created" value="<?php echo date('Y-m-d H:i:s'); ?>" class="form-control required">
                                                                    </div>
                                                                </div>

                                                                <div class="col-lg-6 col-md-6 col-sm-12">
                                                                    <div class="form-group">
                                                                       
                                                                        <input type="hidden" value="<?php echo date('Y-m-d H:i:s'); ?>" name="modified" id="modified" class="form-control required">
                                                                    </div>
                                                                </div>
                                                            

                                                            
                                                          
                                                            <div class="col-lg-6 col-md-6 col-sm-12">
                                                                <div class="form-group">
                                                                    <label class="form-label">Material Type:</label>
                                                                    <select name="type" id="type" class="form-control" tabindex="-98">
                                                                        <option value="">Select Material</option>
                                                                        <?php foreach ($material_type as $material_type) { ?>
                                                                            
                                                                             <option value="<?php echo $material_type['id']; ?>"><?php echo $material_type['name']; ?></option>

                                                                        <?php } ?>
                                                                       
                                                                        
                                                                        </select>
                                                                </div>
                                                            </div>

                                                            <div class="col-lg-6 col-md-6 col-sm-12">
                                                                <div class="form-group">
                                                                    <label class="form-label">Material Code:</label>
                                                                    <input type="text" name="material_code" id="material_code" readonly="readonly" placeholder="Material Code" class="form-control">
                                                                </div>
                                                            </div>
                                                           
                                                            <div class="col-lg-6 col-md-6 col-sm-12">
                                                                <div class="form-group">
                                                                    <label class="form-label">Description:</label>
                                                                        <input type="text" name="name" id="name" placeholder="Description" class="form-control">
                                                                </div>
                                                            </div>



                                                            <div class="col-lg-6 col-md-6 col-sm-12 grade">
                                                                <div class="form-group">
                                                                    <label class="form-label">Grade:</label>
                                                                        <input type="text" name="grade" id="grade" placeholder="Material Grade" class="form-control">
                                                                </div>
                                                            </div>


                                                            <div class="col-lg-6 col-md-6 col-sm-12">
                                                                <div class="form-group">
                                                                    <label class="form-label">Vendor:</label>
                                                                     <select name="vendor" id="vendor" class="form-control" tabindex="-98">
                                                                        <option value="">Select Vendor</option>
                                                                        <?php foreach ($get_vendors as $vendors) { ?>
                                                                            
                                                                             <option value="<?php echo $vendors['id']; ?>"><?php echo $vendors['vendor_name']; ?></option>

                                                                        <?php } ?>
                                                                       
                                                                        
                                                                        </select>  
                                                                </div>
                                                            </div>

                                                            

                                                            <div class="col-lg-6 col-md-6 col-sm-12 make">
                                                                <div class="form-group">
                                                                    <label class="form-label">Make:</label>
                                                                   <input type="text" id="make" name="make" placeholder="Make.." class="form-control">
                                                                </div>
                                                            </div>

                                                            <div class="col-lg-6 col-md-6 col-sm-12 meltflow">
                                                                <div class="form-group">
                                                                    <label class="form-label">Melt Flow:</label>
                                                                        <input type="text" name="meltflow" id="meltflow" placeholder="Melt Flow" class="form-control">
                                                                </div>
                                                            </div>
                                                            
                                                            <div class="col-lg-6 col-md-6 col-sm-12 color">
                                                                <div class="form-group">
                                                                    <label class="form-label">Color:</label>
                                                                        <input type="text" name="color" id="color" placeholder="Color" class="form-control">
                                                                </div>
                                                            </div>
                                                            

                                                            <div class="col-lg-6 col-md-6 col-sm-12">
                                                                <div class="form-group">
                                                                    <label class="form-label">Pack Size:</label>
                                                                        <input type="text" name="size" id="size" placeholder="Pake Size" class="form-control">
                                                                </div>
                                                            </div>


                                                            <div class="col-lg-6 col-md-6 col-sm-12">
                                                                <div class="form-group">
                                                                    <label class="form-label">Unit:</label>
                                                                    <select name="unit" id="unit" class="form-control" tabindex="-98">
                                                                        <option value="">Select Unit</option>
                                                                        <?php foreach ($get_units as $get_units) { ?>
                                                                        <option value="<?php echo $get_units['id']; ?>"><?php echo $get_units['names']; ?></option>
                                                                            
                                                                        <?php } ?>
                                                                        
                                                                        </select>
                                                                </div>
                                                            </div>
                                                            <input type="hidden" name="user_id" id="user_id" value="<?php echo $this->session->userdata('id');?>">
                                                        </div>
                                                    
                                                </div>
                                            </div>
                                        </div>



                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                                    <button type="submit" id="dis_submit" class="btn btn-primary">Submit <i class="icon-arrow-right14 position-right"></i></button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <?php form_close();?>
                            </div>
                            <div class="card-body">
                                <?php if($this->session->flashdata('material_danger')){ ?>
                                    <div class="alert alert-danger solid " style='text-align:center;'><?php echo $this->session->flashdata('material_danger'); ?></div>
                                <?php } ?>
                                 <div id='material_danger' class='alert alert-danger solid' style='display:none;width: 30%;'></div>
                                <div class="table-responsive">
                                    <table id="example5" class="display" style="min-width: 845px">
                                        <thead>
                                            <tr>
                                                <th>Material Description</th>
                                                <th>Code</th>
                                                <th>Size</th>
                                                <th>Unit</th>
                                                <th>Type</th>
                                                <th>Action</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <?php
                                                if(!empty($get_materials)){
                                             foreach($get_materials as $get_materials){ ?>
                                            <tr>
                                               <td><?php echo $get_materials['name']; ?></td>
                                                <td><strong><?php echo $get_materials['material_code']; ?></strong></td>
                                               <td><?php echo $get_materials['grade']; ?></td>
                                               <td><?php echo get_unit_name($get_materials['unit']); ?></td>
                                               <td><?php if($get_materials['type']==1){ ?>
                                                <span class="badge badge-success">Raw Material</span>

                                               <?php }else if($get_materials['type']==2){ ?>

                                                <span class="badge badge-warning">Packing Material</span>

                                               <?php }else{ ?>

                                                <span class="badge badge-primary">Color Material</span>

                                               <?php } ?></td>
                                                <td>
                                                    <a href="<?php echo base_url('Masterlist/edit_get_materials/'.$get_materials['id']); ?>" class="btn btn-sm btn-primary"><i class="la la-pencil"></i></a>
                                                    <a href="javascript:void(0);" onclick="delete_data(<?php echo $get_materials['id']; ?>)" class="btn btn-sm btn-danger"><i class="la la-trash-o"></i></a>

                                                    
                                                     <button type="button" class="badge badge-warning" data-toggle="modal" data-target=".bd-example-modal-lg1" onclick="get_data('<?php  echo $get_materials['id']; ?>')">View</button>


                                                    <button type="button" class="badge badge-success" data-toggle="modal" data-target=".bd-example-modal-lg2" onclick="get_data1('<?php  echo $get_materials['id']; ?>')">Add Mix Color</button>
                                                </td>                                               
                                            </tr>
                                           <?php }
                                                }
                                            ?>
                                           
                                        </tbody>
                                    </table>
                                </div>


                            </div>
                        </div>
                    </div>





					
				</div>
            </div>
        </div>

        <div class="modal fade bd-example-modal-lg1" tabindex="-1" role="dialog" aria-hidden="true">
                                        <div class="modal-dialog modal-lg">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                  
                                                    <button type="button" class="close" data-dismiss="modal"><span>&times;</span>
                                                    </button>
                                                </div>
                                                <div class="modal-body">
                                              
                                            <div class="col-xl-12 col-xxl-12 col-sm-12">
                                                <div class="card">
                                                    <div class="card-header">
                                                 <h5 class="card-title">Materials Details</h5>
                                                    </div>
                                                   
                                                   <div class="card-body" id="materials_details">
                                              
                                                    </div>
                                                </div>
                                            </div>



                                                </div>
                                                <div class="modal-footer">
                              
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                                                  
                                                </div>
                                            </div>
                                        </div>
                                    </div>
            
                                  </div>



                                  <div class="modal fade bd-example-modal-lg2" tabindex="-1" role="dialog" aria-hidden="true">
                                        <div class="modal-dialog modal-lg">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                  
                                                    <button type="button" class="close" data-dismiss="modal"><span>&times;</span>
                                                    </button>
                                                </div>
                                                <div class="modal-body">
                                              
                                            <div class="col-xl-12 col-xxl-12 col-sm-12">
                                                <div class="card">
                                                    <div class="card-header">
                                                 <h5 class="card-title">Materials Details Mix Color</h5>
                                                    </div>
                                                   
                                                   <div class="card-body" id="materials_details1">
                                              
                                                    </div>
                                                </div>
                                            </div>

                                                </div>
                                                
                                        </div>
                                    </div>
            
                                  </div>
        <!--**********************************
            Content body end
        ***********************************-->


        <!--**********************************
            Footer start
        ***********************************-->
        
        <!--**********************************
            Footer end
        ***********************************-->

		<!--**********************************
           Support ticket button start
        ***********************************-->

        <!--**********************************
           Support ticket button end
        ***********************************-->


    </div>
    <!--**********************************
        Main wrapper end
    ***********************************-->

    <!--**********************************
        Scripts
    ***********************************-->
	<!-- Required vendors -->
         <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
        <style>
        .redborder{
            border:1px solid red;
        }
        </style>

    <script type='text/javascript'>


         function get_data(id) { 
              var id =  id;
              //alert(id);

              $.ajax({
                        type:'POST',
                        url:'<?php echo base_url('Masterlist/view_material_details'); ?>',
                        data:{id:id},
                        dataType:'json',
                        success:function(data){
                            //console.log('first'+data.status);
                            //if(data.status === 'true'){
                             $('#materials_details').show().html(data.html);
                               //$('#bom_details').show(data);
                           /* }else{
                                //console.log('third'+data);          
                            }*/
                        },
                        error:function(data){console.log(data.responseText);}
                    });
               
                } 



                  function get_data1(id) { 
              var id =  id;
              //alert(id);

              $.ajax({
                        type:'POST',
                        url:'<?php echo base_url('Masterlist/add_material_color_mix'); ?>',
                        data:{id:id},
                        dataType:'json',
                        success:function(data){
                            //console.log('first'+data.status);
                            //if(data.status === 'true'){
                             $('#materials_details1').show().html(data.html);
                               //$('#bom_details').show(data);
                           /* }else{
                                //console.log('third'+data);          
                            }*/
                        },
                        error:function(data){console.log(data.responseText);}
                    });
               
                } 




        $("#type").change(function() {

                
    
                var id = $('#type').val();

                if(id==2){

                $('.grade').hide();
                $('.make').hide();
                $('.meltflow').hide();
                $('.color').hide();

                     

                }else if(id==1){


                     $('.grade').show();
                     $('.make').show();
                     $('.meltflow').show();
                     $('.color').show();


                }else if(id==3){


                
                    $('.make').hide();
                    $('.meltflow').hide();
                    $('.color').hide();


                }

                   $.ajax({
                            type:'POST',
                            url:'<?php echo base_url('Masterlist/material_code'); ?>',
                            data:{id:id},
                            dataType:'json',
                            success:function(material_code){
                                //console.log(data[0].material_code);
                                $('#material_code').val(material_code);
                               // alert(pro_code);
                                
                            },
                            error:function(data){console.log(data.responseText);}
                        });

    });

        
    var material = $('#add_material');   
    
    material.on('submit',function(e){
        
          $("#dis_submit").attr('disabled', true);

        e.preventDefault();
        
        var add_material = material.serialize();
        
      
            $.ajax({
                type:'POST',
                url:'<?php echo base_url('Masterlist/material'); ?>',
                data:add_material,
                dataType:'json',
                success:function(data){
                    console.log('first'+data.status);
                    if(data.status === 'true'){
                        console.log('second'+data.status);
                        $('#material_success').show().html('Material added Successfully').hide(3000);
                       setTimeout(function(){location.href="<?php echo base_url('Masterlist/material'); ?>"} , 3000);
                    }else{
                        console.log('third'+data);          
                    }
                },
                error:function(data){console.log(data.responseText);}
            });
       // }
    });

    function delete_data(id) { 
        var id = id;
        if (confirm('Are you sure you want to Delete.?')) {
  
         $.ajax({
                type:'POST',
                url:'<?php echo base_url('Masterlist/delete_material/'); ?>'+id,
                data:id,
                dataType:'json',
                success:function(data){
                    console.log('first'+data.status);
                    
                        console.log('second'+data.status);
                        //debugger;
                        $('#material_danger').show().html('Material Deleted Successfully');
                       setTimeout(function(){location.href="<?php echo base_url('Masterlist/material'); ?>"} , 3000);
                    
                },
                error:function(data){console.log(data.responseText);}
            });
        } else {
  
            }
        } 

     function btnExport_monthly()
{
    
    var tab_text="<table border='2px'><tr bgcolor='#ebebeb'>";
    var textRange; var j=0;
    tab = document.getElementById('example5'); // id of table

    for(j = 0 ; j < tab.rows.length ; j++) 
    {     
        tab_text=tab_text+tab.rows[j].innerHTML+"</tr>";
        //tab_text=tab_text+"</tr>";
    }

    tab_text=tab_text+"</table>";
    tab_text= tab_text.replace(/<A[^>]*>|<\/A>/g, "");//remove if u want links in your table
    tab_text= tab_text.replace(/<img[^>]*>/gi,""); // remove if u want images in your table
    tab_text= tab_text.replace(/<input[^>]*>|<\/input>/gi, ""); // reomves input params


    var ua = window.navigator.userAgent;
    var msie = ua.indexOf("MSIE "); 

    if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./))      // If Internet Explorer
    {
        txtArea2.document.open("txt/html","replace");
        txtArea2.document.write(tab_text);
        txtArea2.document.close();
        txtArea2.focus(); 
        sa=txtArea2.document.execCommand("SaveAs",true,"Generation_School_Report");
    }  
    else                 //other browser not tested on IE 11
        sa = window.open('data:application/vnd.ms-excel,' + encodeURIComponent(tab_text));  

    return (sa);
}
    </script>   

	   <?php  $this->load->view('footer'); ?>
        
</body>

<!-- Mirrored from edumin.dexignlab.com/xhtml/add-departments.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 17 Nov 2020 13:56:15 GMT -->
</html>