{{-- resources/views/generalvouchers/index.blade.php --}}
@extends('admin.admin_dashboard')
@section('admin')

{{-- SweetAlert2 CSS (optional) and jQuery --}}
<link href="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.css" rel="stylesheet"/>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<div class="page-content">
  <div class="container-fluid">

    <div class="page-breadcrumb bg-primary text-white rounded p-3 mb-4 d-flex justify-content-between align-items-center">
      <h5 class="mb-0">Receipts</h5>
      @can('invoices.add')
        <a href="{{ route('payments.create') }}" class="btn btn-light">
          <i class="bx bx-plus-circle me-1"></i> New Receipt
        </a>
      @endcan
    </div>

    @if(session('success'))
      <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    <div class="card shadow-sm rounded-lg border-0">
      <div class="card-body p-4">
        <div class="table-responsive">
          <table id="example" class="table table-striped table-bordered align-middle">
            <thead class="table-dark">
              <tr>
                <th>Date</th>
                <th>Reference</th>
                <th class="text-end">Total Amount</th>
                <th class="text-center">Actions</th>
              </tr>
            </thead>
            <tbody>
              @forelse($vouchers as $v)
                <tr>
                  <td>{{ $v->entry_date->format('F j, Y') }}</td>
                  <td>{{ $v->reference }}</td>
                  <td class="text-end">{{ number_format($v->lines->sum('debit'), 0) }}</td>
                  <td class="text-center">
                    @can('invoices.view')
                      <a href="{{ route('payments.show', $v->id) }}" 
                         class="btn btn-sm btn-info">View</a>
                    @endcan

                    @can('invoices.edit')
                      <a href="{{ route('payments.edit', $v->id) }}" 
                         class="btn btn-sm btn-warning">Edit</a>
                    @endcan

                    @can('invoices.delete')
                      <form action="{{ route('payments.destroy', $v->id) }}" 
                            method="POST" class="d-inline delete-form">
                        @csrf
                        @method('DELETE')
                        <button type="button" class="btn btn-sm btn-danger js-delete">
                          Delete
                        </button>
                      </form>
                    @endcan
                  </td>
                </tr>
              @empty
                <tr>
                  <td colspan="4" class="text-center">No receipts found.</td>
                </tr>
              @endforelse
            </tbody>
          </table>
        </div>
      </div>
    </div>

  </div>
</div>

{{-- SweetAlert2 --}}
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
$(function(){
  $('.js-delete').on('click', function(){
    const $btn  = $(this);
    const $form = $btn.closest('form');

    Swal.fire({
      title: 'Are you sure?',
      text: "This will permanently delete the voucher.",
      icon: 'warning',
      showCancelButton: true,
      confirmButtonColor: '#d33',
      cancelButtonColor: '#3085d6',
      confirmButtonText: 'Yes, delete it!'
    }).then((result) => {
      if (result.isConfirmed) {
        $form.submit();
      }
    });
  });
});
</script>
@endsection