{{-- CARD MEDICO + INFO PAZIENTE LOGGATO --}}
<div class="bg-white shadow rounded-lg p-5 flex items-center justify-between gap-4">

    {{-- Sezione medico --}}
    <div class="flex items-center gap-4">
        {{-- Avatar: foto se presente, iniziale altrimenti --}}
        @if(!empty($doctor->avatar_path))
            <img
                src="{{ asset('storage/'.$doctor->avatar_path) }}"
                alt="Foto di {{ $doctor->name }}"
                class="w-16 h-16 rounded-full object-cover"
            >
        @else
            <div class="w-16 h-16 rounded-full bg-green-100 flex items-center justify-center text-xl font-bold text-green-700">
                {{ strtoupper(mb_substr($doctor->name, 0, 1)) }}
            </div>
        @endif

        <div class="flex-1">
            <div class="text-xs text-gray-500 uppercase tracking-wide">
                Medico
            </div>

            <div class="text-lg font-semibold">
                {{ $doctor->name }}
            </div>

            @if(!empty($doctor->specialty))
                <div class="text-sm text-gray-600">
                    {{ $doctor->specialty }}
                </div>
            @endif

            @if(!empty($doctor->public_title))
                <div class="text-sm text-gray-600">
                    {{ $doctor->public_title }}
                </div>
            @endif

            @if(!empty($doctor->public_bio))
                <div class="text-xs text-gray-500 mt-1">
                    {{ $doctor->public_bio }}
                </div>
            @endif
        </div>
    </div>

    {{-- Sezione paziente loggato --}}
    @php
        $loggedUser = auth()->user();
        $isPatient  = $loggedUser && !in_array($loggedUser->role, ['doctor', 'secretary']);
    @endphp
	
	@if($isPatient)

	<div class="flex flex-col items-end gap-3">

		<div class="text-right text-sm text-gray-700">
			<div class="text-xs text-gray-500 uppercase tracking-wide">
				Sei loggato come
			</div>

			<div class="font-semibold">
				{{ $loggedUser->name }}
			</div>

			@if($loggedUser->email)
				<div class="text-xs text-gray-500">
					{{ $loggedUser->email }}
				</div>
			@endif
		</div>

		<div class="flex flex-wrap items-center gap-2">

			<a href="{{ route('patient.profile', ['return' => $returnUrl]) }}"
			   class="inline-flex items-center px-3 py-2 rounded-lg border border-gray-300 text-sm font-medium text-gray-700 hover:bg-gray-50">
				I tuoi appuntamenti
			</a>

			<a href="{{ route('patient.profile', ['return' => $returnUrl]) }}"
			   class="inline-flex items-center px-3 py-2 rounded-lg border border-blue-500 text-sm font-medium text-blue-600 hover:bg-blue-50">
				Modifica i tuoi dati
			</a>

			@if(!empty($returnUrl))
				<a href="{{ $returnUrl }}"
				   class="inline-flex items-center px-3 py-2 rounded-lg border border-green-500 text-sm font-medium text-green-600 hover:bg-green-50">
					Torna alla prenotazione
				</a>
			@endif

			<form method="POST" action="{{ route('logout') }}">
				@csrf
				<button type="submit"
					class="inline-flex items-center px-3 py-2 rounded-lg border border-red-400 text-sm font-medium text-red-600 hover:bg-red-50">
					Esci
				</button>
			</form>

		</div>

	</div>

	@endif

</div>