@extends('layouts.app')

@section('title','Customers')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
  <h3>Customers</h3>
  <a href="{{ route('customers.create') }}" class="btn btn-primary">Add Customer</a>
</div>

<table class="table table-striped align-middle">
  <thead class="table-dark">
    <tr>
      <th>ID</th>
      <th>Name</th>
      <th>Phone</th>
      <th>Address</th>
      <th>Current Due</th>
      <th>Actions</th>
    </tr>
  </thead>
  <tbody>
    @forelse($customers as $c)
      <tr>
        <td>{{ $c->id }}</td>
        <td>{{ $c->name }}</td>
        <td>{{ $c->phone }}</td>
        <td>{{ $c->address }}</td>

        {{-- Customer model এর current_due accessor ব্যবহার করছি --}}
        <td>{{ number_format($c->current_due, 2) }}</td>

        <td>
          {{-- History / Details --}}
          <a href="{{ route('customers.show', $c->id) }}" class="btn btn-sm btn-info">
            History
          </a>

          {{-- Edit --}}
          <a href="{{ route('customers.edit',$c->id) }}" class="btn btn-sm btn-outline-secondary">
            Edit
          </a>

          {{-- Delete --}}
          <form action="{{ route('customers.destroy',$c->id) }}"
                method="POST"
                style="display:inline-block"
                onsubmit="return confirm('Delete this customer?');">
            @csrf
            @method('DELETE')
            <button class="btn btn-sm btn-outline-danger">Delete</button>
          </form>
        </td>
      </tr>
    @empty
      <tr>
        <td colspan="6" class="text-center text-muted">No customers yet</td>
      </tr>
    @endforelse
  </tbody>
</table>

{{ $customers->links() }}
@endsection