{{-- ============================================================
     RECENT JOB APPLICATION ACTIVITY
============================================================= --}}

<div class="row mt-3">
    <div class="col-12 col-md-12 mb-3">
        <div class="box">
            {{-- Header --}}
            <div class="box-header with-border">
                <h4 class="box-title">
                    <i class="fa fa-history me-1"></i>
                    Recent Job Application Activity
                </h4>
                <ul class="box-controls pull-right d-md-flex d-none">
                    <li>
                        <a
                            href="{{ url('/student/job') }}"
                            class="btn btn-primary px-10"
                        >
                            View All
                        </a>
                    </li>
                </ul>
            </div>
            {{-- Body --}}
            <div class="box-body">
                @forelse($recentApplications as $application)
                    <div class="border rounded p-3 mb-3">
                        {{-- =================================================
                             COMPANY / JOB INFORMATION
                        ================================================== --}}
                        <div class="d-flex align-items-center justify-content-between mb-3">
                            <div>
                                <h5 class="mb-1 fw-600">
                                    {{ $application->job?->companyRec?->name ?? 'Company' }}
                                </h5>
                            </div>
                            <div class="text-center">
                                <small class="text-muted">
                                    Job Post:
                                    {{ $application->job?->reqid ?? 'N/A' }}
                                </small>
                            </div>
                            <div class="text-end">
                                <small class="text-muted">
                                    {{ $application->updated_at }}
                                </small>
                            </div>
                        </div>
                        {{-- =================================================
                             APPLICATION STEPPER
                        ================================================== --}}
                        <x-stepper
                            :application="$application"
                            emptyMessage="Application activity is not available."
                        />
                    </div>
                @empty
                    <div class="text-center text-muted py-4">
                        <i class="fa fa-history fs-30 mb-2"></i>
                        <p class="mb-0">
                            No recent application activity.
                        </p>
                    </div>
                @endforelse
            </div>
        </div>
    </div>
    <div class="col-12 col-md-12 mb-3">
        <div class="box">
            {{-- Header --}}
            <div class="box-header with-border">
                <h4 class="box-title">
                    <i class="fa fa-history me-1"></i>
                    Recent Internship Application Activity
                </h4>
                <ul class="box-controls pull-right d-md-flex d-none">
                    <li>
                        <a
                            href="{{ url('/student/intern-application-list') }}"
                            class="btn btn-primary px-10"
                        >
                            View All
                        </a>
                    </li>
                </ul>
            </div>
            {{-- Body --}}
            <div class="box-body">
                @forelse($recentInternApplications as $application)
                    <div class="border rounded p-3 mb-3">
                        {{-- =================================================
                             COMPANY / INTERNSHIP INFORMATION
                        ================================================== --}}
                        <div class="d-flex align-items-center justify-content-between mb-3">
                            <div>
                                <h5 class="mb-1 fw-600">
                                    {{ $application->intern?->companyRec?->name ?? 'Company' }}
                                </h5>
                            </div>
                            <div class="text-center">
                                <small class="text-muted">
                                    Internship Post:
                                    {{ $application->intern?->reqid ?? 'N/A' }}
                                </small>
                            </div>                            
                            <div class="text-end">
                                <small class="text-muted">
                                    {{ $application->updated_at }}
                                </small>
                            </div>
                        </div>
                        {{-- =================================================
                             APPLICATION STEPPER
                        ================================================== --}}
                        <x-stepper
                            :application="$application"
                            emptyMessage="Application activity is not available."
                        />
                    </div>
                @empty
                    <div class="text-center text-muted py-4">
                        <i class="fa fa-history fs-30 mb-2"></i>
                        <p class="mb-0">
                            No recent internship application activity.
                        </p>
                    </div>
                @endforelse
            </div>
        </div>
    </div>    
</div>