@extends('layouts.user')
@section('pageTitle')
    Firma 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="mailto:{{ $firm->firm_email }}">
            <div class="bg-gray-700 p-2 rounded-full w-14 h-14 flex items-center justify-center text-2xl">
                <i class="fa-solid fa-envelope"></i>
            </div>
        </a>
        <div class="px-6 overflow-y-auto h-[calc(100vh-150px)]">
            <div class="my-4 flex justify-center items-center">
                <img class="w-24 h-24 object-cover rounded-full" src="{{ getCdnFile($firm?->firm_logo_path) }}"
                    alt="profil fotografi">
            </div>

            <div class="mb-4">
                <h2 class="text-lg text-center font-medium text-gray-300">
                    {{ $firm->firm_name }}
                </h2>
            </div>

            <div class="flex flex-col sm:flex-row sm:justify-center sm:gap-20 sm:mt-10">
                <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-envelope"></i>
                        {{ $firm->firm_email }}
                    </h2>

                </div>

                <div class="mb-4 text-gray-400">
                    <h1 class="text-gray-300 mb-2 font-semibold text-sm">
                        Adres Bilgileri
                    </h1>
                    <div class="flex items-center gap-2 text-sm font-medium">
                        <i class="fa-solid fa-location-dot"></i>
                        <span class=" h-auto">{{ $firm->firm_address }}</span>
                    </div>

                    <p class="flex items-center gap-2 mt-1 text-sm">
                        <i class="fa-solid fa-globe"></i>
                        <a target="_blank" href="https://{{ $firm->web_address }}">
                            {{ $firm->web_address }}
                        </a>
                    </p>
                </div>
            </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