<?php
/*----include header file----*/
require_once APPPATH."/views/common/header.php"; ?>
    <div class="boxLwd">
        <h2>Filters</h2>
        
        <div class="row costLine">
            <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 ui-widget">
                <select class="combobox costcenterlwd">
				    <option selected="selected">Select Cost Center</option>
					 <?php
						if( !empty( $costcenter ) )
						{
							foreach( $costcenter as $val ):
						?>
							<option value="<?= $val['costcenter_id']; ?>"><?= $val['costcenter_name']; ?></option>
						<?php
							endforeach;
						}
					?>                   
                </select>
            </div>
             <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 cost2">
                <select class="combobox contractarealwd">
                    <option>Select Contract Area</option>
                </select>
            </div>
           <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 cost2">
                <select class="combobox officelwd">
                    <option>Select Office</option>
                </select>
            </div>
        
        </div>
        
        <div class="row LwdButtons">
            <!--<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
                <label>Show</label>
                 <select class="selectNumber">
                    <option>10</option>
                    <option>20</option>
                    <option>30</option>
                </select>
                <span>Row</span>
            </div>
            
            <div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
                    <div class="form-group label-floating">
                        <label class="control-label">Search</label>
                        <input type="Search" class="form-control">
                    </div>
            </div>-->
            
           <!-- <div class="col-xs-12 col-sm-12 col-md-2 col-md-offset-3 col-lg-2 col-lg-offset-3">
                <input type="search" placeholder="Search">
            </div>-->
            
            
            
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 addNewButton">
                <button class="btn thumbnail" type="submit" data-toggle="modal" data-target="#lightbox">Add New</button>
                <button class="btn btn-default" type="submit">Import</button>
                <button class="btn btn-default" type="submit">Export</button>
            </div>
         </div>
        
        
        <div class="row tableLWD">
            <table id="example" class="table table-striped table-bordered" width="98%" cellpadding="1" cellspacing="1">
                <thead>
                    <tr>
                        <th>Number</th>
                        <th>Name</th>
                        <th>Email ID</th>
                        <th>MSDIN</th>
                        <th>Partner</th>
                        <th>Created</th>
                        <th>Timezone</th>
                        <th>Status</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>12442</td>
                        <td>Larry P.</td>
                        <td>Larry@iivo.io</td>
                        <td>+44-444444-4444</td>
                        <td>IIVO</td>
                        <td>07/01/2017</td>
                        <td>GMT London</td>
                        <td>Active</td>
                        <td><a href="#">View</a></td>
                    </tr>
                    <tr>
                        <td>12442</td>
                        <td>Charlie C.</td>
                        <td>Charlie@iivo.io</td>
                        <td>+44-444444-4444</td>
                        <td>IIVO</td>
                        <td>07/01/2017</td>
                        <td>GMT London</td>
                        <td>Active</td>
                        <td><a href="#">View</a></td>
                    </tr>
                     <tr>
                        <td>12442</td>
                        <td>Larry P.</td>
                        <td>Larry@iivo.io</td>
                        <td>+44-444444-4444</td>
                        <td>IIVO</td>
                        <td>07/01/2017</td>
                        <td>GMT London</td>
                        <td>Active</td>
                        <td><a href="#">View</a></td>
                    </tr>
                    <tr>
                        <td>12442</td>
                        <td>Charlie C.</td>
                        <td>Charlie@iivo.io</td>
                        <td>+44-444444-4444</td>
                        <td>IIVO</td>
                        <td>07/01/2017</td>
                        <td>GMT London</td>
                        <td>Active</td>
                        <td><a href="#">View</a></td>
                    </tr>
                     <tr>
                        <td>12442</td>
                        <td>Larry P.</td>
                        <td>Larry@iivo.io</td>
                        <td>+44-444444-4444</td>
                        <td>IIVO</td>
                        <td>07/01/2017</td>
                        <td>GMT London</td>
                        <td>Active</td>
                        <td><a href="#">View</a></td>
                    </tr>
                    <tr>
                        <td>12442</td>
                        <td>Charlie C.</td>
                        <td>Charlie@iivo.io</td>
                        <td>+44-444444-4444</td>
                        <td>IIVO</td>
                        <td>07/01/2017</td>
                        <td>GMT London</td>
                        <td>Active</td>
                        <td><a href="#">View</a></td>
                    </tr>
                    
                    
                </tbody>
            </table>
            
           <!-- <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
                <select>
                    <option>Bulk Actions</option>
                    <option>ActionScript</option>
                    <option>ActionScript</option>
                </select>
            </div>-->
            
        </div>
        
      <!-- <div class="row Entries">
                <div class="col-xs-12 col-sm-12 col-md-3 col-lg-3 pull-left showResults">
                    Showing 1 to 10 of 57 entries
                </div>
                
                <div class="col-xs-12 col-sm-12 col-md-9 col-lg-9 pull-right">
                    <ul>
                        <li>Previous</li>
                        <li>1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        <li>5</li>
                        <li>6</li>
                        <li>Next</li>
                    </ul>
                </div>
                
            </div>-->
        
        
   </div>
</div>
</div>


<div id="lightbox" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <button type="button" class="close hidden" data-dismiss="modal" aria-hidden="true">×</button>
        <div class="modal-content">
            <div class="modal-body">
            
            <div class="row">
            <div class="col-lg-12">
                <h2>Add LWD</h2>
            </div>
            </div>
            <form id="add_lwd">
            <div class="ajax_msg"></div>
             <div class="row lighboxInner">
            	<div class="col-lg-12">
                <select name="costcenter" class="costCenterSelect">
                	<option value="">Select Cost Center</option>
                    <option value="1">IIVO</option>
                </select>
                </div>
             </div>
             
             <div class="row lighboxInner">
            	<div class="col-lg-6">
                    <div class="form-group label-floating">
                            <label class="control-label">Full Name</label>
                            <input type="text" class="form-control fullNameField">
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="form-group label-floating">
                            <label class="control-label">Login Name</label>
                            <input type="text" class="form-control fullNameField" onchange="return login_name_check()">
                    </div>
                    
                    <span class="login_name_error"></span>
                </div>
             </div>
             
             <div class="row lighboxInner">
            	<div class="col-lg-6">
                    <div class="form-group label-floating">
                            <label class="control-label">Email Address</label>
                            <input type="email" id="email_address" class="form-control fullNameField">
                    </div>
                    <span class="email_error"></span>
                </div>
                <div class="col-lg-6">
                     <div class="form-group label-floating">
                            <label class="control-label">Password</label>
                            <input type="password" class="form-control fullNameField" name="password">
                    </div>
              	</div>
              </div>
                
              <div class="row lighboxInner">
                    <div class="col-lg-6 selectLwdNew">
                        <select name="gender">
                            <option value="">Gender</option>
                            <option value="male">Male</option>
                            <option value="female">Female</option>
                        </select>
                    </div>
                    <div class="col-lg-6 lwdDob">
                        <label class="control-label"></label>
                        <input type="password" class="form-control fullNameField" placeholder="DD-MM-YYYY" name="dob">
                    </div>
              </div>
              
              <div class="row lighboxInner">
                    <div class="col-lg-6">
                        <div class="form-group label-floating">
                            <label class="control-label">Phone Number Ex. 440123456789</label>
                            <input type="text" class="form-control fullNameField" name="number">
                    	</div>
                    </div>
                    <div class="col-lg-6">
                        <div class="form-group label-floating">
                            <label class="control-label">IMEI Number</label>
                            <input type="text" class="form-control fullNameField" name="imei">
                    	</div>
                    </div>
              </div>
              <div class="row lighboxInner lightBoxSelect">
                    <div class="col-lg-12">
                    <textarea name="address" class="fullNameField" placeholder="Address"></textarea>
                    </div>
              </div>

              	<div class="row lighboxInner lightBoxSelect">
	              	<div class="col-xs-12 col-sm-12 col-md-2 col-lg-12">
                        <button class="btn btn-default" type="submit" value="Add New">Add New</button>
		            </div>
	            </div>
	            </form>
            </div>
        </div>
    </div>
</div>

<?php require_once APPPATH."/views/common/footer.php"; ?>