@extends('web.layouts.layout')
@section('content')

    <main>

            <!-- Start Header -->
            <header class="header pg_header">
                <div class="item">
                    <div class="container">
                        <div class="mt-5">
                            <h5 class="anim_txt fs-4 mb-4 color-secondary fw-bold text-uppercase text-center caveat" >{!! $header->title !!}</h5>
                            <h1  class="anim_txt title text-center fw-bold text-capitalize ">
                                {!! $header->description !!}
                            </h1>
                        </div>
                        
                    </div>
                    <img src="{{asset($header->image)}}" class="bg" alt="">
                </div>
            </header>

            <section class="blog-pg section">
                <div class="container">
                    <div class="title-wrapper">
                        <div class="row justify-content-between">
                            <div class="col-lg-6">
                                <div class="txt_box mb-4">
                                    <h5 class="subtitle fw-bold color-secondary text-capitalize mb-2">{{__('web.news')}}</h5>
                                    <h1 class="title fw-bold color-primary"> {{__('web.latest_news')}} </h1>
                                    <!--<a href="#" class="news-toggle"> <img src="{{url('')}}/assets/web/images/new1/news-toggle.svg" alt=""> </a>-->
                                </div>
                            </div>
                            <div class="col-lg-3">
                                {{--
                                <form method="get" id="form" action="{{route('web.media')}}">
                                    <div class="filter-side mb-4">
                                        <div class="txt"> {{__('web.filter_by_brand')}} </div>
                                        <select onchange="selectPart()" name="participants" id="" class="form-control form-select">
                                            <option value=""> {{__('web.select')}} </option>
                                            @foreach($participants as $row)
                                                <option {{$row == $request->participants ? 'selected' : ''}} value="{{$row}}">{{__('web.'.$row)}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </form>
                                --}}
                            </div>
                        </div>
                    </div>
                    <div class="cards">
                        <div class="row">
                            @foreach($articles as $row)
                                <div class="col-lg-4">
                                    <a href="{{route('web.media.show',$row->id)}}" class="item">
                                        <div class="img">
                                            <img src="{{asset($row->image)}}" alt="" class="img-cover">
                                        </div>
                                        <div class="info">
                                            <div class="date"> {!! $row->show_date !!} </div>
                                            <h6 class="title"> {{$row->title}} </h6>
                                            <div class="text"> {!! $row->description !!} </div>
                                            <span class="more"> {{__('web.read_more')}} </span>
                                        </div>
                                    </a>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </section>
            


        </main>

@endsection

@section('inject_js')
    <script>
        function selectPart()
        {
            $('#form').submit()
        }
    </script>
@endsection