<?php
/*----include header file----*/
require_once APPPATH."/views/common/header.php"; ?>

<div class="addLwdPage">
<ol class="progress-track">
  <li id="step1" class="progress-done progress-current">
    <center>
      <div class="icon-wrap">
        <svg class="icon-state icon-check-mark">
          <use xlink:href="#icon-check-mark"></use>
        </svg>

        <svg class="icon-state icon-down-arrow">
          <use xlink:href="#icon-down-arrow"></use>
        </svg>
      </div>
      <span class="progress-text">Select cost centre</span>
    </center>
  </li>

  <li id="step2" class="progress-todo">
    <center>
      <div class="icon-wrap">
        <svg class="icon-state icon-check-mark">
          <use xlink:href="#icon-check-mark"></use>
        </svg>

        <svg class="icon-state icon-down-arrow">
          <use xlink:href="#icon-down-arrow"></use>
        </svg>
      </div>
      <span class="progress-text">Select contract area</span>
    </center>
  </li>

  <li id="step3" class="progress-todo">
    <center>
      <div class="icon-wrap">
        <svg class="icon-state icon-check-mark">
          <use xlink:href="#icon-check-mark"></use>
        </svg>

        <svg class="icon-state icon-down-arrow">
          <use xlink:href="#icon-down-arrow"></use>
        </svg>
      </div>
      <span class="progress-text">Select Office</span>
    </center>
  </li>

  <li id="step4" class="progress-todo">
    <center>
      <div class="icon-wrap">
        <svg class="icon-state icon-check-mark">
          <use xlink:href="#icon-check-mark"></use>
        </svg>

        <svg class="icon-state icon-down-arrow">
          <use xlink:href="#icon-down-arrow"></use>
        </svg>
      </div>
      <span class="progress-text">Add LWD</span>
    </center>
  </li>
  
</ol>

<div class="box boxLwdNew2">
 <div class="box1 box11">
            <div class="boxUpper">
            	<div class="boxInner"><img src="<?= base_url(); ?>/img/readingIcon.png"></div>
            	<div class="text">Cost Center</div>
                
                
            </div>  
<div class="greyLine"></div>
<div class="boxText">
    <select id="selectCost">
        <option>Select Cost Center</option>
        <?php
          if( !empty($costcenter) )
          {
            for( $i=0; $i<count($costcenter); $i++ )
            {
              echo '<option value="'.$costcenter[$i]['lindex'].'">'.ucfirst($costcenter[$i]['description']).'</option>';
            }
          }
        ?>
    </select>

</div>
</div>


<div class="box1 box2 box22">
<div class="boxUpper">
    <div class="boxInner"><img src="<?= base_url(); ?>/img/paymentIcon.png"></div>
    <div class="text">Contract Area</div>
    
 </div> 
    <div class="greyLine"></div>
    <div class="boxText">
    <select id="selectContract">
    </select>
    </div>
    <div class="error_msg2"></div>
</div>

 <div class="box1 box2 box33">
<div class="boxUpper">
    <div class="boxInner"><img src="<?= base_url(); ?>/img/energyUsageIcon.png"></div>
    <div class="text">Offices</div>
    
</div> 
    <div class="greyLine"></div>
    <div class="boxText">
    <select id="selectOffice">
    </select>
    </div>
</div>


<div class="box1 box2 box55" id="arrow" style="display: none">
<div class="arrowIcon22">
<img class="arrowIconInner2" src="<?= base_url(); ?>/img/arrowIcon22.png">
<img class="hoverNew" src="<?= base_url(); ?>/img/arrowIcon22Hover.png">
</div>
</div>

<div style="clear:both"></div>

<div class="error_msg1"></div>
 
<div class="box1 box2 box44 boxForm">
<span id="restpartpopup" style="display: block;">
<h3 id="error_msg_lwd"></h3>
<form id="adding_lwd" method="post">
             <div class="row lighboxInner">
            	<div class="col-lg-6">
                    <div class="form-group label-floating is-empty">
                            <label class="control-label">First Name</label>
                            <input name="fname" class="form-control fullNameField" type="text">
                            <input type="hidden" name="office_id" id="office_id">
                    <span class="material-input"></span></div>
                </div>
                <div class="col-lg-6">
                    <div class="form-group label-floating is-empty">
                            <label class="control-label">Last Name</label>
                            <input name="login_name" id="login_name" class="form-control fullNameField" onchange="return login_name_check()" type="text">
                    <span class="material-input"></span></div>
                    
                    <span class="login_name_error"></span>
                </div>
             </div>
             
             <div class="row lighboxInner">
            	<div class="col-lg-6">
                    <div class="form-group label-floating is-empty">
                            <label class="control-label">Email Address</label>
                            <input id="email_address" name="email" onchange="return email_address_check()" class="form-control fullNameField" type="email">
                    <span class="material-input"></span></div>
                    <span class="email_error"></span>
                </div>
                <div class="col-lg-6">
                     <div class="form-group label-floating is-empty">
                            <label class="control-label">Password</label>
                            <input class="form-control fullNameField" name="password" type="password">
                    <span class="material-input"></span></div>
              	</div>
              </div>
                
              <div class="row lighboxInner">
                    <div class="col-lg-6 selectLwdNew">
                    <div class="form-group label-floating is-empty">
                        <select name="gender">
                            <option value="">Gender</option>
                            <option value="male">Male</option>
                            <option value="female">Female</option>
                        </select>
                      </div>
                    </div>
                    <div class="col-lg-6 lwdDob">
                        <div class="form-group label-floating is-empty">
                          <!-- <input class="form-control fullNameField" placeholder="Device type" name="device_type" type="text"> -->
                          <select name="device_type">
                            <option value="">Select Device Type</option>
                            <option value="android">Android</option>
                            <option value="ios">IOS</option>
                            <option value="1000series">1000 Series</option>
                            <option value="red alert app">Red Alert App</option>
                            <option value="1100 series">1100 Series</option>
                            <option value="red alert id">Red Alert ID</option>
                            <option value="code 5 companion">Code 5 Companion</option>
                            <option value="spot gen">Spot Gen</option>
                            <option value="sonim">Sonim</option>
                            <option value="1400 series">1400 Series</option>
                          </select>
                         <!--  <span class="material-input"></span> -->
                        </div>
                    </div>
              </div>
              
              <div class="row lighboxInner">
                    <div class="col-lg-6">
                        <div class="form-group label-floating is-empty">
                            <label class="control-label">Phone Number Ex. 440123456789</label>
                            <input class="form-control fullNameField" name="phone" type="text">
                    	<span class="material-input"></span></div>
                    </div>
                    <div class="col-lg-6">
                        <div class="form-group label-floating is-empty">
                            <label class="control-label">IMEI Number</label>
                            <input class="form-control fullNameField" name="imei" type="text">
                    	<span class="material-input"></span></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 lightBoxbtnNew2">
	              	<div class="col-xs-12 col-sm-12 col-md-2 col-lg-12">
                        <!-- <button class="btn btn-default" id="submit_button" type="submit" value="Add New">Add New</button> -->
                        <input type="submit" name="add_lwd" value="Add New" class="btn btn-default">
		            </div>
	            </div>
	            </form>
				</span>                          
</div>


</div>

</div>

</div>


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