@extends('backend.superadmin.index')
@section('body')

    <!-- Main Container -->
    <main id="main-container">

        <!-- Hero -->
        <div class="bg-image">
            <div class="bg-white-90">
                <div class="content">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="text-center invisible" data-toggle="appear">
                                <h1 class="font-size-h2 mb-2">Online Exam Management</h1>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <h5 class="bg-primary-dark p-2 text-center text-white">{{$heading}}</h5>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END Hero -->

        <!-- Page Content -->
        <div class="content">
            <div class="row">
                @include('layouts.message')
                <div class="col-sm-12">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="block block-rounded">
                                <div class="block-header block-header-default">
                                    <h3 class="block-title font-weight-bold">
                                        <i class="fa fa-clock"></i> {{$heading}}
                                        <a href="javascript:void(0)" class="btn btn-primary pull-right ml-1" data-toggle="modal" data-target="#addSemester"><i class="fa fa-plus-circle"></i> Add New Semester</a>
                                        <a href="{{$backLink}}" class="btn btn-danger ml-1 pull-right"><i class="fa fa-backward"></i>
                                            Back
                                        </a>
                                    </h3>
                                </div>
                                <div class="block-content">
                                    <div class="row items-push">
                                        <div class="col-sm-12 mb-2">
                                            <div class="block block-rounded">
                                                <div class="block-header block-header-default">
                                                    <h3 class="block-title font-weight-bold">
                                                        <i class="fa fa-tags"></i> Semesters
                                                    </h3>
                                                </div>
                                                <div class="block-content border">
                                                    <div class="row items-push">
                                                        <div class="col-sm-12">
                                                            <table class="table table-sm table-striped table-vcenter">
                                                                <thead>
                                                                <tr>
                                                                    <th class="text-center">SN</th>
                                                                    <th>Name</th>
                                                                    <th class="text-center">Subject</th>
                                                                    <th class="text-center">Terms</th>
                                                                    <th class="text-center">Action</th>
                                                                </tr>
                                                                </thead>
                                                                <tbody>
                                                                @foreach($semesters as $key=>$semester)
                                                                    <tr>
                                                                        <td class="text-center">{{++$key}}</td>
                                                                        <td>{{$semester->name}}</td>
                                                                        <td class="text-center">
                                                                            <span class="badge badge-light">{{count($semester->subjects)}} found !</span>
                                                                            <a href="{{url()->current().'/'.$semester->slug.'/subjects'}}" class="btn btn-outline-primary btn-sm">Manage</a>
                                                                        </td>
                                                                        <td class="text-center">
                                                                            <span class="badge badge-light">{{count($semester->terms)}} found !</span>
                                                                            <a href="{{url()->current().'/'.$semester->slug.'/terms'}}" class="btn btn-outline-primary btn-sm">Manage</a>
                                                                        </td>
                                                                        <td class="text-center">
                                                                            <a href="{{url()->current().'/'.$semester->slug.'/edit'}}" class="btn btn-primary btn-sm"><i class="fa fa-edit"></i></a>
                                                                            <a href="{{url()->current().'/'.$semester->slug.'/delete'}}" onclick="return confirm('Are you sure to delete this exam?')" class="btn btn-danger btn-sm" title="Move to Trash"><i class="fa fa-trash"></i></a>
                                                                        </td>
                                                                    </tr>
                                                                @endforeach
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END Page Content -->

    </main>
    <!-- END Main Container -->
    <div class="modal fade" id="addSemester" tabindex="-1" role="dialog" aria-labelledby="modal-block-popin" aria-hidden="true">
        <div class="modal-dialog modal-dialog-popin" role="document">
            <div class="modal-content">
                <form action="" method="post">
                    {{csrf_field()}}
                    <div class="block block-themed block-transparent mb-0">
                        <div class="block-header bg-primary-dark">
                            <h3 class="block-title">Add Semester</h3>
                            <div class="block-options">
                                <button type="button" class="btn-block-option" data-dismiss="modal" aria-label="Close">
                                    <i class="fa fa-fw fa-times"></i>
                                </button>
                            </div>
                        </div>
                        <div class="block-content">
                            <div class="row">
                                <div class="col-sm-12">
                                    <div class="form-group">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">
                                                    <strong>New Semester Name<span class="text-danger">*</span></strong>
                                                </span>
                                            </div>
                                            <input type="text" name="name" value="{{old('name')}}" class="form-control"  placeholder="1st Year/1st Semester" required>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="block-content block-content-full text-right bg-light">
                            <button type="button" class="btn btn-sm btn-light" data-dismiss="modal">Close</button>
                            <button type="submit" class="btn btn-sm btn-primary">Add</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>


@endsection