@extends('agent.layouts.layout')
@section('content')
    <div class="pxp-dashboard-content-details">
        <div class="row justify-content-between align-content-center mb-2">
            <div class="col-md-6">
                <h1>Dashboard</h1>
                <p class="pxp-text-light">Welcome,  {{ !empty(Session::get('sessionData')[0]->firstname) ? Session::get('sessionData')[0]->firstname : '' }}!</p>
            </div>
            <div class="col-md-6" style="text-align: right;">
               <a href="{{ route('programs.add') }}" class="btn btn-block btn-primary"><i class="fa fa-plus"></i>&nbsp;Add new student</a>
            </div>
        </div>

        <div class="row mt-4 mt-lg-5 align-items-center">
            <div class="col-sm-6 col-xxl-3">
                <div class="pxp-dashboard-stats-card bg-primary bg-opacity-10 mb-3 mb-xxl-0">
                    <div class="pxp-dashboard-stats-card-icon text-primary">
                        <span class="fa fa-file-text-o"></span>
                    </div>
                    <div class="pxp-dashboard-stats-card-info">
                        <div class="pxp-dashboard-stats-card-info-number">{{ $data['applications'] ?? 0 }}</div>
                        <div class="pxp-dashboard-stats-card-info-text pxp-text-light">Application</div>
                    </div>
                </div>
            </div>            
            <div class="col-sm-6 col-xxl-3">
                <div class="pxp-dashboard-stats-card bg-success bg-opacity-10 mb-3 mb-xxl-0">
                    <div class="pxp-dashboard-stats-card-icon text-success">
                        <span class="fa fa-cubes"></span>
                    </div>
                    <div class="pxp-dashboard-stats-card-info">
                        <div class="pxp-dashboard-stats-card-info-number">{{ $data['acceptedApplications'] ?? 0 }}</div>
                        <div class="pxp-dashboard-stats-card-info-text pxp-text-light">Accepted</div>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-xxl-3">
                <div class="pxp-dashboard-stats-card bg-danger bg-opacity-10 mb-3 mb-xxl-0">
                    <div class="pxp-dashboard-stats-card-icon text-danger">
                        <span class="fa fa-envelope-o"></span>
                    </div>
                    <div class="pxp-dashboard-stats-card-info">
                        <div class="pxp-dashboard-stats-card-info-number">{{ $data['rejectedApplications'] ?? 0 }}</div>
                        <div class="pxp-dashboard-stats-card-info-text pxp-text-light">Rejected</div>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-xxl-3">
                <div class="pxp-dashboard-stats-card bg-warning bg-opacity-10 mb-3 mb-xxl-0">
                    <div class="pxp-dashboard-stats-card-icon text-warning">
                        <span class="fa fa-users"></span>
                    </div>
                    <div class="pxp-dashboard-stats-card-info">
                        <div class="pxp-dashboard-stats-card-info-number">{{ $data['totalStudent'] }}</div>
                        <div class="pxp-dashboard-stats-card-info-text pxp-text-light">Student</div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row mt-4 mt-lg-5">
            <div class="col-xxl-6">
                <h2>Popular Links</h2>
                <div class="pxp-candidate-dashboard-notifications">
                    <a href="">
                    <div class="pxp-candidate-dashboard-notifications-item mb-3">
                        <div class="pxp-candidate-dashboard-notifications-item-left">
                            <div class="pxp-candidate-dashboard-notifications-item-type"><span class="fa fa-envelope-o"></span></div>
                            <div class="pxp-candidate-dashboard-notifications-item-message">
                                WhatsApp chat
                            </div>
                        </div>
                        <div class="pxp-candidate-dashboard-notifications-item-right"><i class="fa fa-circle"></i> New</div>
                    </div>      
                    </a>              
                </div>
                <div class="pxp-candidate-dashboard-notifications">
                    <a href="">                   
                    <div class="pxp-candidate-dashboard-notifications-item mb-3">
                        <div class="pxp-candidate-dashboard-notifications-item-left">
                            <div class="pxp-candidate-dashboard-notifications-item-type"><span class="fa fa-envelope-o"></span></div>
                            <div class="pxp-candidate-dashboard-notifications-item-message">
                                Assist-knowledge
                            </div>
                        </div>        
                    </div> 
                    </a>                    
                </div>
                <div class="pxp-candidate-dashboard-notifications">
                    <a href="">                   
                    <div class="pxp-candidate-dashboard-notifications-item mb-3">
                        <div class="pxp-candidate-dashboard-notifications-item-left">
                            <div class="pxp-candidate-dashboard-notifications-item-type"><span class="fa fa-envelope-o"></span></div>
                            <div class="pxp-candidate-dashboard-notifications-item-message">
                                Assist-knowledge
                            </div>
                        </div>        
                    </div> 
                    </a>                    
                </div>
                <div class="pxp-candidate-dashboard-notifications">
                    <a href="">                   
                    <div class="pxp-candidate-dashboard-notifications-item mb-3">
                        <div class="pxp-candidate-dashboard-notifications-item-left">
                            <div class="pxp-candidate-dashboard-notifications-item-type"><span class="fa fa-envelope-o"></span></div>
                            <div class="pxp-candidate-dashboard-notifications-item-message">
                                Assist-knowledge
                            </div>
                        </div>        
                    </div> 
                    </a>                    
                </div>
                <div class="pxp-candidate-dashboard-notifications">
                    <a href="">                   
                    <div class="pxp-candidate-dashboard-notifications-item mb-3">
                        <div class="pxp-candidate-dashboard-notifications-item-left">
                            <div class="pxp-candidate-dashboard-notifications-item-type"><span class="fa fa-envelope-o"></span></div>
                            <div class="pxp-candidate-dashboard-notifications-item-message">
                                Assist-knowledge
                            </div>
                        </div>        
                    </div> 
                    </a>                    
                </div>
            </div>            
        </div>

        <div class="mt-4 mt-lg-5">
            <h2>Recently opened programs</h2>
            <div class="table-responsive">
                <table class="table align-middle">
                    <thead>
                        <tr>
                            <th>Program Name</th>
                            <th>Student Name</th>
                            <th>School Name</th>
                            <th>School Address</th>
                            <th>Submission Deadline</th>
                        </tr>
                    </thead>                   
                    <tbody>
                        @forelse ($data['application_list'] as $item)
                            <tr class="order_item odd" role="row">
                                <td data-title="Program Name" class="sorting_1">
                                    <div class="">
                                        {{ @$item->program_title }}
                                    </div>
                                </td>
                                <td data-title="Intake">
                                    <div class="">{{ @$item->getStudent->first_name }}
                                    </div>
                                </td>
                                <td data-title="School Name">
                                    <div class="">
                                        {{ @$item->getProgram->university->university_name }}
                                    </div>
                                </td>

                                <td data-title="School Address">
                                    <div class="">
                                        {{ @$item->getProgram->university->address }}</div>
                                </td>
                                <td data-title="Submission Deadline">
                                    <div class="">
                                        {{ @$item->intake_date->deadline ? date('M d, Y', strtotime($item->intake_date->deadline)) : '--' }}
                                    </div>
                                </td>

                            </tr>
                        @empty
                        @endforelse
                    </tbody>                    
                </table>
            </div>
        </div>
    </div>    
@endsection