@extends('layouts.user')
@section('pageTitle')
    Yetkili Bilgileri
@endsection
@section('goBack')
@endsection
@section('content')
    <div class="pt-2 pb-20 sm:px-14 md:px-24">
        <a class="text-white fixed bottom-28 right-2" href="tel:{{ $operation->tel }}">
            <div class="bg-blue-700 p-2 rounded-full w-14 h-14 flex items-center justify-center text-2xl">
                <i class="fa-solid fa-phone"></i>
            </div>
        </a>
        <div class="px-6 overflow-y-auto h-[calc(100vh-150px)]">
            <div class="my-2 flex justify-center items-center">
                <img class="w-24 h-24 object-cover rounded-full" src="{{ getCdnFile($operation?->profile_img) }}"
                    alt="profil fotografi">
            </div>

            <div class="mb-4">
                <h2 class="text-sm text-center font-medium text-gray-300">
                    {{ $operation->full_name }}
                </h2>
            </div>

            <div class="mb-4 text-gray-400">
                <h1 class="text-gray-300 mb-2 font-semibold text-sm">
                    İletişim Bilgileri
                </h1>
                <h2 class="flex items-center gap-2 text-sm font-medium">
                    <i class="fa-solid fa-phone"></i>
                    {{ $operation->tel }}
                </h2>

                <p class="flex items-center gap-2 mt-1 text-sm">
                    <i class="fa-solid fa-envelope"></i>
                    {{ $operation->email }}
                </p>
            </div>
        </div>
    </div>
    @if (session('error'))
        <x-toast color="red-700">
            <x-slot name="message">
                {{ session('error') }}
            </x-slot>
            <x-slot name="icon">
                <i class="fa-solid fa-exclamation"></i>
            </x-slot>
        </x-toast>
    @endif
    @if (session('success'))
        <x-toast color="green-700">
            <x-slot name="message">
                {{ session('success') }}
            </x-slot>
            <x-slot name="icon">
                <i class="fa-solid fa-check"></i>
            </x-slot>
        </x-toast>
    @endif
@endsection