@extends('layouts.main')

@section('title')
    Feedback: 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="feedbackTable" class="table table-sm table-hover nowrap" width="100%">
                    <thead>
                        <tr>
                            <th>Branch</th>
                            <th>Product</th>
                            <th>Full Name</th>
                            <th>Contact</th>
                            <th>Email</th>
                            <th>Account Number</th>
                            <th>is Scanned</th>
                            <th>is Shortlisted</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                    <tfoot>
                        <tr>
                            <th>Branch</th>
                            <th>Product</th>
                            <th>Full Name</th>
                            <th>Contact</th>
                            <th>Email</th>
                            <th>Account Number</th>
                            <th>is Scanned</th>
                            <th>is Shortlisted</th>
                            <th>Actions</th>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div><!-- /.container-fluid -->
    </section>
@endsection

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