@extends('layouts.app')

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

@section('content')
<div class="container mt-5">
    <h2>Edit Member</h2>
    <form method="POST" action="{{ route('members.update', $member->id) }}">
        @csrf
        @method('PUT')
        <input type="hidden" name="id" value="{{ $member->id }}">
        <div class="mb-3">
            <label class="form-label">Full Name</label>
            <input type="text" name="full_name" class="form-control" 
                   value="{{ old('full_name', $member->full_name) }}" required>
        </div>
        <div class="mb-3">
            <label class="form-label">Phone</label>
            <input type="text" name="phone" class="form-control" 
                   value="{{ old('phone', $member->phone) }}" required>
        </div>
        <div class="mb-3">
            <label class="form-label">Address</label>
            <textarea name="address" class="form-control" required>{{ old('address', $member->address) }}</textarea>
        </div>
        <div class="mb-3">
            <label class="form-label">Spouse Name</label>
            <input type="text" name="spouse_name" class="form-control" value="{{ old('spouse_name', $member->spouse_name) }}">
        </div>
        <div class="mb-3">
            <label class="form-label">Spouse Address</label>
            <input type="text" name="spouse_address" class="form-control" value="{{ old('spouse_address', $member->spouse_address) }}">
        </div>
        <div class="mb-3">
            <label class="form-label">Spouse ID</label>
            <input type="text" name="spouse_id" class="form-control" value="{{ old('spouse_id', $member->spouse_id) }}">
        </div>
        <div class="mb-3">
            <label class="form-label">Spouse Mobile</label>
            <input type="text" name="spouse_mobile" class="form-control" value="{{ old('spouse_mobile', $member->spouse_mobile) }}">
        </div>
        <button type="submit" class="btn btn-primary">Update Member</button>
        <a href="{{ route('members.index') }}" class="btn btn-secondary">Cancel</a>
    </form>
</div>
@endsection