@extends('layouts.site')

@push('meta')
    <title>Search Articles- The Maritime Executive</title>
    <meta name="description" content="Delivering the most up-to-the-minute news, opinions and insight in maritime training, finance and law.">
    <meta name="keywords" content="">
    <meta property="og:title" content="Search Articles - The Maritime Executive">
    <meta property="og:url" content="https://maritime-executive.com/search?key={{ $query }}">
    <meta property="og:description" content="Delivering the most up-to-the-minute news, opinions and insight in maritime training, finance and law.">
@endpush
@php
function shorten_text($text, $max_length = 140, $cut_off = '...', $keep_word = false)
{
    if(strlen($text) <= $max_length) {
        return $text;
    }

    if(strlen($text) > $max_length) {
        if($keep_word) {
            $text = substr($text, 0, $max_length + 1);

            if($last_space = strrpos($text, ' ')) {
                $text = substr($text, 0, $last_space);
                $text = rtrim($text);
                $text .=  $cut_off;
            }
        } else {
            $text = substr($text, 0, $max_length);
            $text = rtrim($text);
            $text .=  $cut_off;
        }
    }

    return $text;
}
@endphp
@section('content')
    <section class="wrap-content list-article">
        <div class="container">
            <div class="main-content col-md-10 col-sm-10">

				@if(isset($articles["searchInformation"]["formattedTotalResults"]))
				<h1><span class="DarkerGray">{{ $articles["searchInformation"]["formattedTotalResults"] }} records found matching your search for "{{ $query }}"</span></h1>
				@else
					<h1><span class="DarkerGray">No results found or search service unavailable for "{{ $query }}"</span></h1>
				@endif

				<div class="search_article_container">
                    <div class="list-group">

						@if (isset($articles["items"]))
						@foreach($articles["items"] as $article)

							@php
								//publication Date is not always available depending on google index status
								if (isset($article["pagemap"]["Article"][0]["datePublished"]))
									$pubdate = date("m-d-Y",strtotime($article["pagemap"]["Article"][0]["datePublished"]));
								else
									$pubdate = "";

								//google search results come from www; this remaps them to development server; note it will 404 if the link is not in the dev database --}}
								if (env('APP_URL') == "https://development.maritime-executive.com") {
									$article["link"] = str_replace("//www.maritime-executive.com", "//development.maritime-executive.com", $article["link"]);
									$article["link"] = str_replace("//maritime-executive.com", "//development.maritime-executive.com", $article["link"]);
								}

							@endphp

							<button type="button" class="search_article_link list-group-item addsearch" data-link="{{ $article["link"] }}">
							<a href="{{ $article["link"] }}">
                                    <div class="col-md-2">
										{{-- google cse_thumbnail or fallback og:image might not always be available --}}
										@if (isset($article["pagemap"]["cse_thumbnail"][0]["src"]))

										<img src="{{ $article["pagemap"]["cse_thumbnail"][0]["src"] }}" class="img-responsive" onerror="this.onerror=null; this.src='img/no-image.jpg';" />

										@elseif (isset($article["pagemap"]["metatags"][0]["og:image"]))

										<img src="{{ $article["pagemap"]["metatags"][0]["og:image"] }}" class="img-responsive" @if (isset($article["pagemap"]["metatags"][0]["og:image:alt"])) alt="{{ $article["pagemap"]["metatags"][0]["og:image:alt"] }}" @endif onerror="this.onerror=null; this.src='img/no-image.jpg';" />

										@else

										<img src="img/no-image.jpg" class="img-responsive" />

										@endif
									</div>
									<div class="col-md-10">
                                        <h4>{!! $article["htmlTitle"] !!}</h4>
										<p class="summary">{!! $article["htmlSnippet"] !!}</p>
                                    </div>
									</a>
                                </button>
                        @endforeach
						@endif
						{!! $paginator->links() !!}
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@push('scripts')
<script>
    /* $(function () {
        $('.search_article_container').on('click', '.search_article_link', function () {
            var link = $(this).data('link');
            window.open(link,  '_self');
        })
    }); */
</script>
@endpush