@extends('adminlte::page')

@section('title', 'Raspberry Network | Applications')

@section('content_header')

    <h4>My Account / Applications</h4>

@stop

@section('js')

    @if (session()->has('success'))

        <script>
            toastr.success("{{session('success')}}")
        </script>

    @elseif(session()->has('error'))

        <script>
            toastr.error("{{session('error')}}")
        </script>

    @endif

@stop

@section('content')

    <div class="row">

        <div class="col">

            <div class="callout callout-warning">
                <h5>Application Process</h5>

                <p>Please allow up to three days for your application to be processed. Your application will be reviewed by every team member, and will move up in stages.</p>
                <p>If an interview is scheduled, you'll need to open your application here and confirm the time, date, and location assigned for you.</p>
            </div>

            <div class="alert alert-info">
                <b><i class="fa fa-info-circle"></i> Account Standing</b>

                <p>Your account is currently <b>{{($isEligibleForApplication) ? 'eligible' : 'not eligible'}}</b> for application.</p>

                @if (!$isEligibleForApplication)
                    <p>As of today, there are <b>{{$eligibilityDaysRemaining}} days</b> remaining until you're permitted to submit another application.</p>
                @endif

                <i class="text-sm">Powered by Carbon</i>
            </div>

        </div>

    </div>

    <div class="row">

        <div class="col">

            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">My Ongoing Applications</h3>
                </div>
                <!-- /.card-header -->
                <div class="card-body p-0"> <!-- move to dedi css -->

                    <table class="table" style="white-space: nowrap">
                        <thead>
                        <tr>
                            <th style="width: 10px">#</th>
                            <th>Applicant</th>
                            <th>Application Date</th>
                            <th>Last Acted On</th>
                            <th style="width: 40px">Status</th>
                            <th style="width: 40px">Actions</th>
                        </tr>
                        </thead>
                        <tbody>

                            @foreach ($applications as $application)

                                <tr>
                                    <td>{{$application->id}}</td>
                                    <td>{{Auth::user()->name}}</td>
                                    <td>{{$application->created_at}}</td>
                                    <td>{{$application->updated_at}}</td>
                                    <td>
                                        @switch($application->applicationStatus)

                                            @case('STAGE_SUBMITTED')
                                            <span class="badge badge-success"><i class="fas fa-paper-plane"></i> Submitted</span>
                                            @break

                                            @case('STAGE_PEERAPPROVAL')
                                            <span class="badge badge-warning"><i class="fas fa-users"></i> Peer Approval</span>
                                            @break

                                            @case('STAGE_INTERVIEW')
                                            <span class="badge badge-info"><i class="fa fa-microphone-alt"></i> Interview</span>
                                            @break

                                            @case('STAGE_INTERVIEW_SCHEDULED')
                                            <span class="badge badge-warning"><i class="fa fa-clock"></i> Interview Scheduled</span>
                                            @break

                                            @case('APPROVED')
                                            <span class="badge badge-success"><i class="fa fa-check-double"></i> Approved</span>
                                            @break

                                            @case('DENIED')
                                            <span class="badge badge-danger"><i class="fa fa-ban"></i> <b>Denied</b></span>
                                            @break

                                            @default
                                            <span class="badge badge-danger"><i class="fa fa-question"></i> Unknown</span>
                                        @endswitch
                                    </td>

                                    <td>
                                        <button type="button" class="btn btn-success"><i class="fa fa-eye"></i> View</button>
                                    </td>
                                </tr>

                            @endforeach

                        </tbody>
                    </table>

                </div>
                <!-- /.card-body -->

                <div class="card-footer">

                    <button type="button" class="btn btn-default mr-2">Back</button>

                </div>
            </div>

        </div>

    </div>

@stop