@extends('layouts.app')

@section('title', 'Task Detail')

@section('content')
<div class="page-shell">
    <div class="section-heading">
        <div>
            <p class="eyebrow">Task details</p>
            <h1>{{ $job->title }}</h1>
        </div>
        <a href="{{ route('user.jobs') }}" class="btn-link">Back to tasks</a>
    </div>

    <div class="job-card">
        <div class="job-top">
            <span class="job-tag">{{ ucfirst($job->type) }} task</span>
            <span class="job-reward">৳ {{ number_format($job->reward, 2) }}</span>
        </div>
        <p>{{ $job->description }}</p>
        <div class="job-footer">
            <small>Remaining: {{ $job->remaining_vacancy }}</small>
            <a href="{{ $job->job_link }}" target="_blank" class="btn-link">Open proof link</a>
        </div>

        <form method="POST" action="{{ route('user.jobs.submit', $job) }}" class="auth-form">
            @csrf
            <label>Proof / completed link</label>
            <input type="url" name="proof" placeholder="Paste your completed work link" required>
            <button type="submit" class="btn-primary">Submit task for approval</button>
        </form>
    </div>
</div>
@endsection