@extends('front.layouts.master-auth')

@section('content')
    <!-- Start Page Content -->
    <section class="page-content userPage">
        <div class="container">
            <div class="user-page-cont">
                <div class="user-relative">
                    @include('front.freelancer._user_nav_menu', ['user' => $user, 'activePage' => 'projects'])
                </div>
                <div class="user-info-cont">
                    <div class="user-page-head">
                        <h2 class="user-page-title">
                            المشاريع المكتملة
                        </h2>
                    </div>
                    
                    @if($projects->count() > 0)
                        <div class="projects-list">
                            @foreach($projects as $project)
                                <div class="project-item" style="background: #fff; padding: 20px; border-radius: 8px; margin-bottom: 15px; box-shadow: 0 2px 5px rgba(0,0,0,0.05);">
                                    <h3 style="margin-bottom: 10px;">
                                        <a href="{{route('project.details', [$project->id, $project->slug])}}" style="color: #333; text-decoration: none;">
                                            {{ $project->title }}
                                        </a>
                                    </h3>
                                    <p style="color: #666; margin-bottom: 10px;">
                                        {{ \Illuminate\Support\Str::limit($project->description, 200) }}
                                    </p>
                                    <div style="display: flex; gap: 15px; font-size: 14px; color: #888;">
                                        <span>📅 {{ $project->created_at->format('Y-m-d') }}</span>
                                        <span>💰 {{ $project->budget }} {{ getSetting('currency') }}</span>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                        
                        <div class="pagination-cont">
                            {{ $projects->withQueryString()->links('front.pagination') }}
                        </div>
                    @else
                        <div style="text-align: center; padding: 40px; background: #f8f9fa; border-radius: 8px;margin: 10px 0;">
                            <p style="color: #666; font-size: 16px;">لا توجد مشاريع مكتملة حتى الآن</p>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </section>
    <!-- End Page Content -->
@endsection