@extends('admin.layouts.dashboard')

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

@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">Edit Member</h1>
                <p class="text-gray-400 text-sm mt-1">Update member account details.</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>

        @if ($errors->any())
            <div class="rounded-xl border border-red-700 bg-red-900/20 px-4 py-3 text-sm text-red-300">
                <ul class="list-disc pl-5 space-y-1">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <form action="{{ route('admin.members.update', $member) }}" method="post" class="bg-[#1e293b] rounded-xl border border-gray-800 p-6 grid grid-cols-1 md:grid-cols-2 gap-5">
            @csrf
            @method('put')

            <div><label class="text-sm text-gray-300">Name</label><input type="text" name="name" value="{{ old('name', $member->name) }}" class="mt-2 w-full px-3 py-2 rounded-lg bg-[#0f172a] border border-gray-700 text-white" required></div>
            <div><label class="text-sm text-gray-300">Email</label><input type="email" name="email" value="{{ old('email', $member->email) }}" class="mt-2 w-full px-3 py-2 rounded-lg bg-[#0f172a] border border-gray-700 text-white" required></div>
            <div><label class="text-sm text-gray-300">NIC Number</label><input type="text" name="nic_number" value="{{ old('nic_number', $member->nic_number) }}" class="mt-2 w-full px-3 py-2 rounded-lg bg-[#0f172a] border border-gray-700 text-white"></div>
            <div><label class="text-sm text-gray-300">Phone Number</label><input type="text" name="phone_number" value="{{ old('phone_number', $member->phone_number) }}" class="mt-2 w-full px-3 py-2 rounded-lg bg-[#0f172a] border border-gray-700 text-white"></div>
            <div><label class="text-sm text-gray-300">Membership Package</label><input type="text" name="membership_package" value="{{ old('membership_package', $member->membership_package) }}" class="mt-2 w-full px-3 py-2 rounded-lg bg-[#0f172a] border border-gray-700 text-white"></div>
            <div><label class="text-sm text-gray-300">Membership Status</label><select name="membership_status" class="mt-2 w-full px-3 py-2 rounded-lg bg-[#0f172a] border border-gray-700 text-white"><option value="active" @selected(old('membership_status', $member->membership_status) === 'active')>Active</option><option value="inactive" @selected(old('membership_status', $member->membership_status) === 'inactive')>Inactive</option></select></div>

            <div class="md:col-span-2 flex justify-end"><button type="submit" class="px-5 py-2 bg-blue-600 text-white rounded-lg text-sm font-medium">Save Changes</button></div>
        </form>
    </div>
@endsection