@extends('layouts.app')
@section('title', 'সদস্য তালিকা')
@section('content')
<div class="d-flex justify-content-between mb-3">
    <form class="d-flex gap-2" method="GET">
        <input type="text" name="q" class="form-control" placeholder="নাম, সদস্য নম্বর বা মোবাইল দিয়ে খুঁজুন" value="{{ request('q') }}">
        <button class="btn btn-outline-secondary">খুঁজুন</button>
    </form>
    <a href="{{ route('members.create') }}" class="btn btn-primary">+ নতুন সদস্য</a>
</div>

<div class="card">
    <table class="table table-hover mb-0">
        <thead class="table-light">
            <tr>
                <th>সদস্য নং</th><th>নাম</th><th>মোবাইল</th><th>যোগদানের তারিখ</th><th>স্ট্যাটাস</th><th></th>
            </tr>
        </thead>
        <tbody>
            @foreach ($members as $member)
                <tr>
                    <td>{{ $member->member_no }}</td>
                    <td>{{ $member->name }}</td>
                    <td>{{ $member->mobile }}</td>
                    <td>{{ optional($member->joining_date)->format('d-m-Y') }}</td>
                    <td><span class="badge bg-{{ $member->status === 'active' ? 'success' : 'secondary' }}">{{ $member->status }}</span></td>
                    <td class="text-end">
                        <a href="{{ route('members.show', $member) }}" class="btn btn-sm btn-outline-info">দেখুন</a>
                        <a href="{{ route('members.edit', $member) }}" class="btn btn-sm btn-outline-primary">এডিট</a>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
</div>
<div class="mt-3">{{ $members->links() }}</div>
@endsection