@extends('admin.layouts.app')

@section('title', 'View Receive Amount')

@section('content')
<h4 class="font-weight-bold py-3 mb-0">
  View Receive Amount
  <span style="float: right;">
    <a href="{{ route('admin.payments.create') }}" class="btn btn-secondary btn-round">
      <i class="ion ion-md-add mr-2"></i> Receive Amount
    </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>#</th>
      <th>Action</th>
      <th>Voucher No</th>
      <th>Payment Date</th>
      <th>Customer Name</th>
      <th>Amount</th>
      <th>Payment Mode</th>
    </tr>
  </thead>
  <tbody>
    @foreach ($payments as $index => $row)
    <tr>
      <td>{{ $index + 1 }}</td>
      <td>
        <a href="{{ route('admin.payments.edit', $row) }}"><i class="lnr lnr-pencil mr-2"></i></a>
        <form method="POST" action="{{ route('admin.payments.destroy', $row) }}" class="d-inline" onsubmit="return confirm('Are you sure you want delete this record');">
          @csrf
          @method('DELETE')
          <button type="submit" class="btn btn-link p-0 align-baseline"><i class="lnr lnr-trash text-danger"></i></button>
        </form>
        <a href="{{ route('admin.payments.receipt', $row) }}" target="_blank"><i class="lnr lnr-printer text-danger"></i></a>
      </td>
      <td>{{ $row->Code }}</td>
      <td>{{ $row->PaymentDate ? $row->PaymentDate->format('d/m/Y') : '' }}</td>
      <td>{{ $row->AccountName }}</td>
      <td>₹{{ number_format((float) $row->Amount, 2) }}</td>
      <td>{{ $row->PayMode }}</td>
    </tr>
    @endforeach
  </tbody>
</table>
</div>
</div>
@endsection

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