@extends('layouts.designer.designer') 

@section('content')
<div class="container mt-4">

    {{-- Flash Messages --}}
    @if(session('error'))
        <div class="alert alert-danger">{{ session('error') }}</div>
    @endif

    <h2 class="mb-4">Designer Dashboard</h2>

    {{-- Assigned Projects Section --}}
    @if(isset($assignedProjects) && $assignedProjects->count() > 0)

        <table class="table table-bordered table-striped">
            <thead>
                <tr>
                    <th>Project ID</th>
                    <th>Title</th>
                    <th>Status</th>
                    <th>Action</th>
                </tr>
            </thead>

            <tbody>
                @foreach($assignedProjects as $project)
                    <tr>
                        <td>{{ $project->id }}</td>
                        <td>{{ $project->title }}</td>
                        <td>
                            <span class="badge 
                                @if($project->status == 'pending') bg-warning 
                                @elseif($project->status == 'approved') bg-success
                                @elseif($project->status == 'rejected') bg-danger
                                @else bg-secondary @endif">
                                {{ ucfirst($project->status) }}
                            </span>
                        </td>
                        <td>
                          @if($project->designs->count())
                               <a href="{{ route('view.designs', $project->id) }}"
                                class="btn btn-primary btn-sm">
                                    View Designs ({{ $project->designs->count() }})
                                </a>
                            @else
                                <span class="text-muted">No Design</span>
                            @endif
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>

    @else
        <div class="alert alert-info">
            No projects assigned yet.
        </div>
    @endif

</div>
@endsection