@extends('Main.layout.app')

<x-main.airport.styles/>

@section('content')
<main>
    <!--banner section-->
<x-main.airport.banner :bannerTitle="$bannerTitle"/>
<!--end banner section-->

<!--service section-->
<x-main.airport.service :airportName="$airportName"/>
<!--end service section-->

<!--airport content section-->
<div class="container info-block2 pt-lg-5">

      {!!$airport_details->airport_location!!}
                    <p class="blog-para ms-3 mt-2">{{$airport_details->short_description}}</p>
                </div>

        <!--Blog Area Starts-->
    <hr class="mt-3">
            <div class="container px-5">
                <div class="row ">
                    <div class="col-md-12 pt-lg-5 p-0">
                    {!!$airport_details->description!!}

                        <!--why jodogo-->
                        <x-main.airport.whyj/>
                        <!--end whyj-->
                    </div>
                </div>
            </div>

<!--end airport content-->

  <!--faq -->
  {!!$airport_details->faq_description!!}

  <!--end faq-->

  <!--related airports-->
  <x-Main.airportList :airport="$airport_details->id" :state="$airport_details->state" :country="$airport_details->country"/>
  <!--end related airports-->
</main>
@endsection