@extends('layouts.admin.master')

@section('title')
    Member Category Details
@endsection

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="card dashboard-custom-card">
                    <div class="card-body">
                        <div class="custom-card-header d-flex justify-content-between">
                            <h4>Member Category Details</h4>
                            <a href="{{ route('admin.member-categories.index') }}" class="create-button">
                                <i class="fas fa-backward"></i> Back
                            </a>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <p class="label-text text-bold mb-0">Name</p>
                                    <p>{{ $memberCategory->name }}</p>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <p class="label-text text-bold mb-0">Status</p>
                                    <p>
                                        <span class="badge badge-{{ $memberCategory->status ? 'success' : 'danger' }}">
                                            {{ $memberCategory->status ? 'Active' : 'Inactive' }}
                                        </span>
                                    </p>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <p class="label-text text-bold mb-0">Description</p>
                                    <p>{{ $memberCategory->description ?: 'No description provided' }}</p>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <p class="label-text text-bold mb-0">Created At</p>
                                    <p>{{ $memberCategory->created_at->format('d M Y, h:i A') }}</p>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <p class="label-text text-bold mb-0">Last Updated</p>
                                    <p>{{ $memberCategory->updated_at->format('d M Y, h:i A') }}</p>
                                </div>
                            </div>
                        </div>

                        @if($memberCategory->personalInformations->count() > 0)
                        <div class="row mt-4">
                            <div class="col-12">
                                <h5 class="text-primary mb-3">Members in this Category</h5>
                                <div class="table-responsive">
                                    <table class="table table-bordered">
                                        <thead>
                                            <tr>
                                                <th>#</th>
                                                <th>Member Name</th>
                                                <th>Email</th>
                                                <th>Mobile</th>
                                                <th>Created At</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($memberCategory->personalInformations as $index => $personalInfo)
                                            <tr>
                                                <td>{{ $index + 1 }}</td>
                                                <td>{{ $personalInfo->full_name_english ?: $personalInfo->user->name }}</td>
                                                <td>{{ $personalInfo->email ?: $personalInfo->user->email }}</td>
                                                <td>{{ $personalInfo->mobile_no ?: $personalInfo->user->phone }}</td>
                                                <td>{{ $personalInfo->created_at->format('d M Y') }}</td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        @else
                        <div class="row mt-4">
                            <div class="col-12">
                                <div class="alert alert-info">
                                    <strong>No Members:</strong> This category currently has no members assigned to it.
                                </div>
                            </div>
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection