@extends('admin.layout.app')

@section('title', $project->title)

@section('content')
<div class="container-xxl flex-grow-1 container-p-y">
  <div class="card">
    <div class="card-header">
      <h5 class="mb-0">{{ $project->title }}</h5>
    </div>

    <div class="card-body">
      <p><strong>Slug:</strong> {{ $project->slug }}</p>

      @if($project->featured_image)
        <p><strong>Featured Image:</strong></p>
        <img src="{{ asset('storage/'.$project->featured_image) }}" class="img-fluid mb-3">
      @endif

      @if($project->images->count())
        <p><strong>Gallery:</strong></p>
        <div class="mb-3">
          @foreach($project->images as $img)
            <img src="{{ asset('storage/'.$img->image) }}" width="100" class="me-1 mb-1">
          @endforeach
        </div>
      @endif

      <p><strong>Short Description:</strong></p>
      <p>{{ $project->short_description }}</p>

      <p><strong>Long Description:</strong></p>
      <p>{!! nl2br(e($project->long_description)) !!}</p>

      <p><strong>Meta Title:</strong> {{ $project->meta_title }}</p>
      <p><strong>Meta Description:</strong> {{ $project->meta_description }}</p>

      <a href="{{ route('admin.project.index') }}" class="btn btn-secondary mt-3">Back to Projects</a>
    </div>
  </div>
</div>
@endsection