@extends('backend.superadmin.index')
@section('style')
    <link rel="stylesheet" href="{{url('public/theme')}}/assets/js/plugins/raty-js/jquery.raty.css">
@endsection
@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">Exam Manage</h1>
                </div>
            </div>
        </div>
        <!-- END Hero -->
        <!-- Page Content -->
        <div class="content">
            @include('layouts.message')

        <!-- Full Table -->
            <div class="block block-rounded">
                <div class="block-content">
                    <div class="row">
                        <div class="col-sm-12">
                            <label for=""><strong><i class="fa fa-search"></i> Filter Clients || </strong> <i>{{count($clients)}} Clients Found</i></label>
                            <form action="" method="get">
                                <div class="row">
                                    <div class="col-sm-5">
                                        <div class="form-group">
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">
                                                        <strong>Client Name</strong>
                                                    </span>
                                                </div>
                                                <input type="text" name="company_name" value="{{request('company_name')}}" class="form-control" 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>Nature</strong>
                                                    </span>
                                                </div>
                                                <select name="company_nature_id" class="form-control" id=""  onchange="javascript:this.form.submit();">
                                                    <option value="">--Choose Nature--</option>
                                                    @foreach($natures as $nature)
                                                    <option value="{{$nature->id}}" @if(request('company_nature_id')==$nature->id) selected @endif>{{$nature->name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-3">
                                        <div class="form-group">
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">
                                                        <strong>Status</strong>
                                                    </span>
                                                </div>
                                                <select name="status" class="form-control" id="status"  onchange="javascript:this.form.submit();">
                                                    <option value="">--Choose Status--</option>
                                                    <option value="Verified" @if(request('status')=='Verified') selected @endif>Verified</option>
                                                    <option value="Unverified" @if(request('status')=='Unverified') selected @endif>Un-Verified</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>

                    <table class="table table-sm table-striped table-vcenter">
                        <style>
                            nav ul.pagination{
                                float: right;
                            }
                        </style>
                        <thead>
                        <tr>
                            <th class="text-center"  style="width: 1%;"><small>SN</small></th>
                            <th class="text-center" style="width: 3%;">
                                <i class="far fa-user"></i>
                            </th>
                            <th class="text-center"><small>College Name</small></th>
                            <th class="text-center" colspan="4"><small>Actions</small></th>
                        </tr>
                        </thead>
                        <tbody>