@extends('admin.layouts.dashboard')

@section('title', ($list_title ?? 'All').' Members')

@section('content')
    @php
        $genders = config('constants.gender');
    @endphp

    <x-page-header
        :title="($list_title ?? 'All').' Members'"
        :description="number_format($members->count()).' '.Str::plural('member', $members->count()).' listed'"
        :breadcrumbs="['Dashboard' => url('/dashboard'), 'Members' => null, ($list_title ?? 'All') => null]"
    >
        <x-slot:actions>
            <a href="{{ url('/members/create') }}" class="btn btn--primary">
                <i class="fa-solid fa-user-plus" aria-hidden="true"></i>
                Add new member
            </a>
        </x-slot:actions>
    </x-page-header>

    <x-card :flush="true">
        @if ($members->isEmpty())
            <x-empty
                icon="fa-users"
                title="No members in this list"
                text="Members appear here once they have a subscription in the matching state."
            >
                <a href="{{ url('/members/create') }}" class="btn btn--primary btn--sm">Add the first member</a>
            </x-empty>
        @else
            <div class="table-wrap">
                <table class="table table--striped" data-datatable data-export="true" data-page-length="25">
                    <thead>
                        <tr>
                            <th scope="col" class="col-num">#</th>
                            <th scope="col" class="no-sort no-export">Photo</th>
                            <th scope="col">Name</th>
                            <th scope="col">Contact</th>
                            <th scope="col">Sex</th>
                            <th scope="col">PIN</th>
                            <th scope="col">Package</th>
                            <th scope="col">Ends</th>
                            <th scope="col">Status</th>
                            <th scope="col" class="col-actions no-sort no-export">Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($members as $member)
                            @php
                                $subscription = $member->inactivePackageProfile->first();
                                $endsAt = $subscription?->ending_date;
                                $expired = $endsAt && strtotime($endsAt) < strtotime(date('Y-m-d'));
                            @endphp
                            <tr>
                                <td class="col-num">{{ $loop->iteration }}</td>
                                <td>
                                    <x-photo
                                        :path="$profile_image_path"
                                        :file="$member->pic"
                                        :alt="'Photo of '.ucwords($member->fullname)"
                                        class="table__avatar"
                                    />
                                </td>
                                <td class="table__primary">
                                    <a href="{{ route('members.show', $member->id) }}">{{ ucwords($member->fullname) }}</a>
                                </td>
                                <td class="u-nowrap u-text-secondary">{{ $member->phone_number ?: '—' }}</td>
                                <td class="u-text-secondary">{{ $genders[$member->sex] ?? 'Other' }}</td>
                                <td class="u-numeric u-text-secondary">{{ $member->pin2 ?: '—' }}</td>
                                <td class="u-capitalize u-text-secondary">{{ $subscription?->name ?? '—' }}</td>
                                <td class="u-nowrap u-text-secondary">
                                    {{ $endsAt ? date('d M Y', strtotime($endsAt)) : '—' }}
                                </td>
                                <td>
                                    @if (($curr_status ?? null) === null)
                                        <x-badge :tone="$expired ? 'neutral' : 'success'">
                                            {{ $expired ? 'In-Active' : 'Active' }}
                                        </x-badge>
                                    @else
                                        <x-badge :tone="$curr_status == 1 ? 'success' : 'neutral'">
                                            {{ $curr_status == 1 ? 'Active' : 'In-Active' }}
                                        </x-badge>
                                    @endif
                                </td>
                                <td class="col-actions">
                                    <div class="actions">
                                        <a
                                            class="btn btn--icon btn--sm"
                                            href="{{ route('members.edited', ['id' => $member->id, 'status' => $curr_status]) }}"
                                            title="Edit member"
                                        >
                                            <i class="fa-solid fa-pen" aria-hidden="true"></i>
                                            <span class="u-visually-hidden">Edit {{ ucwords($member->fullname) }}</span>
                                        </a>
                                        <a
                                            class="btn btn--icon btn--sm"
                                            href="{{ route('members.show', $member->id) }}"
                                            title="Admission form"
                                        >
                                            <i class="fa-solid fa-id-card" aria-hidden="true"></i>
                                            <span class="u-visually-hidden">Admission form for {{ ucwords($member->fullname) }}</span>
                                        </a>
                                        <a
                                            class="btn btn--icon btn--sm"
                                            href="{{ route('members.subcription', ['id' => $member->id, 'status' => $curr_status]) }}"
                                            title="Subscription"
                                        >
                                            <i class="fa-solid fa-cart-shopping" aria-hidden="true"></i>
                                            <span class="u-visually-hidden">Subscription for {{ ucwords($member->fullname) }}</span>
                                        </a>
                                        <a
                                            class="btn btn--icon btn--sm"
                                            href="{{ route('members.subcription.history', $member->id) }}"
                                            title="Subscription history"
                                        >
                                            <i class="fa-solid fa-clock-rotate-left" aria-hidden="true"></i>
                                            <span class="u-visually-hidden">Subscription history for {{ ucwords($member->fullname) }}</span>
                                        </a>
                                        <a
                                            class="btn btn--icon btn--sm"
                                            href="{{ route('members.admission', ['id' => $member->id, 'status' => $curr_status]) }}"
                                            title="Admission / re-admission"
                                        >
                                            <i class="fa-solid fa-file-signature" aria-hidden="true"></i>
                                            <span class="u-visually-hidden">Admission for {{ ucwords($member->fullname) }}</span>
                                        </a>
                                        <a
                                            class="btn btn--icon btn--sm"
                                            href="{{ route('members.admission.history', $member->id) }}"
                                            title="Admission history"
                                        >
                                            <i class="fa-solid fa-list" aria-hidden="true"></i>
                                            <span class="u-visually-hidden">Admission history for {{ ucwords($member->fullname) }}</span>
                                        </a>
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endif
    </x-card>
@endsection