@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="txt_box mb-4">
                        <!--<div class="txt_box mb-5">-->
                        <!--    <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>-->
                        <a href="{{route('web.media')}}" class="back-lnk"> <img src="{{url('')}}/assets/web/images/new1/caret-left.svg" alt="" class=""> <span class="txt fs-5"> {{__('web.back')}} </span> </a>
                    </div>
                    <div class="post-det">
                        <div class="row justify-content-between">
                            <div class="col-lg-5">
                                <div class="img mb-4">
                                    <img src="{{asset($media->image)}}" alt="" class="img-cover">
                                </div>
                                <div class="logos mb-5 d-none d-lg-block">
                                    @if(count((json_decode($media->participants) ?? [])) )
                                        <h6 class="fw-bold pt-4"> {{__('web.participants')}} </h6>
                                        <div class="row">
                                            @foreach((json_decode($media->participants) ?? []) as $row)
                                                <div class="col-lg-5 col-6">
                                                    <div class="lgo">
                                                        <img src="{{url('')}}/assets/web/images/new1/brands/categories/{{$row}}.svg" alt="">
                                                    </div>
                                                </div>
                                            @endforeach
                                        </div>
                                    @endif
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="info">
                                    <div class="date"> {!! $media->show_date !!} </div>
                                    <h5 class="title"> {!! $media->currentDescription->title !!} </h5>
                                    <div class="text"> {!! $media->currentDescription->description !!} </div>
                                </div>
                                
                                @if(count((json_decode($media->participants) ?? [])) )
                                    <div class="logos mt-4 d-block d-lg-none">
                                        <h6 class="fw-bold pt-4"> {{__('web.participants')}} </h6>
                                        <div class="row">
                                            
                                            @foreach((json_decode($media->participants) ?? []) as $row)
                                                <div class="col-lg-5 col-6">
                                                    <div class="lgo">
                                                        <img src="{{url('')}}/assets/web/images/new1/brands/categories/{{$row}}.svg" alt="">
                                                    </div>
                                                </div>
                                            @endforeach
                                        </div>
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            


        </main>

@endsection