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

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

        <!-- Hero -->
        <div class="bg-image" style="background-image: url('assets/media/various/bg_dashboard.jpg');">
            <div class="bg-white-90">
                <div class="content content-full">
                    <div class="row">
                        <div class="col-md-6 d-md-flex align-items-md-center">
                            <div class="py-4 py-md-0 text-center text-md-left invisible" data-toggle="appear">
                                <h1 class="font-size-h2 mb-2">{{$heading}}</h1>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END Hero -->

        <!-- Page Content -->
        <div class="content">
            <div class="row">
                @include('layouts.message')
            </div>
        </div>
        <div class="content">
            <!-- Quick Stats -->
            <!-- jQuery Sparkline (.js-sparkline class is initialized in Helpers.sparkline() -->
            <!-- For more info and examples you can check out http://omnipotent.net/jquery.sparkline/#s-about -->
            <div class="row">
                <div class="block block-rounded">
                    <div class="block-content">
                    <table class="table table-bordered table-sm table-striped table-vcenter">
                    <thead>
                        <tr>
                            <th>SN</th>
                            <th>Institute Name</th>
                            <th>Address</th>
                            <th>Authorized Person</th>
                            <th>Contact</th>
                            <th>Email/Website</th>
                            <th>Status</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($records as $key=>$record)
                            <tr>
                                <td>{{++$key}}</td>
                                <td>{{$record->institution}}</td>
                                <td>{{$record->address}}</td>
                                <td>{{$record->authorized_person}}</td>
                                <td>{{$record->tel_no}}<br>{{$record->mobile}} </td>
                                <td>{{$record->email_address}}<br>{{$record->website}}</td>
                                <td class="text-center">
                                    @if($record->status=='approved')
                                        <span class="badge badge-success"><i class="fa fa-check-circle"></i> Approved</span>
                                    @elseif($record->status=='pending')
                                        <span class="badge badge-warning"><i class="fa fa-info-circle"></i> Pending</span>
                                    @else
                                        <span class="badge badge-danger"><i class="fa fa-times-circle"></i> Rejected</span>
                                    @endif
                                </td>
                                <td class="text-center">
                                    <a href="{{url()->current().'/'.$record->id.'/edit'}}" class="btn btn-primary btn-sm"><i class="fa fa-edit"></i></a>
                                    @if($record->status=='approved')
                                        <button disabled class="btn btn-danger btn-sm" title="Approved Sponsorship can not be deleted !"><i class="fa fa-trash-alt"></i></button>
                                    @else
                                    <a href="{{url()->current().'/'.$record->id.'/delete'}}" class="btn btn-danger btn-sm" onclick="return confirm('Are you sure to delete this record?')"><i class="fa fa-trash-alt"></i></a>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
                    </div>
                </div>
            </div>
            <!-- END Quick Stats -->

        </div>
        <!-- END Page Content -->

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


@endsection