@extends('layouts.master')

@section('page-top')
<section class="inner-page-banner bg-2 bg-image">
    <div class="container">
        <div class="inner text-center">
            <h1 class="title">Artwork for {{ $artwork->podcast->name }} {{ number_format($artwork->episode->episode_number + 0) }}</h1>
            <nav class="mt-4">
                <ol class="breadcrumb justify-content-center">
                    <li class="breadcrumb-item"><a href="/">Home</a></li>
                    <li class="breadcrumb-item"><a href="/artworks">Explore Artwork</a></li>
                    <li class="breadcrumb-item active">Artwork</li>
                </ol>
            </nav>
        </div>
    </div>
</section>
@endsection
@section('page-content')
<section class="product-details section-bg-separation-2 pt-120 pb-90">
    <div class="container">
        <div class="row">
            <div class="col-xxl-6 mb-6">
                <div class="explore-style-one">
                    <div class="thumb"><a href="http://{{ config('app.static_asset_url') }}/artworks/{{ $artwork->filename }}"
                        ><img id="largeImage"src="http://{{ config('app.static_asset_url') }}/artworks/{{ $artwork->filename }}"
                            alt="{{ $artwork->title }} by {{ $artwork->artist->name }} for {{ $artwork->podcast->title }}"></a>
                    </div>
                </div>
            </div>
            <div class="col-xxl-6 mb-6 mb-6">
                <div class="details-content">
                    <h2 class="main_title">&ldquo;{{ $artwork->title }}&rdquo;</h2>
                    <h4 class="mb-1">By {{ $artwork->artist->name }}</h4>
                    <p class="subtitle">
                        {{ $artwork->episode->artwork_id == $artwork->id ? 'Selected' : 'Submitted' }} for {{ $artwork->podcast->name }}<br>
                        Episode {{ number_format($artwork->episode->episode_number + 0) }}, {{ $artwork->episode->episode_date->format('l, F j') }}<sup>{{ $artwork->episode->episode_date->format('S') }}</sup>, {{  $artwork->episode->episode_date->format('Y') }}
                    </p>
                    @if ($artwork->description)
                        <h4 class="mb-1">Description</h4>
                        <p class="subtitle">{{ $artwork->description }}</p>
                    @endif
                    <a href="http://{{ config('app.static_asset_url') }}/artworks/{{ $artwork->filename }}"
                        class="btn btn-medium btn-gradient w-100 justify-content-center mt-5"><span><i
                            class="ri-download-cloud-2-line"></i>
                            Download Full Scale Image
                        </span></a>
                    <a href="http://{{ config('app.static_asset_url') }}/thumbnail/{{ $artwork->filename }}"
                        class="btn btn-medium btn-gradient w-100 justify-content-center mt-5"><span><i
                            class="ri-download-fill"></i>
                            Download 512px Square Thumbnail
                        </span></a>
                    <a href="/artists/{{ $artwork->artist->id }}"
                            class="btn btn-medium btn-gradient w-100 justify-content-center mt-5"><span><i
                                class="ri-user-fill"></i>
                                View Artist Profile
                        </span></a>
                    <a href="/episodes/{{ $artwork->episode->slug }}"
                        class="btn btn-medium btn-gradient w-100 justify-content-center mt-5"><span><i
                            class="ri-headphone-fill"></i>
                            View This Episode
                        </span></a>
                    <a href="/podcasts/{{ $artwork->podcast->slug }}"
                            class="btn btn-medium btn-gradient w-100 justify-content-center mt-5"><span><i
                                class="ri-broadcast-line"></i>
                                View {{ $artwork->podcast->name }} Podcast
                            </span></a>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection