@extends('layouts.admin', ['title' => 'Лента'])

@section('content')
    <div class="container">
        <div class="page__header">
            <a href="{{route('admin.results.create')}}" class="button button--mobile--full button--middle button--white">
                Добавить +
            </a>
            <form action="#" class="search-form">
                <label class="search-form__label">
                    <input type="text" class="search-form__input" placeholder="Найти...">
                </label>
            </form>
        </div>
        <div class="page__content">
            <div class="table">
                <div class="table__wrapper">
                    <div class="table__row table__row--title">
                        <div class="table__column table__column--tiny">
                            <p class="title title--small title--bold title--grey">
                                №
                            </p>
                        </div>
                        <div class="table__column table__column--small">
                            <p class="title title--small title--bold title--grey">
                                Превью
                            </p>
                        </div>
                        <div class="table__column table__column--full">
                            <p class="title title--small title--bold title--grey">
                                Название
                            </p>
                        </div>
                        <div class="table__column table__column--small">
                            <p class="title title--small title--bold title--grey">
                                Охват
                            </p>
                        </div>
                        <div class="table__column table__column--base">
                            <p class="title title--small title--bold title--grey">
                                Теги
                            </p>
                        </div>
                        <div class="table__column table__column--small">
                            <p class="title title--small title--bold title--grey">
                                Дата
                            </p>
                        </div>
                        <div class="table__column table__column--center table__column--small">
                            <p class="title title--small title--bold title--center title--grey">
                                Статус
                            </p>
                        </div>
                        <div class="table__column table__column--small">
                            <p class="title title--small title--bold title--grey">
                                Действия
                            </p>
                        </div>
                    </div>
                    @foreach ($results as $result)
                        <div class="table__row">
                            <div class="table__column table__column--tiny">
                                <label>
                                    <input type="text" class="title title--base title--grey table__input" value="{{$result->id}}">
                                </label>
                            </div>
                            <div class="table__column table__column--small">
                                <img src="{{$result->getLatestMedia(\App\Models\Result::MEDIA_TYPE_PREVIEW)->getUrl()}}" alt="" class="table__img table__img--small">
                            </div>
                            <div class="table__column table__column--full">
                                <p class="title title--bold title--base title--grey">
                                    {{$result->title}}
                                </p>
                            </div>
                            <div class="table__column table__column--small">
                                <p class="title title--base title--grey">
                                    {{$result->total_views}}
                                </p>
                            </div>
                            <div class="table__column table__column--base">
                                @foreach ($result->tags_link()->get() as $tag)
                                    <p class="title title--base title--grey">
                                        {{$tag->tag->name}}
                                    </p>
                                @endforeach
                            </div>
                            <div class="table__column table__column--small">
                                <p class="title title--base title--grey">
                                    {{\Illuminate\Support\Carbon::parse($result->created_at)->format('d.m.Y')}}
                                </p>
                            </div>
                            <div class="table__column  table__column--small">
                            <span class="table__status table__status--active">
                            </span>
                            </div>
                            <div class="table__column table__column--small">
                                <div class="table__action">
                                    <a href="{{ route('admin.results.edit', $result) }}" class="table__edit">
                                        <svg class="icon">
                                            <use xlink:href="/assets/images/sprite-admin.svg#edit"></use>
                                        </svg>
                                    </a>
                                    <form action="{{ route('admin.results.destroy', $result) }}" method="post" onsubmit="window.confirmSubmit(event, {{$result->id}})">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="table__edit">
                                            <a href="#" class="table__edit">
                                                <svg class="icon">
                                                    <use xlink:href="/assets/images/sprite-admin.svg#trash"></use>
                                                </svg>
                                            </a>
                                        </button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
@endsection