<?php defined('BASEPATH')or exit("NO DIRECT ACCESS iS ALLOWED");?>
<?php echo $this->uri->segment(n);?>
<style>

.container-tb {
    height: 300px;
    width: 100%;
    overflow: auto;
    border: 2px solid #999;
}
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
  .content_edit{
    min-height: 250px;
    padding: 15px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
  .nav-tabs-custom {
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    border-radius: 3px;
  }
  .nav-tabs-custom>.nav-tabs {
    margin: 0;
    border-bottom-color: #f4f4f4;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .nav-tabs-custom>.nav-tabs>li {
    border-top: 3px solid transparent;
    margin-bottom: -2px;
    margin-right: 5px;
  }
  .nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #ffa500;
  }
  .nav-tabs-custom>.nav-tabs>li:first-of-type {
    margin-left: 0;
  }
  .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
  }
  .nav-tabs-custom>.nav-tabs>li>a {
    color: #fff;
    border-radius: 0;
  }
  .nav-tabs-custom>.nav-tabs>li>a, .nav-tabs-custom>.nav-tabs>li>a:hover {
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    background: #ffa500;
    margin: 0;
  }
  .nav-tabs-custom>.nav-tabs>li.active>a, .nav-tabs-custom>.nav-tabs>li.active:hover>a {
    background-color: #fff;
    color: #444;
  }
  .nav-tabs-custom>.nav-tabs>li.active>a {
    border-top-color: transparent;
    border-left-color: #f4f4f4;
    border-right-color: #f4f4f4;
  }
  .nav-tabs-custom>.nav-tabs>li:first-of-type.active>a {
    border-left-color: transparent;
  }
  .nav-tabs > li > a:hover {
    border-color: none!important;
  }
  .form-control{
    border-radius: 0;
    box-shadow: none;
    border-color: #d2d6de;
  }
  .label_edit {
    font-weight: 700;
    font-size: 12px;
    color: #000;
    margin: 0 0 10px 0;
  }
  .tab-content {
    border-top: 1px solid #eee;
    /* box-shadow: 10px 8px 8px rgba(0,0,0,0.1); */
    margin-top: 3px;
  }
  .general-fc {
    margin-top: 16px;
    margin-bottom: 10px;
  }
  .nav.nav-tabs a{
    height: 38px;
    line-height: 20px;
  }
  .nav.nav-tabs a:hover {
    height: 38px;
  }
  .nav.nav-tabs .active a:hover {
    height: 38px;
  }
  .box.box-primary {
    border-top-color: #3c8dbc;
  }
  .box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  }
  .box-header {
    color: #444;
    display: block;
    padding: 10px;
    position: relative;
  }
  .box-header.with-border {
    border-bottom: 1px solid #f4f4f4;
  }
  .box-header .box-title {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    line-height: 1;
  }
  .box-header:after, .box-body:after, .box-footer:after {
    clear: both;
  }
  .box-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px;
  }
  .box-header:before, .box-body:before, .box-footer:before, .box-header:after, .box-body:after, .box-footer:after {
    content: " ";
    display: table;
  }
  .margin-r-5 {
    margin-right: 5px;
  }
  .text-muted {
    color: #777;
  }
  hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
  }
  table {
      border-collapse: collapse;
      table-layout: fixed;
      width: auto !important;
      min-width: 100%;
  }
  td, th {
      border: 1px solid #ccc;
      padding-left: 10px;
      padding-right: 10px;
      white-space: nowrap;
  }
  thead td, thead th {
      border-top: none;
      border-bottom: none;
  }

  td.fth-header, th.fth-header {
          padding: 3px;
      background-color: #fff;
      border-bottom: rgba(0,0,0,0.2);
      color:000;
  }
</style>
<section class="content_edit">
  <div class="row">
    <!-- /.col -->
    <div class="col-md-12">
      <div class="nav-tabs-custom">
        <ul class="nav nav-tabs">
          <li class="active">
            <a href="#personal-profile" data-toggle="tab">General Information ??
            </a>
          </li>
          <li>
            <a href="#qualifaction" data-toggle="tab">Qualification Details ??
            </a>
          </li>
          <li>
            <a href="#Preferred-classes" data-toggle="tab">Preferred classes & subjects ??
            </a>
          </li>
          <li>
            <a href="#Bank-Details" data-toggle="tab">Bank Details ??
            </a>
          </li>
          <li>
            <a href="#Network-Info" data-toggle="tab">Network Info| Uploads ??
            </a>
          </li>
        </ul>
        <div class="tab-content">
          <div class="active tab-pane" id="personal-profile">

            <div class="table-responsive">
             <div id="tableContainer2" class="container-tb">
            <table class="table" style="font-family: sans-serif;font-size: 12px;">
     			<thead>
     				<tr>
     					<th>#</th>
              <!--<th>Email</th>-->
     					<th>First Name</th>
     					<th>Last Name</th>
     					<th>Mobile</th>
     					<th>Date of Birth </th>
     					<th>Gender </th>
     					<th>Country</th>
     					<th>State</th>
     					<th>City</th>
     					<th>Zip Code </th>
     					<th>Aadhar Id </th>
              <th>Pan Id </th>

     				</tr>
     			</thead>
     		   <tbody>

     				<tr>
     					<td >1</td>
            <!--  <td><?php echo  ucwords($list->email);?></td>-->
     					<td><?php echo  ucwords($list->first_name);?></td>
              <td><?php echo  ucwords($list->last_name);?></td>
     					<td><?php echo  ucwords($list->mobile);?></td>
     					<td ><?php echo  ucwords($list->dob);?></td>
     					<td ><?php echo  ucwords($list->gender);?></td>
     					<td><?php echo  ucwords($list->countries);?></td>
     					<td><?php echo  ucwords($list->cities);?></td>
     					<td><?php echo  ucwords($list->states);?></td>
     					<td><?php echo  ucwords($list->zip_code);?></td>
              <td><?php echo  ucwords($list->aadhar_id);?></td>
              <td><?php echo  ucwords($list->pan_id);?></td>


     				</tr>

     		  </tbody>

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

          </div>

          <!-- /.tab-pane -->
          <div class="tab-pane" id="qualifaction">


              <div class="table-responsive">
               <div id="tableContainer31" class="container-tb">
              <table class="table" style="font-family: sans-serif;font-size: 12px;">
       			<thead>
       				<tr>
       					<th>#</th>
                <th>Qualification</th>
       					<th>University</th>
       					<th>Passing Year </th>
       					<th>Grade </th>


       				</tr>
       			</thead>
       		   <tbody>
               <?php
               if( count($list) ):$sn=1;
                 $count = $this->uri->segment(4);
               //print_r($list1);
                   //echo $list1[0]->qualification;
                   for($q=0;$q<5;$q++){

               ?>
       				<tr>
       					<td ><?php echo  ucfirst($sn);?></td>
                <td><?php echo ucwords($list1[$q]->qualification);?></td>
       					<td> <?php echo ucwords($list1[$q]->university);?></td>
                <td><?php echo ucwords($list1[$q]->passing_year);?></td>
       					<td><?php echo ucwords($list1[$q]->grade);?></td>


       				</tr>
              <?php $sn++;
              unset($list1[$q]->qualification);
              unset($list1[$q]->university);
              unset($list1[$q]->passing_year);
              unset($list1[$q]->grade);
              } ?>
               <?php endif; ?>
       		  </tbody>

       	</table>

    </div>

            </div>
          </div>


          <div class="tab-pane" id="Preferred-classes">

              <div class="table-responsive">
               <div id="tableContainer21" class="container-tb">
              <table class="table" style="font-family: sans-serif;font-size: 12px;">
             <thead>
               <tr>
                 <th>#</th>
                <th>Class</th>
                 <th>Primary Subject </th>
                 <th>Secondary Subject </th>
                 <th>Other  </th>


               </tr>
             </thead>
              <tbody>
               <?php
               if( count($list) ):$sn=1;
                 $count = $this->uri->segment(4);
               //print_r($list1);
                   //echo $list1[0]->qualification;
                   for($q=0;$q<5;$q++){

               ?>
               <tr>
                 <td ><?php echo  ucfirst($sn);?></td>
                <td><?php echo ucwords($list2[$q]->class);?></td>
                 <td> <?php echo ucwords($list2[$q]->primary_sub);?></td>
                <td><?php echo ucwords($list2[$q]->secondary_sub);?></td>
                 <td><?php echo ucwords($list2[$q]->other);?></td>


               </tr>
              <?php $sn++;
              unset($list1[$q]->qualification);
              unset($list1[$q]->university);
              unset($list1[$q]->passing_year);
              unset($list1[$q]->grade);
              } ?>
               <?php endif; ?>
             </tbody>

         </table>
      </div>


            </div>
            </div>

          <!-- /.tab-pane -->
          <div class="tab-pane" id="Bank-Details">
  <div class="table-responsive">
             <div id="#tableContainer22" class="container-tb">
            <table class="table" style="font-family: sans-serif;font-size: 12px;">
          <thead>
            <tr>
              <th>#</th>
              <th>Bank Name</th>
              <th>Branch Name </th>
              <th>Account Holder Name </th>
              <th>Ifsc Code</th>


            </tr>
          </thead>
           <tbody>

            <tr>
              <td >1</td>
              <td><?php echo  ucwords($list3->bank_name);?>
              <td><?php echo  ucwords($list3->branch_name);?>
              <td><?php echo  ucwords($list3->account_holder_name);?></td>
              <td><?php echo  ucwords($list3->ifsc_code);?></td>


            </tr>

          </tbody>

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

          <div class="tab-pane" id="Network-Info">

            <div class="table-responsive">
             <div id="tableContainer23" class="container-tb">
            <table class="table" style="font-family: sans-serif;font-size: 12px;">
          <thead>
            <tr>
              <th>#</th>
              <th>Current Occupation</th>
              <th>Days Available for Teaching </th>
              <th>Hours Daily Available </th>
              <th>Preferred Time for Teaching </th>
              <th>Total Teaching Experience </th>
              <th>Type of Connection </th>
              <th>Download Speed of Internet Connection </th>
              <th>Association with gurukul is</th>
              <th>How you come to know with theonlinegurukul  </th>


            </tr>
          </thead>
           <tbody>

            <tr>
              <td >1</td>
              <td> <?php echo ucwords($list4->current_occupation);?></td>
              <td> <?php echo ucwords($list4->days_available);?></td>
              <td> <?php echo ucwords($list4->hours_week_ends_available);?></td>
              <td><?php echo ucwords($list4->available_timings);?></td>
              <td><?php echo ucwords($list4->total_teaching_experience);?></td>
              <td><?php echo ucwords($list4->type_of_connection);?></td>
              <td><?php echo ucwords($list4->down_internet_conn_speed);?></td>
              <td><?php echo ucwords($list4->association_with_gurukul);?></td>
              <td><?php echo ucwords($list4->come_to_know_tog_status);?></td>

            </tr>

          </tbody>

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

            </div>
          </div>
        </div>
		</div>
      </div>
      <!-- /.nav-tabs-custom -->
    </div>
    <!-- /.col -->
  </div>
  <!-- /.row -->
</section>
