@extends('layouts.preview')

@section('title','OHWOW - '.$imageset->title)

@section('content')
<div id="top" class="text-center mb-4">
  <div class="image"><a href="https://www.ohwow.de" class="text-dark"><img src="{{ asset('ohwowlogo.png') }}"></a></div>
  <div class="smaller"><a href="https://www.ohwow.de" class="text-dark">www.ohwow.de</a></div>
  <div class="small">Telefon: 030 516858590</div>
</div>

<h2 class="text-center mb-4">{{ $imageset->title }}</h2>

<div class="text-center mb-4">
  <a href="{{ action('DownloadController@download',$token->token) }}" class="button">Set herunterladen - Highres-Download</a>
</div>

<div class="row small mb-1">
  <div class="col"><strong>Vorschaufotos in lowres:</strong></div>
  <div class="col text-right">Set vom {{ $imageset->created_at->format('d. ').config('month')[$imageset->created_at->format('n')].$imageset->created_at->format(' Y') }}</div>
</div>
<div class="row">
@foreach ($imageset->images->sortBy('filename')->chunk(4) as $chunks)
  @foreach ($chunks as $image)
  <div class="col-lg-3 col-md-4 col-sm-6 mb-4">
    <div class="preview-item border bg-light text-dark">
      <div class="image"><img src="{{ asset('assets/'.$image->thumbnail()) }}"></div>
      <div class="text-center small mb-2">{{ $image->mypicturemaxx_number or '&ndash;' }}</div>
    </div>
  </div>
  @endforeach
@endforeach
</div>
<div class="text-center mt-2">
  <a href="#top" class="button"><i class="fa fa-chevron-up text-light"></i></a>
</div>
<div class="text-center mt-4 small">
  <a href="https://www.ohwow.de/impressum" class="text-dark">Impressum</a>
</div>


@endsection