@extends('layouts.dashboard')

@section('title', 'Applicants for ' . $job->title)

@section('content')
<div class="row">
    <div class="col-12">
        <div class="page-title-box d-sm-flex align-items-center justify-content-between">
            <h4 class="mb-sm-0">Applicants for: <span class="text-muted fw-normal">{{ $job->title }}</span></h4>
            <div class="page-title-right">
                <a href="{{ route('company.jobs.index') }}" class="btn btn-light"><i class="ri-arrow-go-back-line align-bottom me-1"></i> Back to Jobs</a>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-header border-0">
                <h5 class="card-title mb-0">All Applications ({{ $applications->total() }})</h5>
            </div>
            
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-borderless align-middle mb-0">
                        <thead class="table-light">
                            <tr>
                                <th>Freelancer</th>
                                <th>Profile Title</th>
                                <th>Applied On</th>
                                <th>Status</th>
                                <th class="text-end">Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($applications as $app)
                            <tr>
                                <td>
                                    <div class="d-flex align-items-center">
                                        <div class="flex-shrink-0">
                                            @if($app->freelancer->profile_photo)
                                                <img src="{{ Storage::url($app->freelancer->profile_photo) }}" alt="" class="avatar-xs rounded-circle shadow">
                                            @else
                                                <img src="{{ asset('assets/velzon/images/users/user-dummy-img.jpg') }}" alt="" class="avatar-xs rounded-circle shadow">
                                            @endif
                                        </div>
                                        <div class="flex-grow-1 ms-2">
                                            <h6 class="mb-0"><a href="{{ route('freelancer.public', $app->freelancer->id) }}" target="_blank" class="text-reset">{{ $app->freelancer->name }}</a></h6>
                                        </div>
                                    </div>
                                </td>
                                <td>{{ $app->freelancer->freelancerProfile->title ?? 'N/A' }}</td>
                                <td>{{ $app->created_at->format('d M, Y') }}</td>
                                <td>
                                    @if($app->status == 'pending')
                                        <span class="badge bg-warning-subtle text-warning">Pending Review</span>
                                    @elseif($app->status == 'accepted')
                                        <span class="badge bg-success-subtle text-success">Accepted</span>
                                    @else
                                        <span class="badge bg-danger-subtle text-danger">Rejected</span>
                                    @endif
                                </td>
                                <td class="text-end">
                                    <ul class="list-inline hstack gap-2 justify-content-end mb-0">
                                        <li class="list-inline-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="View Application">
                                            <button href="#appModal-{{ $app->id }}" data-bs-toggle="modal" class="text-primary d-inline-block border-0 bg-transparent p-0">
                                                <i class="ri-file-text-fill fs-16"></i>
                                            </button>
                                        </li>
                                    </ul>
                                </td>
                            </tr>

                            <!-- Application Modal -->
                            <div class="modal fade" id="appModal-{{ $app->id }}" tabindex="-1">
                                <div class="modal-dialog modal-dialog-centered modal-lg">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title">Application by {{ $app->freelancer->name }}</h5>
                                            <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                                        </div>
                                        <div class="modal-body text-start">
                                            <div class="d-flex align-items-center mb-4 pb-3 border-bottom border-bottom-dashed">
                                                <img src="{{ $app->freelancer->profile_photo ? Storage::url($app->freelancer->profile_photo) : asset('assets/velzon/images/users/user-dummy-img.jpg') }}" alt="" class="avatar-sm rounded-circle me-3 shadow">
                                                <div>
                                                    <h5 class="mb-1">{{ $app->freelancer->name }}</h5>
                                                    <a href="{{ route('freelancer.public', $app->freelancer->id) }}" target="_blank" class="text-decoration-underline text-primary">View Full Profile</a>
                                                </div>
                                            </div>

                                            <h6 class="mb-2">Cover Letter</h6>
                                            <div class="bg-light p-3 rounded mb-4">
                                                {!! nl2br(e($app->cover_letter)) !!}
                                            </div>

                                            @if($app->status == 'pending')
                                            <form action="{{ route('company.applications.respond', $app->id) }}" method="POST" class="text-center">
                                                @csrf
                                                <p class="text-muted mb-3">Update Application Status</p>
                                                <div class="d-flex justify-content-center gap-2">
                                                    <button type="submit" name="status" value="accepted" class="btn btn-success"><i class="ri-check-line align-middle me-1"></i> Accept & Notify</button>
                                                    <button type="submit" name="status" value="rejected" class="btn btn-danger"><i class="ri-close-line align-middle me-1"></i> Reject</button>
                                                </div>
                                            </form>
                                            @else
                                                <div class="alert alert-info border-0 mb-0">
                                                    Status: <strong>{{ ucfirst($app->status) }}</strong> on {{ $app->responded_at ? $app->responded_at->format('M d, Y') : '' }}
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @empty
                            <tr>
                                <td colspan="5" class="text-center py-4 text-muted">
                                    No applications received yet.
                                </td>
                            </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>

                <div class="mt-3">
                    {{ $applications->links() }}
                </div>
            </div>
        </div>
    </div>
</div>
@endsection