@extends('layouts.admin')
@section('pageTitle')
<title>Best Insurance | Completed Leads</title>
@stop
@section('pageCss')
<link rel="stylesheet" href="{{ URL::asset('assets/plugins/datepicker/datepicker3.css') }}">
<link rel="stylesheet" href="{{ URL::asset('css/jsn.css') }}">
@stop
@section('content')
<section class="content">
  @if(@count($bexhill_web_hook_messages)>0)
   
    @foreach($bexhill_web_hook_messages as $key=>$bexhill_web_hook_message)
      <div id="jsn{{$key}}" style="display: none">{{$bexhill_web_hook_message->json_data}}</div>

        <div class="container">
        <div class="row header">
            <div class="col-sm-12">
                <div id="rowCount{{$key}}"></div>
            </div>
        </div>
        <div class="row header">
            <div class="col-sm-12">
                <div id="output{{$key}}"></div>
            </div>
        </div>
    </div>
    @endforeach
 
  @else
  <h3>No webhook messages recieved yet</h3>
  @endif
</section>
@stop
@section('pageBottomJs')
  <script src="{{ URL::asset('js/jsn.js') }}"></script>
  <script type="text/javascript">
    $(document).ready(function() {
      var count = "{{count($bexhill_web_hook_messages)}}";
      
      for (var i = 0; i <= count; i++) {

          $("#output"+i).html(""); //clear HTML
          var list = $("#jsn"+i).html(); //.split("\n"); // array item per newline
          jTable(list.toString());
      }
  });
  </script>
@stop