@extends('layouts.app')

@section('title','Sales')

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

  {{-- flash message লে-আউট থেকে আসবে, আবার এখানে show করলে ডুপ্লিকেট হবে
       তাই এখানে আর কোনও session('ok') চেক করার দরকার নেই --}}

  <table class="table table-striped align-middle text-center">
    <thead class="table-dark">
      <tr>
        <th>Date</th>
        <th>Customer</th>
        <th>Phone</th>
        <th class="text-end">Total</th>
        <th class="text-end">Paid</th>
        <th class="text-end">Due</th>
        <th>Status</th>
        <th>Cycle</th>
        <th>Next Due</th>
        <th width="140">Actions</th>
      </tr>
    </thead>
    <tbody>
      @forelse($sales as $sale)
        <tr>
          <td>{{ \Carbon\Carbon::parse($sale->date)->format('d-m-Y') }}</td>
          <td>{{ $sale->customer_name }}</td>
          <td>{{ $sale->customer_phone }}</td>
          <td class="text-end">{{ number_format($sale->total, 2) }}</td>
          <td class="text-end">{{ number_format($sale->paid, 2) }}</td>
          <td class="text-end">{{ number_format($sale->due, 2) }}</td>
          <td>
            @if($sale->status === 'paid')
              <span class="badge bg-success">Paid</span>
            @else
              <span class="badge bg-warning text-dark">Due</span>
            @endif
          </td>
          <td>{{ $sale->payment_cycle ?? 'none' }}</td>
          <td>{{ $sale->next_due_date ? \Carbon\Carbon::parse($sale->next_due_date)->format('d-m-Y') : '-' }}</td>
          <td class="text-nowrap">
            <a href="{{ route('sales.edit', $sale->id) }}"
               class="btn btn-sm btn-outline-secondary">Edit</a>

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

  <div class="mt-3">
    {{ $sales->links() }}
  </div>
@endsection