@extends('layouts.master')

@section('title', 'My Scholarship Application')

@section('style')
    <style>
    </style>
@endsection

@section('content')

    @include('layouts.header')
    @include('layouts.header-sub')

    <section class="wrapper bg-light">
        <div class="container py-14 py-md-16">

            <div class="col-lg-12">
                <h3 class="mb-4">My Scholarship Application</h3>

                <div class="card">
                    <div class="card-body">

                        <table class="table table-bordered table-striped">
                            <thead class="text-center">
                                <tr>
                                    <th width="5%">No.</th>
                                    <th width="10%">Student ID</th>
                                    <th width="10%">Term/Year</th>
                                    <th width="30%">Scholarship Name</th>
                                    <th width="15%">Application Date</th>
                                    <th width="10%">Status</th>
                                    <th width="10%">Manage</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($application as $i => $app)
                                    <tr>
                                        <td align="center">{{ $i + 1 }}</td>
                                        <td align="center">{{ $app->student_code }}</td>
                                        <td align="center">{{ $app->semester ?? '-' }}/{{ $app->academic_name ?? '-' }}</td>
                                        <td>{{ $app->name_th }} ({{ $app->name_en }})</td>
                                        <td align="center">{{ date('d M Y', strtotime($app->application_date)) }}</td>
                                        <td align="center">
                                            @if($app->status == 'pending')
                                                <span class="badge bg-yellow rounded-pill">{{ $app->status }}</span>
                                            @elseif($app->status == 'approved')
                                                <span class="badge bg-green rounded-pill">{{ $app->status }}</span>
                                            @elseif($app->status == 'rejected')
                                                <span class="badge bg-red rounded-pill">{{ $app->status }}</span>
                                            @else
                                                <span class="badge bg-gray rounded-pill">{{ $app->status }}</span>
                                            @endif
                                        </td>
                                        <td align="center">
                                            <a href="{{ url('/scholarship_request_detail', $app->id ) }}"
                                                        data-bs-toggle="tooltip" data-bs-placement="top" title="View"
                                                        class="btn btn-circle btn-green rounded-pill p-1 px-3"
                                                        style="height: 35px;width: 35px;">
                                                        <i class="uil uil-eye fs-17 p-0"></i>
                                                    </a>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="7" align="center">No data available.</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>

                    </div>
                </div>
            </div>
        </div>
    </section>

    @include('layouts.footer')
@endsection