@extends('user.layouts.app')
@section('title','Profile')
@section('page-title','My Profile')
@section('page-subtitle','Update your personal information')
@section('content')

@if(session('success'))<div class="alert alert-success">{{ session('success') }}</div>@endif
@if($errors->any())<div class="alert alert-danger"><ul class="mb-0">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul></div>@endif

<div class="content-card p-4">
    <form method="POST" action="{{ route('user.profile.update') }}" enctype="multipart/form-data">
        @csrf @method('PUT')
        <div class="row g-3">
            <div class="col-md-4"><label class="form-label">First Name *</label><input name="first_name" class="form-control" value="{{ old('first_name', $user->first_name) }}" required></div>
            <div class="col-md-4"><label class="form-label">Last Name *</label><input name="last_name" class="form-control" value="{{ old('last_name', $user->last_name) }}" required></div>
            <div class="col-md-4"><label class="form-label">Other Name</label><input name="other_name" class="form-control" value="{{ old('other_name', $user->other_name) }}"></div>
            <div class="col-md-6"><label class="form-label">Email *</label><input type="email" name="email" class="form-control" value="{{ old('email', $user->email) }}" required></div>
            <div class="col-md-3"><label class="form-label">Phone</label><input name="phone_number" class="form-control" value="{{ old('phone_number', $user->phone_number) }}"></div>
            <div class="col-md-3"><label class="form-label">WhatsApp</label><input name="whatsapp_number" class="form-control" value="{{ old('whatsapp_number', $user->whatsapp_number) }}"></div>
            <div class="col-md-3"><label class="form-label">Title</label><input name="title" class="form-control" value="{{ old('title', $user->title) }}"></div>
            <div class="col-md-3"><label class="form-label">Gender</label>
                <select name="gender" class="form-select">
                    <option value="">Select</option>
                    @foreach(['male','female','other'] as $g)<option value="{{ $g }}" @selected(old('gender', $user->gender) === $g)>{{ ucfirst($g) }}</option>@endforeach
                </select>
            </div>
            <div class="col-md-3"><label class="form-label">Membership #</label><input name="membership_number" class="form-control" value="{{ old('membership_number', $user->membership_number) }}"></div>
            <div class="col-md-3"><label class="form-label">Membership Category</label>
                <select name="membership_category_id" class="form-select">
                    <option value="">Select</option>
                    @foreach($membershipCategories as $cat)<option value="{{ $cat->id }}" @selected(old('membership_category_id', $user->membership_category_id) == $cat->id)>{{ $cat->name }}</option>@endforeach
                </select>
            </div>
            <div class="col-md-6"><label class="form-label">Affiliation</label><input name="affiliation" class="form-control" value="{{ old('affiliation', $user->affiliation) }}"></div>
            <div class="col-md-12"><label class="form-label">Address</label><textarea name="address" class="form-control" rows="2">{{ old('address', $user->address) }}</textarea></div>
            <div class="col-md-4"><label class="form-label">City</label><input name="city" class="form-control" value="{{ old('city', $user->city) }}"></div>
            <div class="col-md-4"><label class="form-label">State</label>
                <select name="state_id" class="form-select">
                    <option value="">Select</option>
                    @foreach($states as $state)<option value="{{ $state->id }}" @selected(old('state_id', $user->state_id) == $state->id)>{{ $state->name }}</option>@endforeach
                </select>
            </div>
            <div class="col-md-4"><label class="form-label">Country</label><input name="country" class="form-control" value="{{ old('country', $user->country ?? 'Nigeria') }}"></div>
            <div class="col-md-6"><label class="form-label">Profile Photo</label><input type="file" name="passport_photo" class="form-control" accept="image/*"></div>
        </div>
        <div class="mt-4 d-flex flex-wrap gap-2 align-items-center">
            <button type="submit" class="btn btn-success">Save Profile</button>
            <a href="{{ route('user.change-password') }}" class="btn btn-outline-warning">
                <i class="fas fa-lock me-1"></i> Change Password
            </a>
        </div>
    </form>
</div>

@endsection