@extends('layouts.admin')
@section('pageTitle')
  <title>Best Insurance | enquiries</title>
@stop
@section('content')
<section class="content">
  <div class="box">
       <!--  <div class="box-header">
          <h3 class="box-title">Enquiries List </h3>
        </div> -->
        <!-- /.box-header -->
        <div class="box-body table-responsive">
            <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>Enquiry</th>
                    <th>IP Address</th>
                    <th width="10%">Date Subscribed</th>
                    <th width="10%" class="actalign">Actions</th>
                  </tr>
                </thead>
                <tbody>
                @if(isset($enquiries))
                  @foreach($enquiries as $enquiry)
                   <tr>
                    <td>{{$enquiry->created_at}}</td>
                    <td>{{$enquiry->name}} </td>
                    <td>{{$enquiry->email}} </td>
                    <td> {{$enquiry->telephone}}</td>
                    <td> {{$enquiry->enquiry}}</td>
                    <td> {{$enquiry->ip}}</td>
                    <td>{{date('d-m-Y',strtotime($enquiry->created_at))}} </td>
                    <td class="actalign"> <a class="text-red delete-btn" href="#" title="Delete"  data-id='{{$enquiry->id}}'>
                      <i class="fa fa-fw fa-remove"></i>
                    </a> </td>
                  </tr>
                  @endforeach
                @endif
              </tbody>
            </table>
        </div>
        <!-- /.box-body -->
        </div>
    <!-- </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-enquiries/" + $id+"'  class='btn btn-danger'>Confirm</a>"

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

  </script>
@stop