@extends('layouts.app')

@section('header_css')
    <meta property="og:url" content="{{ url()->current() }}"/>
    <meta property="og:type" content="website"/>
    <meta property="og:title" content="{{ meta()->pageTitle() }}"/>
    <meta property="og:description" content="{{ ($image->image_description ? $image->image_description : env('SITE_NAME')) }}"/>
    <meta property="og:image" content="{{ asset_cdn('i/'.$image->hash.'.'.$image->image_extension) }}"/>
@endsection

@section('content')
    <h1 class="page-title">{{ meta()->pageTitle() }}</h1>
    @if(!empty($image->image_description))
        <p>{{ $image->image_description }}</p>
    @endif
    <div class="block">
        <div class="block-image pull-right">
            <button class="btn btn-sm btn-info" data-toggle="modal" data-target="#embedModal">Embed</button>
        </div>
        <div class="clearfix"></div>

        <div class="block-image">
            <a href="{{ asset_cdn('i/'.$image->hash.'.'.$image->image_extension) }}" title=""><img src="{{ asset_cdn('i/'.$image->hash.'.'.$image->image_extension) }}" alt=""></a>
        </div>
    </div>

    @include('blocks.embed')
@endsection
