@extends('layouts.admin.admin')

@section('page-specific-styles')
    <link rel="stylesheet" href="{{ asset('css/jquery.dataTables.min.css') }}">
    <link rel="stylesheet" href="{{ asset('css/TableTools.min.css') }}"/>
    <link rel="stylesheet" href="{{ asset('css/lightbox.css') }}"/>
@endsection

@section('title', 'Institution')

@section('content')
<div class="row">
    <div class="col-12">
        <div class="page-title-box d-flex align-items-center justify-content-between">
            <h5 class="mb-0 font-size-18">Institution List</h5>

            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="javascript: void(0);">Home</a></li>
                    <li class="breadcrumb-item active">Institution</li>
                </ol>
            </div>

        </div>
    </div>
</div>
    <div class="row">
        <div class="col-md-12 text-right">
            <a class="btn btn-success ink-reaction btn-sm" href="{{ route('institution.create') }}">
                <i class="mdi mdi-plus"></i>
                Add
            </a>
        </div>
    </div>
    <div class="card mt-2 p-4">
        <div class="table-responsive">

            <table id="datatable" class="table table-bordered">
                <thead>
                <tr>
                    <th>ID</th>
                    <th>Institution Name</th>
                    <th>Subdomain</th>
                    <th>Payment By</th>
                    <th>Guest Invitation Letter</th>
                    <th>Is Attend</th>
                    <th>Phonetical Spelt</th>
                    <th>Contact Number</th>
                    <th>Logo</th>
                    <th>Status</th>
                    <th>Actions</th>
                </tr>
                </thead>
                <tbody></tbody>
            </table>
        </div>
    </div>
@endsection


@section('page-specific-scripts')
    
    <script>
        $(document).ready( function () {
            $('#datatable').DataTable({
                "processing": true,
                "serverSide": true,
                "ajax": '{{ route('institution.data') }}',
                // dom: 'Bfrtip',
                // buttons: [
                //     {
                //         extend: 'excel',
                //         text: 'Export Search Results',
                //         className: 'btn btn-default',
                //         exportOptions: {
                //             columns: 'th:not(:last-child)'
                //         }
                //     }
                // ],
                "columns": [
                    { "data": "id",  'visible': false },
                    { "data": "name" },
                    { "data": "subdomain" },
                    { "data": "payment_by" },
                    { "data": "is_guest_invitation_letter" },
                    { "data": "is_attend" },
                    { "data": "is_phonetical_spelt" },
                    { "data": "contact_number" },
                    { "data": "logo", orderable: false, searchable: false },
                    { "data": "status" },
                    { "data": "actions", orderable: false, searchable: false },
                ],
                order: [ [0, 'desc'] ]
            });
        } );
    </script>
@endsection