@extends('includes.master')
@section('content')    

<!-- <script type="text/javascript">
  $( document ).ready(function() {
    $('.iframeloading').show();
  });

  $( window ).on( "load", function() {
   $('.iframeloading').hide();
 });
</script>
 -->


<div class="right_col" role="main">
  <div class="row  class="right_col">
    <div class="col-md-12 col-sm-12 col-xs-12">
      <div class="x_panel">


        <div class="x_content">
          <p class="text-muted font-13 m-b-30"></p>
          <b style="font-size: 30px;">Total Active Member</b>


          <div class="box-body">
           <div class="table-responsive">
            <table id="datatable" class="table table-striped table-bordered">
              <thead>
               <tr>

                <th>Sr.No</th>
                <th>Emp code</th>
                <th>Emp name</th>
                <th>Relationship</th>
                <th>Gender</th>
                <th> Date of Birth</th>
                <th> Age </th>
                <th>Sum Insured</th>
                <th> Email</th>
                <th> Company Name</th>
                <th>Ecard url</th>
                <th>Created by</th>
                <th> Joining Date</th>
                <th>View Family</th>          
              </tr>
            </thead>
            <tbody>

              @foreach($total_active_member as $val)
              <tr>
               <td>{{ $no++ }}</td>
               <td>{{$val->emp_code}}</td>
               <td>{{$val-> emp_name}}</td>
               <td>{{$val-> relation_ship}}</td>
               <td>{{$val->gender}}</td>
               <td>{{$val-> date_of_birth}}</td>
               <td>{{$val-> age}}</td>
               <td>{{$val->sum_insured}}</td> 
               <td>{{$val->email}}</td>
               <td>{{$val->comp_name}}</td>
               <td>
                @if($val->ecard_url!=null && $val->ecard_url!=' ')
                <a type="button" target="_blank" class="btn btn-default"  href="{{$val->ecard_url}}">View Card</a>
                @endif
              </td>
              <td>{{$val->user_name}}</td>
              <td>{{$val-> date_of_joining}}</td>
              <td><a href="#" onclick="get_emp_list_fn('{{$val->emp_code}}','{{$val->comp_id}}')" class="btn btn-primary">View</a></td>                
            </tr>
            @endforeach

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


      <div id="classModal" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="classInfo" 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" aria-hidden="true">
                ×
              </button>
              <h4 class="modal-title" id="classModalLabel">
                Family Detail
              </h4>
            </div>
            <div class="modal-body">
              <table id="classTable" class="table table-bordered">
                <thead>
                 <tr>
                   <th>ID</th>
                   <th>Member Name</th>
                   <th>Relation</th>
                   <th>Gender</th>
                   <th>Date of Birth</th>
                   <th>Age</th> 
                 </tr> 

               </thead>
               <tbody  id="get_empList">

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

<script type="text/javascript">

 function get_emp_list_fn(emp_code,comp_id){  
  $.get("{{url('get-family-list')}}",{ emp_code: emp_code,comp_id:comp_id},function(data, status, xhr) {

   $('#get_empList').empty();
   var arr=Array();
   $.each(data,function(index,val){

    if(val.gender != '' && val.gender != null){
     val.gender = val.gender;
   }else{
     val.gender = '';
   }
   arr.push('<tr><td>'+(index+1) +'</td><td>'+val.emp_name+'</td><td>'+val.relation_ship+'</td><td>'+val.gender+'</td><td>'+val.date_of_birth+'</td><td>'+val.age+'</td></tr>');      

 });


   $('#get_empList').append(arr);
   $('#classModal').modal('show')

 }).done(function() { })
  .fail(function(jqxhr, settings, ex) { alert('failed, ' + ex); });

}
</script>



@endsection