2025-02-10 01:58:12 +02:00
|
|
|
@extends('layouts.app')
|
|
|
|
|
|
|
|
|
|
@section('content')
|
2025-09-06 14:41:10 +03:00
|
|
|
<div class="container-fluid show-page py-4">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<!-- Main Content -->
|
|
|
|
|
<div class="col-lg-9">
|
|
|
|
|
<div class="card mb-4">
|
|
|
|
|
<div class="card-header bg-white">
|
|
|
|
|
<h5 class="mb-0">Shows</h5>
|
2025-02-10 01:58:12 +02:00
|
|
|
</div>
|
|
|
|
|
<div class="card-body">
|
|
|
|
|
<div class="row">
|
|
|
|
|
@foreach($shows as $show)
|
2025-09-06 14:41:10 +03:00
|
|
|
<div class="col-md-2 mb-3">
|
|
|
|
|
<a href="{{ route('show.show', $show->slug) }}" class="text-decoration-none">
|
|
|
|
|
@if($show->poster_path)
|
|
|
|
|
<div class="movie-poster">
|
|
|
|
|
<img
|
|
|
|
|
src="http://image.tmdb.org/t/p/w185/{{ $show->poster_path }}"
|
|
|
|
|
alt="{{ $show->name }}"
|
|
|
|
|
title="{{ $show->name }} @if($show->first_air_date) ({{ $show->first_air_date->format('Y') }}) @endif"
|
|
|
|
|
class="img-fluid rounded shadow-sm"
|
|
|
|
|
>
|
|
|
|
|
<div class="movie-title text-center mt-2">
|
|
|
|
|
<small>{{ $show->name }}</small>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@else
|
|
|
|
|
<div class="no-poster rounded shadow-sm d-flex align-items-center justify-content-center p-2" style="height: 150px; background-color: #f8f9fa;">
|
|
|
|
|
<small class="text-center">
|
|
|
|
|
{{ $show->name }} @if($show->first_air_date) ({{ $show->first_air_date->format('Y') }}) @endif
|
|
|
|
|
</small>
|
|
|
|
|
</div>
|
|
|
|
|
@endif
|
|
|
|
|
</a>
|
2025-02-10 01:58:12 +02:00
|
|
|
</div>
|
|
|
|
|
@endforeach
|
|
|
|
|
</div>
|
2025-09-06 14:41:10 +03:00
|
|
|
|
|
|
|
|
<div class="mt-4">
|
|
|
|
|
{{ $shows->links() }}
|
|
|
|
|
</div>
|
2025-02-10 01:58:12 +02:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2025-09-06 14:41:10 +03:00
|
|
|
|
|
|
|
|
<!-- Sidebar -->
|
|
|
|
|
<div class="col-lg-3">
|
2025-02-10 01:58:12 +02:00
|
|
|
<div class="card">
|
2025-09-06 14:41:10 +03:00
|
|
|
<div class="card-body">
|
|
|
|
|
<div class="user-actions">
|
|
|
|
|
<a href="#" class="d-block mb-3 text-decoration-none">
|
|
|
|
|
<span class="iconify me-1" data-icon="mdi-eye-check-outline"></span> Mark as seen
|
|
|
|
|
</a>
|
|
|
|
|
<a href="#" class="d-block mb-3 text-decoration-none">
|
|
|
|
|
<span class="iconify me-1" data-icon="mdi-thumb-up-outline"></span> Like
|
|
|
|
|
</a>
|
|
|
|
|
<a href="#" class="d-block mb-3 text-decoration-none">
|
|
|
|
|
<span class="iconify me-1" data-icon="mdi-playlist-check"></span> Add to list
|
|
|
|
|
<span class="float-end">
|
|
|
|
|
<span class="iconify" data-icon="mdi-chevron-down"></span>
|
|
|
|
|
</span>
|
|
|
|
|
</a>
|
|
|
|
|
<hr>
|
|
|
|
|
@include('layouts.rating')
|
|
|
|
|
</div>
|
2025-02-10 01:58:12 +02:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@endsection
|
