@extends('character.layout', ['isMyo' => $character->is_myo_slot])

@section('profile-title')
    {{ $character->fullName }}'s Images
@endsection

@section('meta-img')
    {{ $character->image->thumbnailUrl }}
@endsection

@section('profile-content')
    {!! breadcrumbs([
        $character->category->masterlist_sub_id ? $character->category->sublist->name . ' Masterlist' : 'Character masterlist' => $character->category->masterlist_sub_id ? 'sublist/' . $character->category->sublist->key : 'masterlist',
        $character->fullName => $character->url,
        'Images' => $character->url . '/images',
    ]) !!}

    @include('character._header', ['character' => $character])

    <div class="tab-content">
        @foreach ($character->images($user)->with('features.feature')->with('species')->with('rarity')->get() as $image)
            <div class="tab-pane fade {{ $image->id == $character->character_image_id ? 'show active' : '' }}" id="image-{{ $image->id }}">
                <div class="row mb-3">
                    <div class="col-md-7">
                        <div class="text-center">
                            <a href="{{ $image->canViewFull(Auth::check() ? Auth::user() : null) && file_exists(public_path($image->imageDirectory . '/' . $image->fullsizeFileName)) ? $image->fullsizeUrl : $image->imageUrl }}" data-lightbox="entry"
                                data-title="{{ $character->fullName }} [#{{ $image->id }}] {{ $image->canViewFull(Auth::check() ? Auth::user() : null) && file_exists(public_path($image->imageDirectory . '/' . $image->fullsizeFileName)) ? ' : Full-size Image' : '' }}">
                                <img src="{{ $image->canViewFull(Auth::check() ? Auth::user() : null) && file_exists(public_path($image->imageDirectory . '/' . $image->fullsizeFileName)) ? $image->fullsizeUrl : $image->imageUrl }}" class="image"
                                    alt="{{ $image->character->fullName }}" />
                            </a>
                        </div>
                        @if ($image->canViewFull(Auth::check() ? Auth::user() : null) && file_exists(public_path($image->imageDirectory . '/' . $image->fullsizeFileName)))
                            <div class="text-right">You are viewing the full-size image. <a href="{{ $image->imageUrl }}">View watermarked image</a>?</div>
                        @endif
                        @if (Auth::check() && !$image->character->is_myo_slot && $character->user_id == Auth::user()->id)
                            {!! Form::open(['url' => $image->character->is_myo_slot ? 'myo/' . $image->character->id . '/approval/' . $image->id : 'character/' . $image->character->slug . '/approval/' . $image->id]) !!}
                            <div class="text-right">
                                {!! Form::submit('Update Design', ['class' => 'btn btn-primary']) !!}
                            </div>
                            {!! Form::close() !!}
                        @endif
                    </div>
                    @include('character._image_info', ['image' => $image])
                </div>
            </div>
        @endforeach
    </div>