@extends('layouts.main')

@section('title')
    Whistleblower: Index
@endsection

@section('styles')
    <style>
        .success td,
        table.dataTable tbody .success>.dtfc-fixed-right {
            background-color: #0080005e;
        }

        .primary td,
        table.dataTable tbody .primary>.dtfc-fixed-right {
            background-color: #0022805e;
        }

        .danger td,
        table.dataTable tbody .danger>.dtfc-fixed-right {
            background-color: #ff000040;
        }
    </style>
@endsection

@section('content')
    <section class="content">
        <div class="container-fluid">
            <div class="row m-2">
                <table id="whistleblowerTable" class="table table-sm table-hover nowrap" width="100%">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Is Anonymous</th>
                            <th>Full Name</th>
                            <th>Email</th>
                            <th>Mobile</th>
                            <th>Subject</th>
                            <th>Lodged To</th>
                            <th>Submitted At</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                    <tfoot>
                        <tr>
                            <th>#</th>
                            <th>Is Anonymous</th>
                            <th>Full Name</th>
                            <th>Email</th>
                            <th>Mobile</th>
                            <th>Subject</th>
                            <th>Lodged To</th>
                            <th>Submitted At</th>
                            <th>Actions</th>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div><!-- /.container-fluid -->
    </section>
@endsection

@section('scripts')
    @include('whistleblower.partials.scripts')
@endsection