@extends('web.layouts.container')

@section('header')
    <!--inner-header-->
    <div class="inner-header" style="background-image: url({{asset($pageDetails->image ?? 'assets/web/images/news.png')}});">
        <div class="info">
            <h3>{{$pageDetails->description}}</h3>
        </div>
        <div class="btn-scroll-down">
            <a href="#">{{__('main.scroll_down')}}</a>
        </div>
    </div>
    <!--End-inner-header-->
@endsection

@section('content')
    <!-- ------------------------ companies-search ------------------------ -->
    <section class="companies-search bg-gray">
        <div class="container">
            <div class="color-title text-center">
                <h2>{{__('main.our_companies')}}</h2>
            </div>
            <form>
                <div class="row mt-5 justify-content-center">
                    <div class="col-lg-5">
                        <div class="form-group group-select">
                            <select name="company_id" class="custom-select company_search">
                                <option value="">{{__('main.all_companies')}}</option>
                                @foreach ($companies as $company)
                                    <option value="{{$company->id}}">{{$company->name}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
            </form>
        </div>

    </section>
    <!-- ------------------------- news  ------------------------ -->
    <section class="blog section-padding">
        <div class="container">
            <!-- Swiper -->
            <div class="swiper-blog company_search_result">
                <div class="slick-nav">
                    @foreach ($years as $year)
                        <p>{{$year}}</p>
                    @endforeach

                </div>
                <div class="slick-slider">

                    @foreach ($allYears as $year => $value)
                        <div class="blog-slide">
                            @foreach ($value as $val)
                                <div class="items @if(request('id') != null && $val['id'] == request('id')) currentItem @endif">
                                    <div class="info text-left">
                                        @php
                                            $date= date('M Y', strtotime($val['added_year']));
                                            $description= strip_tags($val['description']);
                                            $newsTitle = str_split($val['title'], round(mb_strlen($val['title'])/2));
                                            // $description = str_split($description, round(mb_strlen($description)/2));
                                        @endphp
                                        <h6 class="text-uppercase">{{$val['company_name']}} <span>{{ $date }}</span></h6>
                                        {{-- <h3>{{ $newsTitle[0]}} <br> {{ $newsTitle[1]}}</h3>--}}
                                        <h3>{!! $val['title'] !!}</h3>

                                        <p>{!! $description !!}</p>
                                        {{-- <p>{!! $description[1] !!}</p> --}}
                                    </div>
                                    <div class="img">
                                        <img src="{{asset($val['company_logo'])}}" alt="{{ $val['title'] }}">
                                        <img src="{{asset($val['image'] ?? $val['AImage'] ?? $val['company_logo'])}}" alt="{{ $val['title'] }}" class="mirror">
                                        <span class="date">{{ $date }}</span>
                                        <span class="blog-title">
                                        <strong>{{$val['title']}}</strong>
                                        {{-- <strong>NT&T</strong> Awarded <strong>NESCO</strong> Project --}}
                                    </span>
                                    </div>
                                    <span class="cls"><i class="fas fa-times"></i> close</span>
                                </div>
                            @endforeach
                        </div>
                    @endforeach

                </div>
            </div>
        </div>
        <div class="overlay"></div>
    </section>
@endsection

@section('inner_js')
    <script>
        var route = "{{route('getCompanyNews')}}"
    </script>
    <script src="{{asset('assets/web/js/news.js')}}"></script>
@endsection