@extends('Main.layout.app')
@push('blogs_rel_url')
    @if ($airports->onFirstPage())
        @if($airports->hasPages())
            <link rel="next" href="{{$airports->nextPageUrl()}}" />
        @endif
    @elseif($airports->onLastPage())
        <link rel="prev" href="{{$airports->previousPageUrl()}}" />
    @else
        <link rel="next" href="{{$airports->nextPageUrl()}}" />
        <link rel="prev" href="{{$airports->previousPageUrl()}}" />
    @endif
@endpush
@push('preload')
<link rel="preload" as="style" href="{{asset('main/css/navbar.css')}}">
<link rel="preload" as="style" href="{{asset('main/css/airport-blog.css')}}">
@endpush

@push('styles')
<link href="{{asset('main/css/navbar.css')}}" rel="stylesheet">
<link href="{{asset('main/css/airport-blog.css')}}" rel="stylesheet">
@endpush

@section('content')
<main>

  <!-- Airport Banner Area Start -->
  <div class="container blog-banner">
      <h1>Airport Information</h1>
       <p>Here you can find detailed information about all airports, their facilities where we are providing services.</p>
       <div class="map">
         <img src="{{asset('main/img/Map-wrap.png')}}" class="img-fluid" width="1025" height="488" alt="Jodogo Service Location">
        </div>
       <hr class="mt-5">
  </div>
  <!-- Airport Banner Area End -->

  <!-- Airport Content Area Start -->
  <div class="container py-5 all-blog">



    <div id="card-container" class="row">
      @foreach ($airports as $item)
      <!-- Airport Post Cards -->
      <div class="col-lg-4 mb-3 card-item">
        <div class="card">
          <a href="{{route('airport-details',[$item->url])}}">
          <img class="" src="{{ Storage::url($item->image) }}"  alt="{{$item->title}}" width="1000" height="600">
          </a>

          <div class="card-body">
            <div class="row">
              <div class="col-12 pt-3">
                <a href="{{route('airport-details',[$item->url])}}">
                  <h3 class="card-title other-blog-hed3">{{ucfirst(strtolower($item->title)) }}</h3>
                </a>
              </div>
            </div>
            <p class="card-text other-blog-para">
              {{$item->short_description}}
              <a href="{{route('airport-details',[$item->url])}}">
                <i class="fa fa-external-link external_link" aria-hidden="true"></i>
              </a>
            </p>
          </div>
        </div>
      </div>
      @endforeach
      {{$airports->links() }}
    </div>
  </div>
  <!-- Airport Content Area End -->

</main>
@endsection