@extends('layouts.frontend')

@section('title')
	@if(!is_null($category))
		{{$category->meta_title}}
	@else
		All photos | Gallery |
	@endif
@endsection

@section('page_title')
	@if(!is_null($category))
		{{$category->page_title}}
	@else
		All photos
	@endif
@endsection

@section('page_subheading')
	@if(!is_null($category))
		{{$category->subheading}}
	@endif
@endsection

@section('meta-description')
	@if(!is_null($category) && $category->meta_description)
		{{$category->meta_description}}
	@elseif (!is_null($category))
		View Photographs by Stevens {{$category->name}} gallery, where you will all sorts of {{$category->name}}. Taken over the last few years, see the world of {{$category->name}} through Steven's eyes.
	@else
		View all of Steven's photo gallery, where you will all sorts of aviation and wildlife images. Taken over the last few years, see the world through Steven's eyes.
	@endif
@endsection

@section('meta-title')
	@if(!is_null($category) && $category->meta_title)
		{{$category->meta_title}}
	@elseif(!is_null($category))
		{{$category->name}}| Gallery | Photographs By Steven
	@else
		All photos | Gallery | Photographs By Steven
	@endif
@endsection

@section('meta-og-url')
	{{url()->full()}}
@endsection

@section('meta-og-image')
	@if(!is_null($category) && $category->image)
		https://cdn.stevenhardy.digital/steven-photos/photos/{{$category->image}}
	@else
		https://cdn.stevenhardy.digital/steven-photos/photos/996934695-1988122742-962792005.jpg
	@endif

@endsection

@section('background-image')
	@if(!is_null($category) && $category->image)
	'https://cdn.stevenhardy.digital/steven-photos/photos/category/thumbnail/large/{{$category->image}}'
	@else
		'https://cdn.stevenhardy.digital/steven-photos/photos/996934695-1988122742-962792005.jpg'
	@endif
@endsection

@section('content')
	<div id="app">
		<gallery-component slug="{{ collect(request()->segments())->last() }}"></gallery-component>
		<div class="container">
			<div class="row">
				<div class="col-10 offset-1 mt-5">
					@if(!is_null($category) && $category->description)
						<div class="category-description">
							<p>{!! $category->description !!}</p>
						</div>
					@else
						<div class="category-description">
							<p>Check out all my photos that I have taken over the past few years.</p>
						</div>
					@endif
				</div>
			</div>
		</div>
	</div>
@endsection