@extends('layouts.public')

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

@section('content')
    <div class="container my-5">
        <div class="row justify-content-center">
            <div class="col-lg-10">
                <div class="card shadow-sm">
                    <img src="{{ Storage::url($project->image_path) }}" class="card-img-top" alt="{{ $project->title }}">
                    <div class="card-body p-4">
                        <h1 class="card-title mb-3">{{ $project->title }}</h1>
                        <hr>
                        <p class="card-text mt-4" style="line-height: 1.8;">
                            {!! nl2br(e($project->description)) !!}
                        </p>
                        @if($project->url)
                            <a href="{{ $project->url }}" class="btn btn-primary mt-4" target="_blank">مشاهده وب‌سایت پروژه</a>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection