@extends('layouts.admin')
@section('pageTitle')
  <title>Best Insurance | Downloaded Emails</title>
@stop
@section('content')
<section class="content">
  <div class="box">
        <!-- <div class="box-header">
          <h3 class="box-title">Download Email List</h3>
        </div> -->
        <!-- /.box-header -->
        <div class="box-body">
            <table id="news" class="table table-bordered table-hover">
                <thead>
                  <tr>
                    <th>Created Date</th>
                    <th>Application Date</th>
                    <th>Name</th>
                    <th>Email</th>
                    <th>Number</th>
                    <th>PostCode</th>
                    <th>Address</th>
                    <th>Dob</th>
                    <th>Transfer To</th>
                    <th>Application</th>
                                      
                    
                  </tr>
                </thead>
                <tbody>
                @if(isset($policy_transfer_requests))
                  @foreach($policy_transfer_requests as $transfer)
                   <tr>
                    <td>{{$transfer->created_at}}</td>
                    <td>{{$transfer->posted_datetime}}</td>
                    <td>{{$transfer->fname}} {{$transfer->lname}} </td>
                    <td>{{$transfer->email}}</td>
                    <td>{{$transfer->phone}}</td>
                    <td>{{$transfer->postcode}}</td>
                    <td style=" word-break: break-all;width:300px;">{{$transfer->address1}}</td>
                    <td>{{$transfer->dob}}</td>
                    <td>{{$transfer->product_name}}</td>
                    <td><a class="btn download"  download
                      href="http://adviser.bestinsurance.co.uk/transfer-request-pdfs/{{$transfer->application_pdf}}" target="_blank"><i class="fa fa-download"></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": [4]},
          {'visible': false, "aTargets" : 0}
        ],
        "iDisplayLength": 20,
        "aLengthMenu" : [[10,20,50,100,-1],[10,20,50,100,"All"]],
      });   

    });

    
</script>
@stop