@if($stockProjects->isNotEmpty())
    <section class="card-one" style="padding-top: 15px;">
        <div class="container">
            <div class="d-flex justify-content-center align-items-center">
                <h2>{{ \App\Helpers\TranslationHelper::translate('Stock Projects Card') }}</h2>
            </div>
            <div class="row pt-5" style="padding-top: 1rem !important;">
                @foreach ($stockProjects as $stockProject)
                    @php
                        // decode title + description حسب اللغة
                        $title = is_array($stockProject->title) 
                            ? ($stockProject->title[$locale] ?? '') 
                            : (json_decode($stockProject->title, true)[$locale] ?? '');

                        $description = is_array($stockProject->description) 
                            ? ($stockProject->description[$locale] ?? '') 
                            : (json_decode($stockProject->description, true)[$locale] ?? '');
                    @endphp

                    <div class="col-md-4">
                        <div class="product-card" data-aos="fade-up" data-aos-duration="1000" style="width: 100%">
                            <img src="{{ asset('storage/'.$stockProject->image) }}" alt="Stock Image" style="width: 230px; height: auto;">
                            
                            <h3 style="color: white">{{ $title }}</h3>

                            <span class="badge" style="font-size: 1.2rem; padding: 8px 12px;">   
                                {{ \App\Helpers\TranslationHelper::translate('Stocks Project Number') }} :  {{ $stockProject->to }}
                            </span>

                            <div class="product-details product-details-{{ $stockProject->id }}"
                                style="display: none; background: #470d14; color: #fff; padding: 10px; border-radius: 10px; margin-top: 10px;">
                                <div style="max-height: 150px; overflow-y: auto; padding-right: 10px;">
                                    {!! strip_tags($description) !!}
                                </div>
                            </div>

                            <div class="d-flex justify-content-between mt-3">
                                <a href="javascript:void(0);"
                                    class="buy-now-btn2 custom-button btn-custom description-toggle more-info-toggle"
                                    data-id="{{ $stockProject->id }}">
                                    {{ \App\Helpers\TranslationHelper::translate('Buy Now') }}
                                </a>

                                <a href="{{ route('show-stock-project', ['id' => $stockProject->id]) }}"
                                    class="custom-button btn-custom">
                                    {{ \App\Helpers\TranslationHelper::translate('Details') }}
                                </a>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>
@endif