@extends('front.layout.layout')

@section('content')
<section class="content-header">
    <div class="container">
        <div class="row mt-4">
            <div class="col-sm-6">
                <h1>Business Profile</h1>
            </div>
        </div>
    </div>
</section>

<section class="content">
    <div class="container">
        <div class="row py-5">
            <div class="col-md-2">
                <div class="card">
                    <div class="card-body text-center">
                        @isset($business->logo)
                            <img src="{{ Storage::url($business->logo) }}" style="height: 100px;" alt="">
                        @else
                            <img src="{{ asset('frontend/assets/images/default.png') }}" alt="">
                        @endisset

                        @if (Auth::check() && auth()->id() != $business->user_id)
                            <a href="{{ route('messages.index', ['businessId' => $business->id]) }}" class="btn btn-outline-info chat-btn">
                                <i class="fa-solid fa-comment-dots"></i>
                                Chat
                            </a>
                        @endif
                    </div>
                </div>
            </div>
            <div class="col-md-10">
                <div class="card">
                    <div class="card-body">
                        @php
                            $city = $business->cities->first();
                            $country = business_country_name($business);
                        @endphp

                        <div class="row mb-3">
                            <div class="business-details">
                                <div class="detail-item">
                                    <div class="detail-label">Business Name</div>
                                    <div class="detail-value">{{ $business->name }}</div>
                                </div>

                                @if ($business->categories->isNotEmpty())
                                    <div class="detail-item">
                                        <div class="detail-label">Category</div>
                                        <div class="detail-value">
                                            {{ $business->categories->pluck('name')->join(', ') }}
                                        </div>
                                    </div>
                                @endif

                                @if ($business->website || $business->email)
                                    <div class="detail-item">
                                        @if ($business->website)
                                            <div class="detail-label">Website</div>
                                            <div class="detail-value">
                                                @php
                                                    $website = $business->website;
                                                    if (!preg_match('/^https?:\/\//', $website)) {
                                                        $website = 'https://' . $website;
                                                    }
                                                @endphp
                                                <a href="{{ $website }}" target="_blank" rel="noopener noreferrer" class="website-link">
                                                    {{ $business->website }}
                                                </a>
                                            </div>
                                        @endif

                                        <x-business-contact
                                            :value="$business->email"
                                            type="email"
                                            :business="$business"
                                            variant="profile-email"
                                            :website-exists="(bool) $business->website"
                                        />
                                    </div>
                                @endif

                            </div>

                            @php
                                $locationParts = array_filter([
                                    $business->address,
                                    $city?->name,
                                    $country,
                                ]);
                                $fullLocation = implode(', ', $locationParts);
                            @endphp

                            @if ($fullLocation)
                                <div class="info-item mt-2" title="{{ $fullLocation }}">
                                    <i class="fas fa-map-marker-alt text-info mr-10"></i>{{ $fullLocation }}
                                </div>
                            @endif

                            <x-business-contact
                                :value="$business->phone"
                                type="phone"
                                :business="$business"
                                variant="profile-phone"
                            />
                        </div>

                        @if ($business->description)
                            <h2>About Profile</h2>
                            <p>{{ $business->description }}</p>
                        @endif

                        @if ($hasSocialLinks)
                            <h5>Social Media</h5>
                        @endif

                        <div class="d-flex justify-content-start socials-wrapper align-items-center gap-2 mb-3">
                            @isset($socials['facebook'])
                                <a href="{{ strpos($socials['facebook'], 'http') === 0 ? $socials['facebook'] : 'https://' . $socials['facebook'] }}" target="_blank" class="btn btn-social btn-facebook" title="Facebook">
                                    <i class="fab fa-facebook-f"></i>
                                </a>
                            @endisset

                            @isset($socials['instagram'])
                                <a href="{{ strpos($socials['instagram'], 'http') === 0 ? $socials['instagram'] : 'https://' . $socials['instagram'] }}" target="_blank" class="btn btn-social btn-instagram" title="Instagram">
                                    <i class="fab fa-instagram"></i>
                                </a>
                            @endisset

                            @isset($socials['youtube'])
                                <a href="{{ strpos($socials['youtube'], 'http') === 0 ? $socials['youtube'] : 'https://' . $socials['youtube'] }}" target="_blank" class="btn btn-social btn-youtube" title="YouTube">
                                    <i class="fab fa-youtube"></i>
                                </a>
                            @endisset

                            @isset($socials['twitter'])
                                <a href="{{ strpos($socials['twitter'], 'http') === 0 ? $socials['twitter'] : 'https://' . $socials['twitter'] }}" target="_blank" class="btn btn-social btn-twitter" title="Twitter">
                                    <i class="fab fa-twitter"></i>
                                </a>
                            @endisset
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection