@extends('layouts.admissions')

@section('content')

    <div class="page-header">
        <div class="pull-left">
            <h1>All Classes</h1>
        </div>
        
    </div>

    <div class="row">
        <div class="col-sm-12">
            <div class="box">

                <div class="box-content">

                    @if (count($errors) > 0)
                        <div class="alert alert-danger">
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif

                    <form method="POST" action="classes">

                        <div class="row">
                            <input type="hidden" name="_token" value="{{ csrf_token() }}">
                            <div class="col-sm-6">
                                <label>
                                    Name of the class
                                </label>
                                <div class="form-group">
                                    <input type="text" name="classname" class="form-control"
                                        value="{{ old('classname') }}" placeholder="Enter The name of the class">

                                </div>

                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-4">
                                <input type="submit" name="" class="btn btn-primary">

                            </div>

                        </div>




                    </form>
                    <div class="row">




                    </div>

                    <div class="row">
                        <div class="col-sm-12">
                            <div class="box box-bordered">
                                <div class="box-title">
                                    <h3>
                                        <i class="fa fa-table"></i>
                                        All Classes
                                    </h3>
                                </div>
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="card">
                                
                                
                                            <div class="card-body">
                                                <table id="scroll-horizontal" class="table nowrap align-middle" style="width:100%">
                                                    <thead>
                                                        <tr>
                                                            <th>Class Name</th>
                                                            <th>Date Created</th>
                                                            <th class='hidden-350'>Last Updated</th>
                                
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @foreach ($classes as $c)
                                                            <tr>
                                                                <td>{{ $c->class_name }}</td>
                                                                <td>
                                                                    {{ $c->created_at }}
                                                                </td>
                                                                <td class='hidden-350'>{{ $c->updated_at }}</td>


                                                            </tr>
                                                        @endforeach()
                                
                                                    </tbody>
                                                </table>
                                
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    </div>
    </div>

@stop