@extends('admin.layouts.dashboard')

@section('title', 'Member Details')

@section('content')
    <div class="space-y-6">
        <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3">
            <div>
                <h1 class="text-2xl font-bold text-white">Member Details</h1>
                <p class="text-gray-400 text-sm mt-1">View full member information.</p>
            </div>
            <a href="{{ route('admin.members') }}" class="px-4 py-2 bg-[#1e293b] border border-gray-700 text-white rounded-lg text-sm">Back to Members</a>
        </div>

        <div class="bg-[#1e293b] rounded-xl border border-gray-800 p-6 grid grid-cols-1 md:grid-cols-2 gap-5">
            <div><p class="text-xs text-gray-500 uppercase">Name</p><p class="text-white font-medium mt-1">{{ $member->name }}</p></div>
            <div><p class="text-xs text-gray-500 uppercase">Email</p><p class="text-white font-medium mt-1">{{ $member->email }}</p></div>
            <div><p class="text-xs text-gray-500 uppercase">NIC</p><p class="text-white font-medium mt-1">{{ $member->nic_number ?: 'N/A' }}</p></div>
            <div><p class="text-xs text-gray-500 uppercase">Phone</p><p class="text-white font-medium mt-1">{{ $member->phone_number ?: 'N/A' }}</p></div>
            <div><p class="text-xs text-gray-500 uppercase">Membership Package</p><p class="text-white font-medium mt-1">{{ $member->membership_package ?: 'N/A' }}</p></div>
            <div><p class="text-xs text-gray-500 uppercase">Membership Status</p><p class="text-white font-medium mt-1">{{ ucfirst($member->membership_status ?: 'inactive') }}</p></div>
            <div><p class="text-xs text-gray-500 uppercase">Joined</p><p class="text-white font-medium mt-1">{{ $member->created_at?->format('M d, Y h:i A') ?: 'N/A' }}</p></div>
            <div><p class="text-xs text-gray-500 uppercase">Expires</p><p class="text-white font-medium mt-1">{{ $member->membership_expires_at?->format('M d, Y h:i A') ?: 'N/A' }}</p></div>
        </div>

        <div class="flex gap-3">
            <a href="{{ route('admin.members.edit', $member) }}" class="px-4 py-2 bg-blue-600 text-white rounded-lg text-sm">Edit Member</a>
            <form action="{{ route('admin.members.destroy', $member) }}" method="post" onsubmit="return confirm('Delete this member?');">
                @csrf
                @method('delete')
                <button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm">Delete Member</button>
            </form>
        </div>
    </div>
@endsection