@php

    $lastVideos=\App\Models\Video::take(5)->orderBy('id','desc')->get();
    $lastCategories=\App\Models\Category::take(5)->orderBy('id','desc')->get();
@endphp


<footer class=" mt-5">
    <div class="container section">
        <hr class="  border border-bottom border-dark">
        <div class="row mb-4">
            <!-- Main Content Column -->


            <!-- Sidebar Column -->
            <div class="col-lg-4 col-md-12">
                <!-- Popular Posts Card -->
                <div class="sidebar-card">
                    <h2 class="sidebar-header pc-view">{{translate('Last Posts')}}</h2>
                    <div class="sidebar-content">
                        <div class="pc-view">
                            @foreach($lastVideos as $lastVideo)
                                <a class=" my-3 "
                                   href="{{route('video.single',['slug'=>$lastVideo->getTranslation('slug')])}}">
                                    <div class=" ">
                                        <h6>- {{$lastVideo->getTranslation('name')}}</h6>
                                    </div>
                                </a>
                                <br>
                            @endforeach
                        </div>

                        <li class="accordion-item px-5 ">
                            <div class="accordion-header ">
                                <h3> {{translate('Last Posts')}}</h3>
                                <i class="bi bi-chevron-down"></i>
                            </div>
                            <ul class="accordion-body">
                                @foreach($lastVideos as $lastVideoP)
                                    <li>
                                        <a class=" my-2 "
                                           href="{{route('video.single',['slug'=>$lastVideoP->getTranslation('slug')])}}">
                                            <div class=" ">
                                                <h6>- {{$lastVideoP->getTranslation('name')}}</h6>
                                            </div>
                                        </a>
                                    </li>

                                @endforeach
                            </ul>
                        </li>

                    </div>
                </div>


            </div>

            <div class="col-lg-4 col-md-12">
                <!-- About Us Card -->
                <div class="sidebar-card mb-5 pc-view">
                    <div class="sidebar-content ">
                        <h3>{{translate('About Us')}}</h3>
                        <p class="">{{translate('Welcome to the OK+ Channel – Oqba Al-Anzi, a platform that provides reliable and useful content about life in Germany.')}}</p>
                    </div>
                </div>

                <!-- Useful Information Card -->
                <div class="sidebar-card">
                    <div class="sidebar-content ">
                        <div class="pc-view">
                            <h4>{{translate('Categories')}} :</h4>
                            @foreach($lastCategories as $lastCategory)
                                <a class="info-text "
                                   href="{{route('videos',['category'=>$lastCategory->getTranslation('slug')])}}">
                                    - {{$lastCategory->getTranslation('name')}}
                                </a>
                                <br>
                            @endforeach
                        </div>

                        <li class="accordion-item">
                            <div class="accordion-header">
                                <h3>{{translate('Categories')}} :</h3>
                                <i class="bi bi-chevron-down"></i>
                            </div>
                            <ul class="accordion-body">
                                @foreach($lastCategories as $lastCategoryP)
                                    <li><a href="{{route('videos',['category'=>$lastCategoryP->getTranslation('slug')])}}">{{$lastCategoryP->getTranslation('name')}}</a></li>
                                @endforeach
                            </ul>
                        </li>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-12">
                <!-- Contact Info Card -->
                <div class="sidebar-card ">
                    <div class="sidebar-content">
                        <h3>{{translate('Contact Info')}}</h3>
                        <p class="info-text ">{{translate('For contact and inquiries, please reach out to us via:')}}</p>

                        <div class="contact-item">
                            <div class=" "></div>
                            <div>
                                <strong>{{translate('Email')}}:</strong><br>
                                <a href="mailto:info@okpluss.de"> info@okpluss.de </a>
                            </div>
                        </div>

                        <div class="contact-item">
                            <div class="social-links">
                                <h4>{{translate('Links')}}</h4>
                                <ul style="   list-style: none;">
                                    <li>
                                        <a href="https://twitter.com/OK_plus_News?t=rwkJMGFKTTHMVS40prqsnA&s=09"
                                           target="_blank" rel="noopener">
                                            <i class="bi bi-twitter-x"></i> Twitter
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://www.instagram.com/ok_plus_de" target="_blank" rel="noopener">
                                            <i class="bi bi-instagram"></i> Instagram
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://www.facebook.com/ok.plus.de" target="_blank" rel="noopener">
                                            <i class="bi bi-facebook"></i> Facebook
                                        </a>
                                    </li>

                                    <li>
                                        <a href="https://www.youtube.com/@Okba-Alanzi" target="_blank" rel="noopener">
                                            <i class="bi bi-youtube"></i> Youtube
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                    </div>

                    <!-- Footer Section -->

                </div>
            </div>


        </div>
        <hr class="  border border-bottom border-dark">
        <div class="row  ">

            <div class="col text-center">
                <div class="footer">
                    <div class="" dir="rtl">


                        <span dir="ltr">+</span>
                        <span dir="ltr">© {{ date('Y') }} - Ok</span>
                        <span>{{ translate('Copyright') }}</span>
                    </div>


                </div>
            </div>
        </div>
    </div>
</footer>