@extends('layouts.admin')
<title>Best Insurance | Branches</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/branches/create-branch')}}" class="btn btn-primary btn-lg">
          <span class="" > <i class="fa fa-plus"></i>Add Branch</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>Branch Name</th>
                       <th>Affiliate</th>
                       <th>Head Office</th>
                       <th>Branch Code</th>
                       <th>Branch Locality</th>
                       <th>Branch Address</th>
                       <th>Branch Manager</th>
                       <th>Branch Manager email</th>
                       <th>Brokers</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.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/branches/branch-data') }}",
                     "dataType": "json",
                     "type": "POST",
                     "data":{ _token: "{{csrf_token()}}"}
                   },
            "columns": [
                { "data": "branch_name" },
                { "data": "affliate.name"},
                { "data": "affliate.ho_name"},
                { "data": "branch_code" },
                { "data": "branch_locality" },
                { "data": "branch_address" },
                { "data": "branch_manager_full_name" },
                { "data": "branch_manager_email" },
                { "data": "brokers_count" },
                { "data": "created_at" },
                { "data": "actions" },
                { "data": "branch_affliate_admin_id",
                  "visible": false, },
            ]  
    });

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


} );
</script>

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

@stop