some progress
This commit is contained in:
@@ -1,51 +1,52 @@
|
||||
@extends('layouts.app')
|
||||
|
||||
@section('content')
|
||||
<div class="container-fluid celebrity-page">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-10">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
Celebrities
|
||||
<div class="container-fluid celebrity-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">Celebrities</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
@foreach($celebrities as $celebrity)
|
||||
<div class="col-md-2">
|
||||
<div class="celebrity-card">
|
||||
<a href="{{ route('celebrity.show', $celebrity->slug) }}">
|
||||
<img src="http://image.tmdb.org/t/p/w185/{{ $celebrity->profile_path }}" alt="">
|
||||
</a>
|
||||
<span>
|
||||
<a href="{{ route('celebrity.show', $celebrity->slug) }}">
|
||||
{{ $celebrity->name }}
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
<div class="col-md-2 mb-3">
|
||||
<a href="{{ route('celebrity.show', $celebrity->slug) }}" class="text-decoration-none">
|
||||
<div class="celebrity-card">
|
||||
@if($celebrity->profile_path)
|
||||
<img
|
||||
src="http://image.tmdb.org/t/p/w185/{{ $celebrity->profile_path }}"
|
||||
alt="{{ $celebrity->name }}"
|
||||
class="img-fluid rounded shadow-sm"
|
||||
>
|
||||
@else
|
||||
<div class="no-profile rounded shadow-sm d-flex align-items-center justify-content-center p-2" style="height: 150px; background-color: #f8f9fa;">
|
||||
<span class="text-muted">No Image</span>
|
||||
</div>
|
||||
@endif
|
||||
<div class="celebrity-name text-center mt-2">
|
||||
<small>{{ $celebrity->name }}</small>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
<div class="mt-4">
|
||||
{{ $celebrities->links() }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ $celebrities->links() }}
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
|
||||
<!-- Sidebar -->
|
||||
<div class="col-lg-3">
|
||||
<div class="card">
|
||||
<div class="user-actions">
|
||||
<ul>
|
||||
<li>
|
||||
<a href=""><span class="iconify" data-icon="mdi-eye-check-outline"></span> Mark as seen</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href=""><span class="iconify" data-icon="mdi-thumb-up-outline"></span> Like</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href=""><span class="iconify" data-icon="mdi-playlist-check"></span> add to list</a>
|
||||
</li>
|
||||
</ul>
|
||||
<hr>
|
||||
rate
|
||||
<hr>
|
||||
<div class="card-body">
|
||||
sidebar
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user