@extends('student.layouts.layout')
@section('content')
    <div class="pxp-dashboard-content-details">
        <div class="row">
            <div>
                <span class="icon"><i class="fa fa-shopping-cart"></i></span> <span class="txt"><b>Unpaid Applications</b> </span>
            </div>
            <hr>
            <div class="alert alert-danger" role="alert">
                <i class="fa fa-info-circle"></i>
                The student's profile is incomplete and the system is
                not able to determine eligibility or calculate correct
                administration fees due to incomplete information. It
                is highly advised that you complete the profile before
                submitting applications.
            </div>
        </div>

        <div class="row">
            <div class="table-responsive">
                <table class="table table table-hover align-middle dataTable no-footer dtr-inline">
                    <thead>
                        <tr>
                            <th> Status</th>
                            <th> App # </th>
                            <th> School </th>
                            <th> Program </th>
                            <th> ESL Start Date </th>
                            <th> Start Date</th>
                            <th> Applied Date</th>
                            <th> Fees</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td colspan="8" class="text-center">No Data Found</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>

        <div class="row">
            <div class="col-md-8"></div>
            <div class="col-md-4" align="right">
                <a href="http://localhost/uniwolc/public/student/requestletter/add" class="btn  btn-outline-primary">Find More Program 
                </a>
            </div>
        </div>

        <div class="row">
            <div>
                <span class="icon"><i class="fa fa-check"></i></span> <span class="txt"><b>Paid Applications</b> </span>
            </div>
            <hr>

            <div class="row">
                <div class="table-responsive">
                    <table class="table table table-hover align-middle dataTable no-footer dtr-inline">
                        <thead>
                            <tr>
                                <th> Status</th>
                                <th> App # </th>
                                <th> School </th>
                                <th> Program </th>
                                <th> ESL Start Date </th>
                                <th> Start Date</th>
                                <th> Applied Date</th>
                                <th> Fees</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td colspan="8" class="text-center">No Data Found</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection