@extends('layouts.app')

@section('title')
    Applicant List
@endsection

@section('content')
    <div class="page-content-wrapper">
        <div class="page-content">
            <div class="page-bar">
                <div class="page-title-breadcrumb">
                    <div class=" pull-left">
                        <div class="page-title">Applicants List</div>
                    </div>

                </div>
            </div>
            <div class="row">
                @if (session('success'))
                    <div class="alert alert-success alert-dismissible show" role="alert">
                        {{ session('success') }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
                            <span aria-hidden="false"></span>
                        </button>
                    </div>
                @elseif(session('error'))
                    <div class="alert alert-danger alert-dismissible show" role="alert">
                        {{ session('error') }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
                            <span aria-hidden="false"></span>
                        </button>
                    </div>
                @endif
                <div class="col-sm-12">
                    <div class="card">
                        <div class="card-head">
                            <header>Applicants</header>
                            <button id="panel-button2" class="mdl-button mdl-js-button mdl-button--icon pull-right" data-upgraded=",MaterialButton">
                                <i class="material-icons">more_vert</i>
                            </button>
                            <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" data-mdl-for="panel-button2">
                                <a href="{{ url('download-applicants', $applicants) }}">
                                    <li class="mdl-menu__item"><i class="fa fa-download"></i> Download</li>
                                </a>
                            </ul>
                        </div>

                        <div class="card-body ">
                            <div class="table-scrollable">
                                {{-- <table class="table">
                                    <thead>
                                        <tr>
                                            <th> # </th>
                                            <th> Applicant Name </th>
                                            <th> Applicant ID</th>
                                            <th> Status</th>
                                            <th> NRC </th>
                                            <th> Phone </th>
                                            <th> Email </th>
                                            <th> Program </th>
                                            <th> Intake Year </th>
                                            <th> Action </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($applicants as $index => $applicant)
                                            <tr class="odd gradeX">
                                                <td class="left">{{ $loop->index + 1 }}</td>
                                                <td class="left">
                                                    @foreach ($users as $user)
                                                        @if ($user->id === $applicant->user_id)
                                                            {{ $user->first_name }} {{ $user->last_name }}
                                                        @endif
                                                    @endforeach
                                                </td>
                                                <td class="left">
                                                    {{ $applicant->applicant_no }}
                                                </td>
                                                <td class="left">
                                                    <span class="badge
														@if ($applicant->applicant_status == 'selected') bg-success
														@elseif($applicant->applicant_status == 'rejected')   
														bg-danger
														@elseif($applicant->applicant_status == 'complete')   
														bg-warning @endif
													">
                                                        {{ $applicant->applicant_status }}
                                                    </span>
                                                </td>
                                                <td>
                                                    @foreach ($users as $user)
                                                        @if ($user->id == $applicant->user_id)
                                                            {{ $user->nrc_passport }}
                                                        @endif
                                                    @endforeach
                                                </td>
                                                <td>
                                                    @foreach ($users as $user)
                                                        @if ($user->id == $applicant->user_id)
                                                            {{ $user->phone }}
                                                        @endif
                                                    @endforeach
                                                </td>
                                                <td>
                                                    @foreach ($users as $user)
                                                        @if ($user->id == $applicant->user_id)
                                                            {{ $user->email }}
                                                        @endif
                                                    @endforeach
                                                </td>
                                                <td class="left">
                                                    @foreach ($programs as $program)
                                                        @if ($program->id == $applicant->program_id)
                                                            {{ $program->program_name }}
                                                        @endif
                                                    @endforeach
                                                </td>
                                                <td class="left">{{ $applicant->entry_year }}</td>
                                                <td>
                                                    <a href="{{ url('applicant-details', $applicant->id) }}" class="btn btn-primary btn-xs">
                                                        <i class="fa fa-pencil"></i>
                                                    </a>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table> --}}
                                {{ $dataTable->table(['width' => '100%']) }}

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection


<script>
    {{ $dataTable->scripts() }}
</script>