@extends('admin.layouts.app')

@section('title', 'View Leads')

@section('content')
<h4 class="font-weight-bold py-3 mb-0">
  View Leads
  <span style="float: right;">
    <a href="{{ route('admin.leads.create') }}" class="btn btn-secondary btn-round">
      <i class="ion ion-md-add mr-2"></i> Add Lead
    </a>
  </span>
</h4>

<div class="card" style="padding-right:10px;padding-left:10px;">
<div class="card-datatable">
<table id="example" class="table table-striped table-bordered" style="width:100%">
  <thead>
    <tr>
      <th>Sr No</th>
      <th>Ticket No</th>
      <th>Source</th>
      <th>Customer Name</th>
      <th>Contact No</th>
      <th>Address</th>
      <th>Lead Status</th>
      <th>Lead Date</th>
      <th>Action</th>
    </tr>
  </thead>
  <tbody>
    @foreach ($leads as $index => $row)
    <tr>
      <td>{{ $index + 1 }}</td>
      <td>{{ $row->TicketNo }}</td>
      <td>{{ $row->ClainReason }}</td>
      <td>{{ $row->CustName }}</td>
      <td>{{ $row->CellNo }}</td>
      <td>{{ $row->Address }}</td>
      <td>{{ $row->ClainStatus }}</td>
      <td>{{ $row->CreatedDate ? $row->CreatedDate->format('d/m/Y') : '' }}</td>
      <td>
        <a href="{{ route('admin.leads.edit', $row) }}" data-toggle="tooltip" title="Edit"><i class="lnr lnr-pencil mr-2"></i></a>
        <form method="POST" action="{{ route('admin.leads.destroy', $row) }}" class="d-inline" onsubmit="return confirm('Are you sure you want to delete this lead?');">
          @csrf
          @method('DELETE')
          <button type="submit" class="btn btn-link p-0 align-baseline"><i class="lnr lnr-trash text-danger"></i></button>
        </form>
      </td>
    </tr>
    @endforeach
  </tbody>
</table>
</div>
</div>
@endsection

@push('scripts')
<script>
$(document).ready(function() {
  $('#example').DataTable({
    order: [[1, 'desc']],
    pageLength: 25,
    dom: 'Bfrtip',
    buttons: [{
      extend: 'excelHtml5',
      title: 'Lead_List',
      text: '<i class="fa fa-file-excel"></i> Excel',
      className: 'btn btn-success btn-sm'
    }]
  });
});
</script>
@endpush