@extends('layouts.app')

@section('title', 'Fiche adhérent | EasyMutuelle')
@section('page_title', 'Fiche adhérent')

@section('content')
<div class="space-y-6">
    <div class="card-surface rounded-2xl p-6">
        <div class="flex items-center justify-between gap-4">
            <div>
                <p class="text-sm uppercase tracking-[0.12em] text-slate-500">{{ $member->code }}</p>
                <p class="text-sm text-slate-500">{{ $member->matricule ?: 'Matricule non renseigné' }}</p>

        <div class="card-surface rounded-2xl p-6">
            <div class="mb-4 flex items-center justify-between gap-4">
                <h3 class="text-lg font-bold text-slate-900">Documents de l’adhérent</h3>
                <span class="text-sm text-slate-500">{{ $member->documents->count() }} document(s)</span>
            </div>
            @if(auth()->user()->hasRole('secretary'))
            <form action="{{ route('members.photo.update', $member) }}" method="POST" enctype="multipart/form-data" class="mb-5 flex items-end gap-3">
                @csrf
                <div class="flex-1"><label class="mb-1 block text-sm font-medium text-slate-700">Photo d’identité</label><input type="file" name="photo" accept=".jpg,.jpeg,.png" class="w-full rounded-xl border border-slate-200 bg-slate-50 px-3 py-2.5 text-sm" required></div>
                <button class="btn-secondary">Mettre à jour la photo</button>
            </form>
            @endif
            @if(auth()->user()->hasRole('secretary'))<form action="{{ route('member-documents.store', $member) }}" method="POST" enctype="multipart/form-data" class="grid gap-4 md:grid-cols-4">
                @csrf
                <input name="title" placeholder="Titre" class="rounded-xl border border-slate-200 bg-slate-50 px-3 py-2.5 text-sm" required>
                <input name="category" placeholder="Catégorie" class="rounded-xl border border-slate-200 bg-slate-50 px-3 py-2.5 text-sm" required>
                <input type="file" name="file" accept=".pdf,.jpg,.jpeg,.png" class="rounded-xl border border-slate-200 bg-slate-50 px-3 py-2.5 text-sm" required>
                <select name="confidentiality" class="rounded-xl border border-slate-200 bg-slate-50 px-3 py-2.5 text-sm" required><option>Privé</option><option>Interne</option></select>
                <textarea name="description" rows="2" placeholder="Description" class="md:col-span-3 rounded-xl border border-slate-200 bg-slate-50 px-3 py-2.5 text-sm"></textarea>
                <button class="btn-primary">Enregistrer le document</button>
            </form>@endif
            <div class="mt-5 grid gap-3 md:grid-cols-2">@forelse($member->documents as $document)<div class="rounded-xl border border-slate-200 bg-slate-50 p-3 text-sm"><div class="flex justify-between gap-3"><span class="font-semibold text-slate-800">{{ $document->title }}</span><span class="badge-warning">{{ $document->confidentiality }}</span></div><div class="mt-1 text-slate-500">{{ $document->category }} · {{ $document->file_name }}</div><div class="mt-2 flex items-center gap-3"><a href="{{ route('member-documents.download', [$member, $document]) }}" class="text-[#0f4c5c] hover:underline">Télécharger</a>@if(auth()->user()->hasRole('secretary'))<details><summary class="cursor-pointer text-[#0f4c5c]">Modifier</summary><form action="{{ route('member-documents.update', [$member, $document]) }}" method="POST" enctype="multipart/form-data" class="mt-2 space-y-2">@csrf @method('PUT')<input name="title" value="{{ $document->title }}" class="w-full rounded-lg border border-slate-200 px-2 py-1" required><input name="category" value="{{ $document->category }}" class="w-full rounded-lg border border-slate-200 px-2 py-1" required><select name="confidentiality" class="w-full rounded-lg border border-slate-200 px-2 py-1"><option @selected($document->confidentiality === 'Privé')>Privé</option><option @selected($document->confidentiality === 'Interne')>Interne</option></select><input type="file" name="file" accept=".pdf,.jpg,.jpeg,.png" class="w-full text-xs"><button class="btn-secondary">Enregistrer</button></form></details><form action="{{ route('member-documents.destroy', [$member, $document]) }}" method="POST">@csrf @method('DELETE')<button class="text-red-600 hover:underline">Supprimer</button></form>@endif</div></div>@empty<p class="text-sm text-slate-500">Aucun document enregistré.</p>@endforelse</div>
        </div>
                <h2 class="mt-2 text-3xl font-bold text-slate-900">{{ $member->fullName() }}</h2>
            </div>
            <div class="flex items-center gap-3"><span class="badge-success">{{ $member->status }}</span>@if(auth()->user()->hasRole('secretary'))<a href="{{ route('members.edit', $member) }}" class="btn-secondary">Modifier</a>@endif @if($member->status === 'Actif')<a href="{{ route('member-cards.show', $member) }}" class="btn-primary">Voir la carte</a>@endif</div>
        </div>
    </div>

    @if($member->requested_status)
        <div class="rounded-xl border border-amber-200 bg-amber-50 p-4 text-sm text-amber-800">Demande de <strong>{{ $member->requested_status }}</strong> : {{ $member->status_reason }} @if(auth()->user()->role === 'president')<form action="{{ route('members.status.decide', $member) }}" method="POST" class="mt-3 flex gap-2">@csrf<button name="decision" value="Approuver" class="btn-primary">Approuver</button><button name="decision" value="Refuser" class="btn-secondary">Refuser</button></form>@endif</div>
    @endif

    @if(in_array(auth()->user()->role, ['admin', 'secretary'], true) && in_array($member->status, ['Actif', 'En attente'], true))
        <div class="card-surface rounded-2xl p-6"><h3 class="mb-4 text-lg font-bold text-slate-900">Demander une suspension ou radiation</h3><form action="{{ route('members.status.request', $member) }}" method="POST" class="grid gap-4 md:grid-cols-3">@csrf<select name="status" class="rounded-xl border border-slate-200 bg-slate-50 px-3 py-2.5 text-sm" required><option value="Suspendu">Suspendre</option><option value="Radié">Radier</option></select><input name="reason" placeholder="Motif obligatoire" class="rounded-xl border border-slate-200 bg-slate-50 px-3 py-2.5 text-sm md:col-span-2" required><button class="btn-secondary md:col-start-3">Soumettre au président</button></form></div>
    @endif

    <div class="grid gap-6 lg:grid-cols-2">
        <div class="card-surface rounded-2xl p-6">
            <h3 class="mb-4 text-xl font-bold text-slate-900">Informations personnelles</h3>
            <dl class="space-y-3 text-sm">
                <div class="flex justify-between gap-4"><dt class="text-slate-500">Sexe</dt><dd class="font-medium text-slate-800">{{ $member->gender ?? 'Non renseigné' }}</dd></div>
                <div class="flex justify-between gap-4"><dt class="text-slate-500">Date de naissance</dt><dd class="font-medium text-slate-800">{{ $member->date_of_birth?->format('d/m/Y') ?? 'Non renseignée' }}</dd></div>
                <div class="flex justify-between gap-4"><dt class="text-slate-500">Téléphone</dt><dd class="font-medium text-slate-800">{{ $member->phone ?? 'Non renseigné' }}</dd></div>
                <div class="flex justify-between gap-4"><dt class="text-slate-500">Email</dt><dd class="font-medium text-slate-800">{{ $member->email ?? 'Non renseigné' }}</dd></div>
                <div class="flex justify-between gap-4"><dt class="text-slate-500">Ville</dt><dd class="font-medium text-slate-800">{{ $member->city ?? 'Non renseignée' }}</dd></div>
                <div class="flex justify-between gap-4"><dt class="text-slate-500">Profession</dt><dd class="font-medium text-slate-800">{{ $member->profession ?? 'Non renseignée' }}</dd></div>
            </dl>
        </div>

        <div class="card-surface rounded-2xl p-6">
            <h3 class="mb-4 text-xl font-bold text-slate-900">Informations mutualistes</h3>
            <dl class="space-y-3 text-sm">
                <div class="flex justify-between gap-4"><dt class="text-slate-500">Catégorie</dt><dd class="font-medium text-slate-800">{{ $member->category }}</dd></div>
                <div class="flex justify-between gap-4"><dt class="text-slate-500">Date d'adhésion</dt><dd class="font-medium text-slate-800">{{ $member->membership_date?->format('d/m/Y') ?? 'Non renseignée' }}</dd></div>
                <div class="flex justify-between gap-4"><dt class="text-slate-500">Adhésions</dt><dd class="font-medium text-slate-800">{{ $member->memberships->count() }}</dd></div>
                <div class="flex justify-between gap-4"><dt class="text-slate-500">Cotisations</dt><dd class="font-medium text-slate-800">{{ $member->contributions->count() }}</dd></div>
                <div class="flex justify-between gap-4"><dt class="text-slate-500">Paiements</dt><dd class="font-medium text-slate-800">{{ $member->payments->count() }}</dd></div>
                <div class="flex justify-between gap-4"><dt class="text-slate-500">Prêts</dt><dd class="font-medium text-slate-800">{{ $member->loans->count() }}</dd></div>
            </dl>
        </div>
    </div>

    <div class="grid gap-6 xl:grid-cols-3">
        <div class="card-surface rounded-2xl p-6">
            <h3 class="mb-4 text-lg font-bold text-slate-900">Cotisations</h3>
            <div class="space-y-3">
                @forelse($member->contributions as $contribution)
                    <div class="rounded-lg border border-slate-200 bg-slate-50 p-3">
                        <div class="flex justify-between text-sm">
                            <span class="text-slate-600">{{ $contribution->campaign }}</span>
                            <span class="font-medium text-slate-800">{{ $contribution->status }}</span>
                        </div>
                        <div class="mt-2 text-lg font-bold text-slate-900">{{ number_format($contribution->paid_amount, 0, ',', ' ') }} FCFA</div>
                    </div>
                @empty
                    <p class="text-sm text-slate-500">Aucune cotisation enregistrée.</p>
                @endforelse
            </div>
        </div>

        <div class="card-surface rounded-2xl p-6">
            <h3 class="mb-4 text-lg font-bold text-slate-900">Paiements</h3>
            <div class="space-y-3">
                @forelse($member->payments as $payment)
                    <div class="rounded-lg border border-slate-200 bg-slate-50 p-3">
                        <div class="text-sm text-slate-600">{{ $payment->method }}</div>
                        <div class="mt-2 text-lg font-bold text-emerald-700">{{ number_format($payment->amount, 0, ',', ' ') }} FCFA</div>
                    </div>
                @empty
                    <p class="text-sm text-slate-500">Aucun paiement enregistré.</p>
                @endforelse
            </div>
        </div>

        <div class="card-surface rounded-2xl p-6">
            <h3 class="mb-4 text-lg font-bold text-slate-900">Prêts & aides</h3>
            <div class="space-y-3">
                @forelse($member->loans as $loan)
                    <div class="rounded-lg border border-slate-200 bg-slate-50 p-3">
                        <div class="text-sm text-slate-600">Prêt</div>
                        <div class="mt-2 text-lg font-bold text-slate-900">{{ number_format($loan->amount, 0, ',', ' ') }} FCFA</div>
                    </div>
                @empty
                    <p class="text-sm text-slate-500">Aucun prêt identifié.</p>
                @endforelse
                @forelse($member->aids as $aid)
                    <div class="rounded-lg border border-slate-200 bg-slate-50 p-3">
                        <div class="text-sm text-slate-600">Aide</div>
                        <div class="mt-2 text-lg font-bold text-amber-700">{{ number_format($aid->amount, 0, ',', ' ') }} FCFA</div>
                    </div>
                @empty
                    <p class="text-sm text-slate-500">Aucune aide enregistrée.</p>
                @endforelse
            </div>
        </div>
    </div>

    <div class="card-surface rounded-2xl p-6">
        <div class="mb-4 flex items-center justify-between gap-4">
            <h3 class="text-lg font-bold text-slate-900">Ayants droit</h3>
            <span class="text-sm text-slate-500">{{ $member->beneficiaries->count() }} enregistré(s)</span>
        </div>
        <form action="{{ route('beneficiaries.store', $member) }}" method="POST" class="grid gap-4 md:grid-cols-3">
            @csrf
            <input name="first_name" placeholder="Prénom" class="rounded-xl border border-slate-200 bg-slate-50 px-3 py-2.5 text-sm" required>
            <input name="last_name" placeholder="Nom" class="rounded-xl border border-slate-200 bg-slate-50 px-3 py-2.5 text-sm" required>
            <input name="relationship" placeholder="Lien familial" class="rounded-xl border border-slate-200 bg-slate-50 px-3 py-2.5 text-sm" required>
            <input type="date" name="date_of_birth" class="rounded-xl border border-slate-200 bg-slate-50 px-3 py-2.5 text-sm">
            <input name="phone" placeholder="Téléphone" class="rounded-xl border border-slate-200 bg-slate-50 px-3 py-2.5 text-sm">
            <button class="btn-primary">Ajouter l’ayant droit</button>
        </form>
        <div class="mt-5 grid gap-3 md:grid-cols-2">
            @forelse($member->beneficiaries as $beneficiary)
                <div class="rounded-xl border border-slate-200 bg-slate-50 p-3 text-sm"><div class="font-semibold text-slate-800">{{ $beneficiary->first_name }} {{ $beneficiary->last_name }}</div><div class="mt-1 text-slate-500">{{ $beneficiary->relationship }} @if($beneficiary->date_of_birth) · {{ $beneficiary->date_of_birth->format('d/m/Y') }} @endif</div></div>
            @empty
                <p class="text-sm text-slate-500">Aucun ayant droit enregistré.</p>
            @endforelse
        </div>
    </div>

    <div class="card-surface rounded-2xl p-6">
        <div class="mb-4 flex items-center justify-between gap-4">
            <h3 class="text-lg font-bold text-slate-900">Événements de vie</h3>
            <span class="text-sm text-slate-500">{{ $member->lifeEvents->count() }} enregistré(s)</span>
        </div>
        <form action="{{ route('life-events.store', $member) }}" method="POST" class="grid gap-4 md:grid-cols-4">
            @csrf
            <select name="type" class="rounded-xl border border-slate-200 bg-slate-50 px-3 py-2.5 text-sm" required><option value="">Type d’événement</option>@foreach(['Naissance', 'Mariage', 'Décès', 'Hospitalisation', 'Accident', 'Retraite', 'Autre'] as $type)<option>{{ $type }}</option>@endforeach</select>
            <input type="date" name="occurred_at" value="{{ date('Y-m-d') }}" class="rounded-xl border border-slate-200 bg-slate-50 px-3 py-2.5 text-sm" required>
            <select name="status" class="rounded-xl border border-slate-200 bg-slate-50 px-3 py-2.5 text-sm" required><option>À vérifier</option><option>Approuvé</option><option>Rejeté</option><option>Clôturé</option></select>
            <button class="btn-primary">Déclarer</button>
            <textarea name="description" rows="2" placeholder="Description ou justificatif" class="md:col-span-4 rounded-xl border border-slate-200 bg-slate-50 px-3 py-2.5 text-sm"></textarea>
        </form>
        <div class="mt-5 grid gap-3 md:grid-cols-2">@forelse($member->lifeEvents as $event)<div class="rounded-xl border border-slate-200 bg-slate-50 p-3 text-sm"><div class="flex justify-between gap-3"><span class="font-semibold text-slate-800">{{ $event->type }}</span><span class="badge-warning">{{ $event->status }}</span></div><div class="mt-1 text-slate-500">{{ $event->occurred_at->format('d/m/Y') }} @if($event->description) · {{ $event->description }} @endif</div></div>@empty<p class="text-sm text-slate-500">Aucun événement déclaré.</p>@endforelse</div>
    </div>
</div>
@endsection