@extends('layouts.app')

@section('title')
    <title>{{$item->title}}</title>
    <meta name="description" content="{{$item->meta_description}}">
    <!-- Open Graph / Facebook -->
    <meta property="og:url" content="{{Request::url()}}" />
    <meta property="og:type" content="website">
    <meta property="og:title" content="{{$item->title}}">
    <meta property="og:description" content="{{$item->meta_description}}">
    <meta property="og:image" content="{{Voyager::image($item->banner)}}">
    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="{{$item->title}}" />
    <meta name="twitter:description" content="{{$item->meta_description}}" />
    <meta name="twitter:image" content="{{Voyager::image($item->banner)}}" />
    <link rel="canonical" href="{{Request::url()}}" />
@endsection

@section('body') 

            <section class="banner" style="background: url({{Voyager::image($item->banner)}})">
				<div class="container">
					<div class="row">
						<div class="col-lg-12">
							<div class="breadcrumb-info text-center" data-lag="0.2" data-stagger="0.08" data-speed="1" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px); will-change: transform;">
								<h1>{{$item->title}}</h1>
							</div>
						</div>
					</div>
				</div>
			</section>

    <section class="event_text p90">
      <div class="r_text">
        {!!$item->first_description!!}
      </div>
    </section>

    <div class="general_forms" style="padding-bottom:90px;">
        <div class="container">
        <h3 style="text-align: center">Forms</h3>
            <div class="row">
                @foreach($forms as $form)
                <div class="col-md-6">
                    <div class="form_card">
                        <h5>{{$form->title}}</h5>

                        <p>{{$form->text}}</p>
                        @if($form->file && $form->file != '[]')
                            <a href="/storage/{{json_decode($form->file)[0]->download_link}}" target="_blank"
                            ><i class="fa-regular fa-circle-down"></i>Download</a
                            >
                        @endif
                    </div>
                </div>
                @endforeach

                <div class="r_text">
                    {!!$item->note!!}
                </div>
            </div>
        </div>
    </div>

    <div class="general_contacts" style="padding-bottom:90px;">
        <div class="container">
            <div class="r_text">
                {!!$item->contacts!!}
            </div>

            <div class="row">
                @foreach($teams as $team)
                <div class="col-md-4">
                    <div class="contact_card">
                        <div class="flag">
                        @if($team->country && $team->country != '[]')
                            @foreach(json_decode($team->country) as $cont)
                                <img src="{{Voyager::image($cont)}}" alt="">
                            @endforeach
                        @endif
                        </div>

                        <h4>{{$team->title}}</h4>

                        <div class="text">
                        {!!$team->name!!}
                        </div>

                        <div class="text">
                        {!!$team->contact!!}
                        </div>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
    </div>

    <section class="event_text" style="padding-bottom:90px;">
      <div class="r_text">
        {!!$item->second_description!!}
      </div>
    </section>
@endsection