@extends('includes.master')
  @section('content')
  <div class="right_col" role="main">
    <div class="row">
      <div class="col-md-12 float-none"><b style="font-size: 25px;font-size: 22px; padding: 5px 10px;background: #fff;font-weight: normal; display: block; margin-bottom: 10px;">Dashboard</b></div>
      <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>
            


            <table id="datatable" class="table table-striped table-bordered">
              <thead>

                <tr >
                  <th>Id</th>
                  <th>Company Name</th> 
                  
                  <th>HR Name</th>
                  <th>More</th>
                </tr>
              </thead>
              <tbody>

                @foreach($query as $key=> $val)
                <tr>
                  <td style="text-align:center;">{{$key+1}}</td>
                  <td>{{$val->comp_name}}</td> 
                  <td>{{$val->hr_name}}</td>
                  
                  
                  <td style="text-align:center;"> <a href="#" onclick="get_emp_list_fn('{{$comp_id}}','{{$user_id}}','{{$role_id}}')" class="btn btn-xs btn-success">More</a></td>  
                </tr>
                @endforeach
              </tbody>
            </table>

            


            
            



            <div class="modal fade" id="classModal_details" role="dialog">
              <div class="modal-dialog modal-md">
                <div class="modal-content">
                  <div class="modal-header">
                    <h4 class="modal-title">More Details</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                      <span aria-hidden="true">&times;</span>
                    </button>
                  </div>
                  <div class="modal-body "> 
                    
                    <div>
                     <a  id="total_active_member" class="btn btn-success">Total Active Member</a>
                   </div>
                   <div>
                    <a id="insurance_info" class="btn btn-success">Insurance Information</a>
                  </div>
                  
                  

                  <div>
                    <div> 
                     <a class="btn btn-success" id="user_info">HR Information</a>
                     
                   </div>

                   {{--              <div>
                    <a class="btn btn-success" id="claim_info">Claim  Information</a>
                  </div> --}}
                </div>

                <div>
                  
                 @if (Session::get('role_id')!=2)
                 <div> 
                   <a class="btn btn-success" id="company_info">Company Information</a> @endif               
                 </div>

                 
                 @if (Session::get('role_id')!=2)
                 <div class="col-xs-4 col-sm-6">
                  
                  <a class="btn btn-success" id="Premium_cal">Premium Calculation and CD balance</a>  

                </div>
                @endif   

              </div>

              <div>
                 <div> 
                   <a class="btn btn-success" id="claim_report">Claim Report</a>                
                 </div>
              </div>


              

              
            </div>
            
          </div>
        </div>
      </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">
            EMP LIST
          </h4>
        </div>
        <div class="modal-body">
          <table id="parentclassTable" class="table table-bordered">
            <thead>
             <tr>
              <th>Employee ID</th>
              <th>Employee Name</th>
              <th>Sum Insured</th>
              <th>age</th>
              <th>view</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 id="chieldclassModal" 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>Date of Birth</th>
           <th>Age</th> 
         </tr> 
       </thead>
       <tbody  id="chield_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 id="imgmyModal" class="modal fade" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-body">
        <img class="img-responsive" src="" />
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

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

<script type="text/javascript">

  $(document).ready(function () {
    $('.image_id').on('click', function (event) { 
      event.preventDefault();
      var image = $(this).attr('href');   
      $('#imgmyModal').modal('show');
      $(".img-responsive").attr("src", image);
      
    });
  });
  
  

  
  
  function get_emp_list_fn(comp_id,user_id,role_id){

   var user_info="{{url('/user-info')}}/"+comp_id+"/"+user_id+"/"+role_id;
   var claim_info="{{url('/claim-info')}}/"+comp_id+"/"+user_id+"/"+role_id;
   var total_active_member="{{url('total-active-member')}}/"+comp_id+"/"+user_id+"/"+role_id;
   var insurance_info="{{url('insurance-info')}}/"+comp_id+"/"+user_id+"/"+role_id;
   var company_info="{{url('company-information')}}/"+comp_id;
   var Premium_cal="{{url('company-calc')}}/"+comp_id;
   var claim_report="{{url('claim-chart-report')}}/"+comp_id;


   $('#user_info').attr('href',user_info);
   $('#claim_info').attr('href',claim_info);
   $('#total_active_member').attr('href',total_active_member);
   $('#insurance_info').attr('href',insurance_info);
   $('#company_info').attr('href',company_info);
   $('#Premium_cal').attr('href',Premium_cal);
   $('#claim_report').attr('href',claim_report);


   $('#classModal_details').modal('show');
   

   return false;


   $.get("{{url('get-emp-list')}}",{ comp_id: comp_id,role_id:role_id},function(data, status, xhr) {
     $('#get_empList').empty();
     var arr=Array();
     $.each(data,function(index,val){ var value=val.emp_code;
      arr.push('<tr><td>'+val.emp_code+'</td><td>'+val.emp_name+'</td><td>'+val.sum_insured+'</td><td>'+val.age+'</td><td><a href="#" onclick=get_family_list_fn("'+value+'");  >view</a></td></tr>');
    });
     $('#get_empList').append(arr);
     $('#classModal').modal('show');

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




 function get_family_list_fn(emp_code){  
    // alert(emp_code);
    $.get("{{url('get-family-list')}}",{ emp_code: emp_code},function(data, status, xhr) {
     $('#chield_get_empList').empty();
     var arr=Array();
     $.each(data,function(index,val){
      arr.push('<tr><td>'+(index+1) +'</td><td>'+val.emp_name+'</td><td>'+val.relation_ship+'</td><td>'+val.date_of_birth+'</td><td>'+val.age+'</td></tr>');
    });
     $('#chield_get_empList').append(arr);
     $('#chieldclassModal').modal('show')

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


</script>

<style type="text/css">
@media (max-width: @screen-xs-min) {
  .modal-xs { width: @modal-sm; }
}

#classModal {}

.modal-body {
  overflow-x: auto;
}

.modal-body  .btn-success {float:left;font-size: 17px;}

</style>

@endsection