@extends('main-site.layouts.app')
@section('content')
    <div class="content-box rounded-lg shadow overflow-hidden">
        <div class="company-profile-section">
            <div class="banner d-flex flex-column">
                <div class="d-flex justify-content-end position-relative">
                    <a href="rfq-details.html" class="back-btn d-flex align-items-center justify-content-center"><i
                            class="icon-arrow-left"></i></a>
                </div>
                <div class="social d-flex justify-content-end gap-3 position-relative mt-auto">
                    <a class="d-flex align-items-center justify-content-center" target="_blank"
                        href="{{ $item->account_information->site_link ? $item->account_information->site_link : '#' }}"><i
                            class="icon-facebook"></i></a>
                    <a class="d-flex align-items-center justify-content-center" target="_blank"
                        href="{{ $item->account_information->linked_in_link ? $item->account_information->linked_in_link : '#' }}"><i
                            class="icon-linkedin"></i></a>
                </div>
            </div>

            <div class="company-profile-content position-relative">
                <div class="profile-header">
                    <div class="d-flex align-items-center justify-content-between flex-wrap gap-3">
                        <div class="profile-logo">
                            <div class="d-flex align-items-center gap-3">
                                <img src="{{ asset($item->account_information->logo) }}" class="img-fluid">
                                <div>
                                    <p class="mb-2 dark-color">{{ $item->name }}</p>
                                    <span class="dark-color opacity-50 small-text">{{ $item->email }}</span>
                                </div>
                            </div>
                        </div>
                        <ul class="d-flex flex-wrap gap-4 text-center">
                            <li>
                                <p class="mb-2 text-small primary-color">{{ __("site.Auth.Sector") }}</p>
                                <p class="mb-0 sm-text dark-color opacity-50">{{ $item->account_information->sector->name }}
                                </p>
                            </li>
                            <li>
                                <p class="mb-2 text-small primary-color">{{ __("site.Auth.Activity") }}</p>
                                <p class="mb-0 sm-text dark-color opacity-50">{{ $item->account_informatiom->activity }}</p>
                            </li>
                            <li>
                                <p class="mb-2 text-small primary-color">{{ __("site.Auth.Founding date") }}</p>
                                <p class="mb-0 sm-text dark-color opacity-50">{{ \App\Http\Helpers\HelperApp::convert_numbers($item->account_informatiom->year) }}</p>
                            </li>
                            <li>
                                <p class="mb-2 text-small primary-color">{{ __("site.Home.Emp_1") }}</p>
                                <p class="mb-0 sm-text dark-color opacity-50">{{ \App\Http\Helpers\HelperApp::convert_numbers($item->account_informatiom->size) }} {{ __("site.Home.Emp") }}
                                </p>
                            </li>
                        </ul>

                        <div class="back">
                            <a href="chat.html" class="main-btn">{{ __("site.Home.Contact") }}</a>
                        </div>
                    </div>
                </div>

                <div class="profile-body">
                    <div class="row">
                        <div class="col-lg-8 col-md-7 mb-4 mb-md-0">
                            <div class="bg-white py-3 px-4 rounded h-100">
                                <p class="text-small dark-color mb-3">{{ __("site.Home.Company_1") }}:</p>
                                <p class="sm-text dark-color opacity-80 mb-0">{{ \App\Http\Helpers\HelperApp::convert_numbers($item->account_informatiom->description) }}
                                </p>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-5">
                            <div class="bg-white py-3 px-4 rounded h-100">
                                <div class="contact-box d-flex align-items-center gap-2 mb-3">
                                    <i class="icon-mail"><span class="path1"></span><span class="path2"></span></i>
                                    <div class="contact-text">
                                        <span class="d-block sm-text dark-color opacity-50">{{ __("messages.Email") }}</span>
                                        <span class="d-block sm-text dark-color opacity-70">{{ $item->email }}</span>
                                    </div>
                                </div>
                                <div class="contact-box d-flex align-items-center gap-2">
                                    <i class="icon-call"><span class="path1"></span><span class="path2"></span></i>
                                    <div class="contact-text">
                                        <span class="d-block sm-text dark-color opacity-50">{{ __("site.Home.Phone") }}</span>
                                        <span
                                            class="d-block sm-text dark-color opacity-70">+{{ \App\Http\Helpers\HelperApp::convert_numbers($item->mobile_country_code . ' ' . $item->mobile) }}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection