@extends('layout.admin')

@section('content')
<div class="px-4 sm:px-6 lg:px-8 mt-6">
    <h2 class="text-xl font-bold text-gray-800 mb-6 flex items-center gap-2">
        <i class="fas fa-ban text-red-600"></i> রিজেক্টেড জবসমূহ
    </h2>

    @if($jobs->count())
        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-5">
            @foreach($jobs as $job)
                <div class="bg-white border border-gray-200 rounded-lg shadow-sm p-4 flex flex-col justify-between">
                    <div class="mb-4">
                        <h3 class="text-lg font-semibold text-gray-800 flex items-center gap-2">
                            <i class="fas fa-clipboard-list text-red-500"></i> {{ $job->title }}
                        </h3>
                        <p class="text-sm text-gray-600 mt-1 line-clamp-3">
                            {{ Str::limit($job->description, 100) }}
                        </p>
                        <p class="text-sm text-gray-500 mt-2">
                            এমাউন্ট: ৳{{ number_format($job->amount, 2) }}
                        </p>
                        <p class="text-sm text-gray-500">
                            লিমিট: {{ $job->limit }}
                        </p>
                    </div>

                    @if($job->rejection_reason)
                        <div class="text-xs text-red-600 bg-red-50 border border-red-200 rounded p-2">
                            🚫 কারণ: {{ $job->rejection_reason }}
                        </div>
                    @endif
                </div>
            @endforeach
        </div>
    @else
        <div class="bg-red-50 border-l-4 border-red-400 text-red-800 p-4 rounded-lg text-sm">
            কোনো রিজেক্টেড জব পাওয়া যায়নি।
        </div>
    @endif
</div>
@endsection