@extends('layouts.main')
@section('title', $page['title_' . session()->get('locale')])

@section('content')
    <!--Main Slider-->
    <!-- Start main-content -->
    <section class="page-title" style="background-image: url(/images/background/view-menu.jpg);">
        <div class="auto-container">
            <div class="title-outer">
                <h1 class="title">{{__('messages.elon_lar')}}</h1>
                <ul class="page-breadcrumb">
                    <li><a href="#">{{__('messages.elon_lar')}}</a></li>
                    <li>{{$page['title_' . session()->get('locale')]}}</li>
                </ul>
            </div>
        </div>
    </section>
    <!-- end main-content -->

    <!--Start courses Details-->
    <section class="course-details">
        <div class="medium-container box-shadow-menu">
            <div class="row">
                <!--Start courses Details Content-->
                <div class="col-xl-8 col-lg-8">
                    <div class="blog-details__left">
                        <div class="blog-details__img">
                            <img src="{{asset('storage/'.$page['photo'])}}" alt="">
                        </div>
                        <div class="blog-details__content">
                            <ul class="list-unstyled blog-details__meta">
                                <li><a href="#"><i class="fas fa-calendar"></i>
                                        {{ \Carbon\Carbon::parse($page['created_at'])->format('d/m/Y') }}</a> </li>
                                {{-- <li><a href="#"><i class="fas fa-eye"></i> {{ $news['viewed'] }}</a> --}}
                                </li>
                            </ul>
                            <h3 class="blog-details__title">{{ $page['title_' . session()->get('locale')] }}</h3>
                            {!! $page['content_' . session()->get('locale')] !!}
                        </div>
                        <div class="blog-details__bottom">
                            <p class="blog-details__tags"> <span>{{__("messages.ulashing")}}</span> </p>
                            <div class="blog-details__social-list">
                                <a href="https://t.me/QITU_uz" target="_blank"><i class="fab fa-telegram"></i></a>
                                <a href="https://www.facebook.com/QITUuz/" target="_blank"><i class="fab fa-facebook"></i></a>
                                <a href="#"><i class="fab fa-twitter"></i></a>
                                <a href="https://www.instagram.com/qitu_uz/" target="_blank"><i class="fab fa-instagram"></i></a>
                            </div>
                        </div>

                    </div>
                </div>
                <!--End courses Details Content-->

                <!--Start courses Details Sidebar-->
                <div class="col-xl-4 col-lg-4">
                    <div class="course-sidebar">
                        <div class="sidebar__single sidebar__search">
                            <form action="{{url('/search')}}" class="sidebar__search-form" method="POST">
                                @csrf

                                <input type="search" name="search" placeholder="{{__('messages.kalit_soz')}}">
                                <button type="submit"><i class="lnr-icon-search"></i></button>
                            </form>
                        </div>

                        <div class="latest-course mb-30">
                            <h4 class="latest-course-title mb-30">{{__('messages.songgi_tadbirlar')}}</h4>
                            @foreach ($events as $top_news)
                                <div class="latest-course-item">
                                    <div class="latest-course-img">
                                        <img src="{{ asset('storage/' . $top_news['thumb_photo']) }}" alt="">
                                    </div>
                                    <div class="latest-course-content">

                                        <h5><a href="{{url("event/{$top_news->id}")}}">{{ $top_news['title_' . session()->get('locale')] }}</a></h5>
                                        <ul class="last-news-info">
                                            <li><i class="fa fa-calendar"></i>
                                                {{ \Carbon\Carbon::parse($top_news['created_at'])->format('d/m/Y') }}</li>
                                            {{-- <li><i class="fa fa-eye"></i> {{ $top_news['viewed'] }}</li> --}}
                                        </ul>
                                    </div>
                                </div>
                            @endforeach
                        </div>

                        <ul class="course-details-info">
                            @foreach ($services as $service)
                                <li class="course-details-info-link">
                                    <span class="course-details-info-icon"><i
                                            class="icon {{ $service['icon'] }}"></i></span>
                                    <a
                                        href="@if ($service->link_route){{ url($service->link_route) }}@endif">{{ $service['title_' . session()->get('locale')] }}</a></span>
                                </li>
                            @endforeach
                        </ul>

                        <div class="course-details-price">
                            <p class="course-details-price-text">{{ __('messages.kanalni_kuzating') }}</p>

                            <a href="#"
                                class="theme-btn btn-style-two course-details-price-btn">{{ __('messages.azo_boling') }}</a>
                        </div>
                    </div>
                </div>
                <!--End courses Details Sidebar-->
            </div>
        </div>
    </section>
    <!--End courses Details-->
@endsection