@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="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('for-institution.institution.list') }}',
                "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