@php
    /**
     * @var \App\Models\Result $result
     */
@endphp

@extends('layouts.admin', ['title' => 'Результаты'])

@section('content')
    <a href="{{route('admin.results.index')}}" class="page-wrapper__back page-wrapper__back--mobile--white title title--base title--grey title--uppercase">
        назад
    </a>
    <div class="page__header">
        <div class="container container--small">
            <p class="title title--grey--light title--bold title--small">
                Результаты
            </p>
        </div>
    </div>
    <div class="page__content">
        <div class="container container--small">
            <div class="page-form">
                @if($errors->any())
                    <div class="alert alert-danger">
                        <ul>
                            @foreach($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
                <form action="{{ $result->exists ? route('admin.results.update', $result->id) : route('admin.results.store') }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    @if($result->exists)
                        @method('PUT')
                    @endif
                    <div class="page-form__wrapper">
                        <div class="page-input file-input">
                            <p class="page-input__label title title--small title--grey title--bold">Фото или видео</p>
                            @include('layouts.partials.media_form', ['model' => $result, 'name' => \App\Models\Result::MEDIA_TYPE_PREVIEW])
                        </div>
                        <div class="page-input">
                            <p class="page-input__label page-input__label--big title title--small title--grey title--bold">Теги</p>
                            @include('layouts.partials.tags', ['model' => $result])
                        </div>
                        <div class="page-input">
                            <label for="description" class="page-input__label title title--small title--grey title--bold">Описание</label>
                            <input type="text" id="description" name="description" class="page-input__item" value="{{old('description') ?? $result->description}}">
                        </div>
                        @error('description')
                        <div class="alert alert-danger">{{ $message }}</div>
                        @enderror
                        <div class="page-input">
                            <label for="title" class="page-input__label title title--small title--grey title--bold">Тайтл</label>
                            <input type="text" id="title" name="title" class="page-input__item" value="{{old('title') ?? $result->title}}">
                        </div>
                        @error('title')
                        <div class="alert alert-danger">{{ $message }}</div>
                        @enderror
                        <div class="page-input">
                            <label for="total_views" class="page-input__label title title--small title--grey title--bold">Суммарный охват</label>
                            <input type="text" id="total_views" name="total_views" class="page-input__item" value="{{old('total_views') ?? $result->total_views}}">
                        </div>
                        @error('total_views')
                        <div class="alert alert-danger">{{ $message }}</div>
                        @enderror
                        <div class="page-input js-social">
                            <p class="page-input__label page-input__label--big title title--small title--grey title--bold">Площадка</p>
                            @include('layouts.partials.platforms', ['model' => $result])
                        </div>
                        <div class="page-input">
                            <div class="page-input__images">
                                @php
                                    $medias = $result->getMedia(\App\Models\Result::MEDIA_TYPE_SCREENSHOTS_POST);
                                    $countScreenshotsPost = count($medias);
                                @endphp

                                @foreach ($medias as $media)
                                    <label class="file-label">
                                        <input type="hidden" value="{{$media->id}}" name="screenshots_posts_old[]">
                                        <input type="file" name="screenshots_posts[]" class="file-label__input">
                                        <span class="file-label__checkmark file-label__checkmark--loaded" style="background-image: url('{{$media->getUrl()}}')"></span>
                                    </label>
                                @endforeach

                                @for($i = $countScreenshotsPost; $i < 5; $i++)
                                    <label class="file-label">
                                        <input type="file" name="screenshots_posts[]" class="file-label__input">
                                        <span class="file-label__checkmark "></span>
                                    </label>
                                @endfor
                            </div>
                        </div>
                        <div class="page-input page-input--link">
                            <label for="link" class="page-input__label title title--small title--grey title--bold">Ссылка</label>
                            <input type="text" id="link" name="link" class="page-input__item" value="{{old('link') ?? $result->link}}">
                        </div>
                        @error('link')
                        <div class="alert alert-danger">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="page-form__footer">
                        <button type="submit" class="button button--middle button--green">Сохранить</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection