@extends('layouts.public')

@section('title', 'نمونه‌کارها - asrit.ir')

@section('content')
    <div class="container px-4 py-5">
        <h2 class="pb-2 border-bottom text-center">تمام نمونه‌کارها</h2>

        <div class="row g-4 py-5">
            @if($projects->isEmpty())
                <div class="col-12 text-center">
                    <p>در حال حاضر نمونه‌کاری برای نمایش وجود ندارد.</p>
                </div>
            @else
                @foreach ($projects as $project)
                    <div class="col-md-6 col-lg-4">
                        <div class="card shadow-sm h-100">
                            <img src="{{ Storage::url($project->image_path) }}" class="card-img-top" alt="{{ $project->title }}" style="aspect-ratio: 16/9; object-fit: cover;">
                            <div class="card-body d-flex flex-column">
                                <h5 class="card-title">{{ $project->title }}</h5>
                                <p class="card-text">{{ $project->description }}</p>
                                @if($project->url)
                                    <a href="{{ $project->url }}" class="btn btn-primary mt-auto" target="_blank">مشاهده سایت</a>
                                @endif
                            </div>
                        </div>
                    </div>
                @endforeach
            @endif
        </div>
    </div>
@endsection