@extends('backend.admin.index')
@section('body')
    <!-- Main Container -->
    <main id="main-container">

        <!-- Hero -->
        <div class="bg-body-light">
            <div class="content content-full">
                <div class="d-flex flex-column flex-sm-row justify-content-sm-between align-items-sm-center">
                    <h1 class="flex-sm-fill font-size-h2 font-w400 mt-2 mb-0 mb-sm-2">{{$heading}}</h1>
                    <nav class="flex-sm-00-auto ml-sm-3" aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item active" aria-current="page"><a href="{{url('admin/exam-manage/exams/create')}}" class="btn btn-primary"><i class="fa fa-plus-circle"></i> Add New</a></li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
        <!-- END Hero -->
        <!-- Page Content -->
        <div class="m-2 border">
        @include('layouts.message')

        <!-- Full Table -->
            <div class="block block-rounded">
                <div class="block-content">
                    <label for=""><strong><i class="fa fa-search"></i> Filter Exam
                            @if(request('title') || request('stream_id') || request('semester_id') || request('subject_id') || request('level_id') || request('exam_status') || request('per_page'))
                                <a href="{{url()->current()}}" class="badge badge-light badge-pill"><i class="fa fa-times-circle"></i> Clear Filter</a>
                        @endif
                    </label>
                    <form action="" method="get">
                        <div class="row">
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                                    <span class="input-group-text">
                                                        <strong>Title</strong>
                                                    </span>
                                        </div>
                                        <input type="text" name="title" class="form-control" value="{{request('title')}}" onchange="javascript:this.form.submit();">
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                                    <span class="input-group-text">
                                                        <strong>Stream</strong>
                                                    </span>
                                        </div>
                                        <select name="stream_id" id="" class="form-control" onchange="javascript:this.form.submit();">
                                            <option value="">--Choose--</option>
                                            @foreach($streams as $stream)
                                                <option value="{{$stream->id}}" @if(request('stream_id')==$stream->id) selected @endif>{{$stream->name}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                                    <span class="input-group-text">
                                                        <strong>Exam Status</strong>
                                                    </span>
                                        </div>
                                        <select name="exam_status" id="" class="form-control" onchange="javascript:this.form.submit();">
                                            <option value="">All</option>
                                            <option value="running" @if(request('exam_status')=='running') selected @endif>Running</option>
                                            <option value="upcoming" @if(request('exam_status')=='upcoming') selected @endif>Upcoming</option>
                                            <option value="completed" @if(request('exam_status')=='completed') selected @endif>Completed</option>
                                            <option value="draft" @if(request('exam_status')=='draft') selected @endif>Draft</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-12">
                                <div class="form-group">
                                    <div class="row justify-content-center">
                                        <div class="col-sm-3">
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">Per Page</span>
                                                </div>
                                                <select name="per_page" id="" class="form-control" onchange="javascript:this.form.submit();">
                                                    <option value="">10</option>
                                                    <option value="20" @if(request('per_page')=='20') selected @endif>20</option>
                                                    <option value="30" @if(request('per_page')=='30') selected @endif>30</option>
                                                    <option value="50" @if(request('per_page')=='50') selected @endif>50</option>
                                                    <option value="100" @if(request('per_page')=='100') selected @endif>100</option>
                                                    <option value="500" @if(request('per_page')=='500') selected @endif>500</option>
                                                    <option value="1000" @if(request('per_page')=='1000') selected @endif>1000</option>
                                                </select>
                                                <div class="input-group-append">
                                                    <span class="input-group-text">Entries</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <!-- END Full Table -->
            <div class="block block-rounded">
                <div class="block-content">
                    <div class="table-responsive">
                        <table class="table table-md table-striped table-vcenter">
                            <thead>
                            <tr>
                                <th class="text-center">SN</th>
                                <th>Exam Title</th>
                                <th>Level</th>
                                <th>Stream</th>
                                <th class="text-center">Status</th>
                                <th class="text-center">Question</th>
                                <th class="text-center">Action</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($exams as $key=>$exam)
                                <tr>
                                    <td>{{++$key}}</td>
                                    <td>{{$exam->title}} ({{$exam->subject->name}})</td>
                                    <td>{{$exam->level->name}}</td>
                                    <td>{{$exam->stream->name}}</td>
                                    <td class="text-center">
                                        @if($exam->status=='completed')
                                            <span class="badge badge-success">Completed</span>
                                        @elseif($exam->status=='draft')
                                            <span class="badge badge-warning">Drafted</span>
                                        @elseif($exam->status=='public' && $exam->start_date <= date('Y-m-d H:i') && $exam->end_date >= date('Y-m-d H:i'))
                                            <span class="badge badge-primary">Running</span>
                                        @elseif($exam->status=='public' && $exam->start_date > date('Y-m-d H:i'))
                                            <span class="badge badge-secondary">Upcoming</span>
                                            <span class="badge badge-light">Start at {{$exam->start_date}}</span>
                                        @elseif($exam->status=='public' && $exam->end_date < date('Y-m-d H:i'))
                                            @php
                                                $exam->status='completed';
                                                $exam->save();
                                            @endphp
                                            <span class="badge badge-success">Completed</span>
                                        @else
                                            <span class="badge badge-danger">N/A</span>
                                        @endif
                                    </td>
                                    <td class="text-center">
                                        @if($exam->status=='completed')
                                            <button disabled class="btn btn-outline-primary btn-sm"><i class="fa fa-lock"></i> Manage</button>
                                        @else
                                            <a href="{{url()->current().'/'.$exam->id.'/groups'}}" class="btn btn-outline-primary btn-sm">Manage</a>
                                        @endif
                                    </td>
                                    <td class="text-center">
                                        @if($exam->status=='completed')
                                            <a href="{{url()->current().'/'.$exam->id.'/edit'}}" class="btn btn-primary btn-sm"><i class="fa fa-edit"></i></a>
                                            {{--<form action="{{url()->current().'/'.$exam->id.'/changeSts'}}" method="post" style="display: inline">--}}
                                                {{--{{csrf_field()}}--}}
                                                {{--<button type="submit" class="btn btn-success btn-sm" title="Unlock" onclick="return confirm('Are you sure to restart this exam set?')"><i class="fa fa-unlock"></i></button>--}}
                                            {{--</form>--}}
                                        @else
                                            <a href="{{url()->current().'/'.$exam->id.'/edit'}}" class="btn btn-primary btn-sm"><i class="fa fa-edit"></i></a>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                            <tfoot>
                            <th colspan="7" class="text-center">
                                {{ $exams->withQueryString()->links() }}
                            </th>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
            <!-- END Full Table -->
        </div>
        <!-- END Page Content -->

    </main>
    <!-- END Main Container -->

@endsection