@extends('layouts.site', ['title' => 'Industries', 'description' => 'Explore the industries Ali Sheikhani and Sheikhani Group work across.', 'active' => 'industries'])

@section('content')
    @include('partials.page-hero', ['title' => 'Industries', 'heading' => $site['industries_heading'], 'eyebrow' => 'A DIVERSIFIED PORTFOLIO', 'intro' => 'Sheikhani Group works across retail, food and beverage, energy, petroleum, and real estate—with service and growth at the center.', 'index' => '03'])
    <section class="subpage-section industries-directory">
        <div class="portfolio-stage">
            <div class="portfolio-stage-copy">
                <p class="micro-label">THE PORTFOLIO</p>
                <h2>Every business,<br><span>one frame.</span></h2>
                <p>From grocery and delivery to energy, retail, security, and the builders that carry the Sheikhani name.</p>
            </div>
            <a class="venture-banner" href="#businesses"><img src="{{ asset('img/ali/industries-banner.jpg') }}" alt="Ali Sheikhani and Sheikhani Group businesses"></a>
        </div>
        <div class="biz-grid" id="categories">
            @foreach ($businessCategories as $category)
                <article>
                    <h2>{{ $category->name }}</h2>
                    <p>{{ $category->businesses->pluck('title')->join(', ') }}</p>
                </article>
            @endforeach
        </div>
    </section>
    <section class="subpage-section industries-businesses" id="businesses">
        <div class="subpage-label"><span>THE BUSINESSES</span><i></i><span>{{ str_pad((string) $businessCategories->sum(fn ($category) => $category->businesses->count()), 2, '0', STR_PAD_LEFT) }}</span></div>
        <div class="biz-cards">
            @foreach ($businessCategories as $category)
                @foreach ($category->businesses as $business)
                    <{{ $business->website_url ? 'a' : 'article' }} class="biz-card" @if ($business->website_url) href="{{ $business->website_url }}" target="_blank" rel="noopener" @endif>
                        <div class="biz-logo {{ $business->dark_plate ? 'is-dark' : '' }}">
                            @if ($business->logo_url)
                                <img src="{{ $business->logo_url }}" alt="{{ $business->title }}" loading="lazy">
                            @else
                                <strong>{{ $business->displayMonogram() }}</strong>
                            @endif
                        </div>
                        <div>
                            <p class="micro-label">{{ strtoupper($category->name) }}</p>
                            <h3>{{ $business->title }}</h3>
                            @if ($business->description)
                                <p>{{ $business->description }}</p>
                            @endif
                        </div>
                    </{{ $business->website_url ? 'a' : 'article' }}>
                @endforeach
            @endforeach
        </div>
    </section>
    <section class="industry-stats"><div><strong>3,500<span>+</span></strong><small>EMPLOYEES</small></div><div><strong>250<span>+</span></strong><small>RETAIL OUTLETS</small></div><div><strong>41</strong><small>COMPANIES</small></div></section>
    <section class="subpage-cta"><div><p class="micro-label">A GROUP BUILT ON MOMENTUM</p><h2>See the bigger<br><span>picture.</span></h2></div><a class="blue-button" href="https://sheikhanigroup.com/" target="_blank" rel="noopener">Sheikhani Group <span>↗</span></a></section>
@endsection