@extends('layouts.app')

@section('title', 'পার্টি লিস্ট')

@section('content')
<div class="topbar">
  <div>
    <h1>পার্টি লিস্ট</h1>
    <div class="topbar-sub">সব ডিলার ও কাস্টমারের বকেয়ার সারসংক্ষেপ</div>
  </div>
</div>

<div class="panel">
  <div class="panel-head">
    <h2>{{ $parties->total() }} জন পার্টি</h2>
    <form method="GET" action="{{ route('parties.index') }}">
      <input class="search-box" type="text" name="q" value="{{ $q }}" placeholder="নাম দিয়ে খুঁজুন...">
    </form>
  </div>
  <table>
    <thead><tr><th>নাম</th><th>ব্রাঞ্চ</th><th>ফোন</th><th>বর্তমান বকেয়া</th></tr></thead>
    <tbody>
      @forelse ($parties as $party)
        <tr class="row">
          <td class="party">{{ $party->name }}</td>
          <td>{{ $party->branch }}</td>
          <td>{{ $party->phone }}</td>
          <td class="amt">৳ {{ number_format($party->due_amount ?? 0, 0) }}</td>
        </tr>
      @empty
        <tr><td colspan="4" style="text-align:center; color:var(--text3); padding:28px;">কোনো পার্টি পাওয়া যায়নি</td></tr>
      @endforelse
    </tbody>
  </table>
  <div class="pagination">{{ $parties->links() }}</div>
</div>
@endsection