@extends('layouts.admin')
<title>Best Insurance | Brokers</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/brokers/create-broker')}}" class="btn btn-primary btn-lg">
          <span class="" > <i class="fa fa-plus"></i>Add Broker</span>
        </a>
      </div>
    </div>
  </div>

  <div class="row">
    <div class="col-xs-12">
      <div class="box">
        <div class="box-header">
          <!-- completed leads -->

          <div class=" padding-left-none padding-right-none">
                <div class="dt-buttons">
                   

                    


                    <a class="btn btn-primary btn-export" tabindex="0" aria-controls="leadsList" href="{{ URL::to('account/brokers-export-to-excel') }}">
                    <span class="">Export Brokers</span></a>

                </div>

                
            </div>

           <table class="table table-bordered" id="brokers">
                <thead>
                       <th>Name</th>
                       <th>Affiliate</th>
                       <th>Branch Code</th>
                       <th>Branch Name</th>
                       <th>email</th>
                       <th>Branch Manager email</th>
                       <th>Created At</th>
                       <th>Actions</th>
                       <th class="hidden">head office id</th>
                </thead>        
           </table>
        </div>
      </div>
    </div>
  </div>
</section>
@stop
@section('pageBottomJs')
<!-- Data tables -->
<script src="{{ URL::asset('assets/js/dataTables/jquery.dataTables.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 var_branch_id = "{{$branch_id}}";

   var table = $('#brokers').DataTable({
            "processing": true,
            "serverSide": true,
            "ajax":{
                     "url": "{{ url('account/brokers/brokers-data') }}",
                     "dataType": "json",
                     "type": "POST",
                     "data":{ _token: "{{csrf_token()}}",branch_id:var_branch_id }
                   },
            "columns": [
                { "data": "full_name" },
                { "data": "affliate.name"},
                /*{ "data": "affliate.ho_name"},*/
                { "data": "branch.branch_code" },
                 { "data": "branch.branch_name" },
                { "data": "email" },
                { "data": "branch.branch_manager_email" },
                { "data": "created_at" },
                { "data": "actions" },
                { "data": "affliate.id",
                  "visible": false, },
            ]  
    });

    if(affliate_admin.length>0){
      table.columns(9).search( affliate_admin ).draw();
    }


} );
</script>

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

@stop