@extends('layouts.admin')
@section('pageTitle')
  <title>Best Insurance | Campaign Callback Requests</title>
@stop
@section('content')
<section class="content">
  <div class="box">
    <div class="box-body">
        <table id="news" class="table table-bordered table-hover">
            <thead>
              <tr>
                <th>Created Date</th>
                <th>Name</th>
                <th>Email</th>
                <th>Phone</th>
                <th>Call Time</th>
                <th>Source</th>
                
                <th width="10%">Created Date</th>
                <th width="10%" class="actalign">Actions</th>
              </tr>
            </thead>
            <tbody>
            @if(isset($camCallBackRequests))
              @foreach($camCallBackRequests as $camCallBackRequest)
              <tr>
                <td>{{$camCallBackRequest->created_at}}</td>
                <td>{{$camCallBackRequest->name}} </td>
                <td>{{$camCallBackRequest->email}} </td>
                <td> {{$camCallBackRequest->phone}}</td>
                <td> {{$camCallBackRequest->calltime}}</td>
                <td> {{$camCallBackRequest->affid}}</td>
                
                <td>{{date('d-m-Y H:i:s',strtotime($camCallBackRequest->created_at))}}</td>
                <td class="actalign"> <a class="text-red delete-btn" href="#" title="Delete" data-id='{{$camCallBackRequest->id}}'>
                  <i class="fa fa-fw fa-remove"></i>
                </a> </td>
              </tr>
              @endforeach
            @endif
          </tbody>
        </table>
    </div>
        <!-- /.box-body -->
  </div>
  <a data-target="#ConfirmDelete" role="button" data-toggle="modal" id="trigger"></a>
</section>

@stop
@section('pageBottomJs')
  <style type="text/css">
    /* for Actions alignments in table */
    .actalign{
      text-align: center;
    }
  </style>
    
<script src="{{ URL::asset('assets/js/dataTables/jquery.dataTables.min.js') }}"></script>
<script src="{{ URL::asset('assets/js/dataTables/dataTables.bootstrap.min.js') }}"></script>
<link rel="stylesheet" href="{{ URL::asset('assets/js/dataTables/dataTables.bootstrap.css') }}">
<script>
    $(document).ready(function () {
      $('#news').dataTable({
        "paging": true,
        "lengthChange": true,
        "searching": true,
        "ordering": true,
        "info": true,
        "autoWidth": false,
        "order": [[0,'desc']],
        "aoColumnDefs": [
          {"bSortable": false, "aTargets": [7]},
          {'visible': false, "aTargets" : 0}
        ],
        "iDisplayLength": 20,
        "aLengthMenu" : [[10,20,50,100,-1],[10,20,50,100,"All"]],
      });   
    });

    $(".delete-btn").click(function () {
      var $id = $(this).attr("data-id");
      $("#confirmButton").html(
         "<a href='/account/search-campaign-call-back-requests/" + $id+"'  class='btn btn-danger'>Confirm</a>"

              );
      $('#modal-title').html(
        '<h4 class="modal-title">Campaign Call Back Request deletion</h4>'
        );
      $('#modal-body').html(
        '<p> Do you really want to delete?</p>'
        );
      $("#trigger").click();
    });

</script>
@stop