@extends('layouts.admin')
<title>Best Insurance | Ho Users</title>
@section('content')
<!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
<section class="content">
  <div class="row">
      <div class="col-md-12 col-sm-12 col-xs-12">
      <div class="m-b-10">
        <a href="{{URL::to('account/ho-users/create-houser')}}" class="btn btn-primary btn-lg">
          <span class="" > <i class="fa fa-plus"></i>Add HO User</span>
        </a>
      </div>
    </div>
  </div>

  <div class="row">
    <div class="col-xs-12">
      <div class="box">
        <div class="box-header">
          <!-- completed leads -->
           <table class="table table-bordered" id="branches">
                <thead>
                       <th>Name</th>
                       <th>email</th>
                       <th>Affiliate</th>
                       <th>Head office</th>
                       <th>Created At</th>
                       <th>Actions</th>
                       <th>Affliate Office</th>
                </thead>        
           </table>
        </div>
      </div>
    </div>
  </div>
</section>
@stop
@section('pageBottomJs')
<!-- Data tables -->
<script src="{{ URL::asset('assets/js/dataTables/jquery.dataTables.min.js') }}"></script>
<!-- <script src="http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager04.html"></script> -->
<script src="{{ URL::asset('assets/js/dataTables/dataTables.bootstrap.min.js') }}"></script>
<script src="https://cdn.datatables.net/buttons/1.2.4/js/dataTables.buttons.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.2.4/js/buttons.flash.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"></script>
<script src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/pdfmake.min.js"></script>
<script src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/vfs_fonts.js"></script>
<script src="https://cdn.datatables.net/buttons/1.2.4/js/buttons.html5.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.2.4/js/buttons.print.min.js"></script>
<!-- table tools -->
<!-- <script src="{{ URL::asset('assets/js/dataTables/TableTools.min.js') }}"></script> -->


<script src="{{ URL::asset('assets/js/dataTables/extensions/Responsive/js/dataTables.responsive.min.js') }}"></script>
<link rel="stylesheet" href="{{ URL::asset('assets/js/dataTables/dataTables.bootstrap.css') }}">
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.2.4/css/buttons.dataTables.min.css">

<script src="{{ URL::asset('assets/js/views/leads/index.js') }}"></script>

<script type="text/javascript">
 $(document).ready(function() {
    // Setup - add a text input to each footer cell
  var affliate_admin = "{{$head_office_id}}";

   var table = $('#branches').DataTable({
            "processing": true,
            "serverSide": true,
            "ajax":{
                     "url": "{{ url('account/ho-users/housers-data') }}",
                     "dataType": "json",
                     "type": "POST",
                     "data":{ _token: "{{csrf_token()}}"}
                   },
            "columns": [
                { "data": "profile.first_name" },
                { "data": "email" },
                { "data": "affliate.name"},
                { "data": "affliate.ho_name"},
                { "data": "created_at" },
                { "data": "actions" },
                { "data": "user_affliate_ho_id",
                  "visible": false, },
            ]  
    });

   if(affliate_admin.length>0){
      table.columns(6).search( affliate_admin ).draw();
    }
} );
</script>

<!-- <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> -->

@stop