2025-02-02 14:23:11 +02:00
|
|
|
@extends('layouts.app')
|
|
|
|
|
|
|
|
|
|
@section('content')
|
2025-09-06 14:41:10 +03:00
|
|
|
<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>
|
2025-02-02 14:23:11 +02:00
|
|
|
</div>
|
|
|
|
|
<div class="card-body">
|
|
|
|
|
<div class="row">
|
|
|
|
|
@foreach($celebrities as $celebrity)
|
2025-09-06 14:41:10 +03:00
|
|
|
<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>
|
2025-02-02 14:23:11 +02:00
|
|
|
</div>
|
|
|
|
|
@endforeach
|
|
|
|
|
</div>
|
2025-09-06 14:41:10 +03:00
|
|
|
|
|
|
|
|
<div class="mt-4">
|
|
|
|
|
{{ $celebrities->links() }}
|
|
|
|
|
</div>
|
2025-02-02 14:23:11 +02:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2025-09-06 14:41:10 +03:00
|
|
|
|
|
|
|
|
<!-- Sidebar -->
|
|
|
|
|
<div class="col-lg-3">
|
2025-02-02 14:23:11 +02:00
|
|
|
<div class="card">
|
2025-09-06 14:41:10 +03:00
|
|
|
<div class="card-body">
|
|
|
|
|
sidebar
|
2025-02-02 14:23:11 +02:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@endsection
|
