@extends('layouts.app')

@section('title', $mode === 'create' ? 'Nouvel adhérent | EasyMutuelle' : 'Modifier l\'adhérent | EasyMutuelle')
@section('page_title', $mode === 'create' ? 'Nouvel adhérent' : 'Modifier l\'adhérent')

@section('content')
<div class="card-surface rounded-2xl p-6">
    <form action="{{ $mode === 'create' ? route('members.store') : route('members.update', $member) }}" method="POST" enctype="multipart/form-data" class="space-y-6">
        @csrf
        @if($mode === 'edit')
            @method('PUT')
        @endif

        <div class="grid gap-5 md:grid-cols-2">
            <div>
                <label class="mb-1 block text-sm font-medium text-slate-700">Code membre</label>
                <input value="{{ $mode === 'create' ? 'Généré automatiquement' : $member->code }}" class="w-full rounded-xl border border-slate-200 bg-slate-100 px-3 py-2.5 text-sm" disabled>
            </div>
            <div>
                <label class="mb-1 block text-sm font-medium text-slate-700">Matricule (facultatif)</label>
                <input name="matricule" value="{{ old('matricule', $member->matricule) }}" class="w-full rounded-xl border border-slate-200 bg-slate-50 px-3 py-2.5 text-sm">
            </div>
            <div>
                <label class="mb-1 block text-sm font-medium text-slate-700">Catégorie</label>
                <select name="category" class="w-full rounded-xl border border-slate-200 bg-slate-50 px-3 py-2.5 text-sm" required><option value="">Sélectionner</option>@foreach(['Membre ordinaire', 'Membre fondateur', 'Membre honoraire', 'Membre bienfaiteur', 'Membre partenaire'] as $category)<option value="{{ $category }}" @selected(old('category', $member->category) === $category)>{{ $category }}</option>@endforeach</select>
            </div>
            <div>
                <label class="mb-1 block text-sm font-medium text-slate-700">Prénom</label>
                <input name="first_name" value="{{ old('first_name', $member->first_name) }}" class="w-full rounded-xl border border-slate-200 bg-slate-50 px-3 py-2.5 text-sm" required>
            </div>
            <div>
                <label class="mb-1 block text-sm font-medium text-slate-700">Nom</label>
                <input name="last_name" value="{{ old('last_name', $member->last_name) }}" class="w-full rounded-xl border border-slate-200 bg-slate-50 px-3 py-2.5 text-sm" required>
            </div>
            <div>
                <label class="mb-1 block text-sm font-medium text-slate-700">Sexe</label>
                <select name="gender" class="w-full rounded-xl border border-slate-200 bg-slate-50 px-3 py-2.5 text-sm"><option value="">Sélectionner</option>@foreach(['Masculin', 'Féminin', 'Autre'] as $gender)<option value="{{ $gender }}" @selected(old('gender', $member->gender) === $gender)>{{ $gender }}</option>@endforeach</select>
            </div>
            <div>
                <label class="mb-1 block text-sm font-medium text-slate-700">Date de naissance</label>
                <input type="date" name="date_of_birth" value="{{ old('date_of_birth', $member->date_of_birth?->format('Y-m-d')) }}" class="w-full rounded-xl border border-slate-200 bg-slate-50 px-3 py-2.5 text-sm">
            </div>
            <div>
                <label class="mb-1 block text-sm font-medium text-slate-700">Téléphone</label>
                <input name="phone" value="{{ old('phone', $member->phone) }}" class="w-full rounded-xl border border-slate-200 bg-slate-50 px-3 py-2.5 text-sm">
            </div>
            <div>
                <label class="mb-1 block text-sm font-medium text-slate-700">Email</label>
                <input type="email" name="email" value="{{ old('email', $member->email) }}" class="w-full rounded-xl border border-slate-200 bg-slate-50 px-3 py-2.5 text-sm">
            </div>
            <div>
                <label class="mb-1 block text-sm font-medium text-slate-700">Ville</label>
                <input name="city" value="{{ old('city', $member->city) }}" class="w-full rounded-xl border border-slate-200 bg-slate-50 px-3 py-2.5 text-sm">
            </div>
            <div>
                <label class="mb-1 block text-sm font-medium text-slate-700">Profession</label>
                <input name="profession" value="{{ old('profession', $member->profession) }}" class="w-full rounded-xl border border-slate-200 bg-slate-50 px-3 py-2.5 text-sm">
            </div>
            <div><label class="mb-1 block text-sm font-medium text-slate-700">Photo</label><input type="file" name="photo" accept="image/*" class="w-full rounded-xl border border-slate-200 bg-slate-50 px-3 py-2.5 text-sm"></div>
            <div>
                <label class="mb-1 block text-sm font-medium text-slate-700">Statut</label>
                <input value="{{ $mode === 'create' ? 'En attente' : $member->status }}" class="w-full rounded-xl border border-slate-200 bg-slate-100 px-3 py-2.5 text-sm" disabled>
            </div>
            @if($mode === 'edit')<div><label class="mb-1 block text-sm font-medium text-slate-700">Date d'adhésion</label><input type="date" name="membership_date" value="{{ old('membership_date', $member->membership_date?->format('Y-m-d')) }}" class="w-full rounded-xl border border-slate-200 bg-slate-50 px-3 py-2.5 text-sm"></div>@endif
        </div>

        <div class="flex items-center justify-end gap-3 pt-4">
            <a href="{{ route('members.index') }}" class="btn-secondary">Annuler</a>
            <button type="submit" class="btn-primary">{{ $mode === 'create' ? 'Enregistrer' : 'Mettre à jour' }}</button>
        </div>
    </form>
</div>
@endsection