@extends('profile.profile')

@section('page_content')
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-12">
                @foreach($items as $item)
                    <div class="large-list-item">
                        <div class="row">
                            <div class="col-md-2">
                                <a href="{{ route('movie.show', $item->item()->first()->slug) }}">
                                    <img src="http://image.tmdb.org/t/p/w185{{ $item->item()->first()->poster_path }}" alt="" class="poster">
                                </a>
                            </div>
                            <div class="col-md-10">
                                <div class="row">
                                    <div class="col-md-1 text-center">
                                        <img src="{{ asset('/img/star_rating.png') }}" alt="">
                                        {{ $item->item()->first()->vote_average }}
                                    </div>
                                    <div class="col-md-11">
                                        <h3>
                                            <a href="{{ route('movie.show', $item->item()->first()->slug) }}">
                                                {{ $item->item()->first()->title }}
                                            </a>
                                        </h3>
                                        <small>{{ $item->item()->first()->release_date->format('F Y') }}</small>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <span>
                                            {{ $item->item()->first()->overview }}
                                        </span>
                                        <div class="meta">
                                            <ul class="list-inline">
                                                <li class="d-inline">
                                                    <a href="">
                                                        <i class="fas fa-star"></i> Rate
                                                    </a>
                                                </li>
                                                <li class="d-inline">
                                                    <a href="">
                                                        <i class="fas fa-heart"></i> Favorite
                                                    </a>
                                                </li>
                                                <li class="d-inline">
                                                    <a href="">
                                                        <i class="fas fa-plus"></i> Add to list &darr;
                                                    </a>
                                                </li>
                                                <li class="d-inline">
                                                    <a href="" class="remove-from-watchlist" data-id="{{ $item->item_id }}" data-type="{{ $item->item_type }}">
                                                        <i class="fas fa-times"></i> Remove
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
@endsection