@extends('layouts.app')
@section('content')
    <link rel="stylesheet" href="https://cdn.datatables.net/1.13.1/css/dataTables.bootstrap.min.css">
    <link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.3.0/css/responsive.bootstrap.min.css">
    <link rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css">
    <div >
        <div class="col-sm-12">
            <i class="icon fa fa-star blue"></i><span> = Document has not been reviewed.<br /></span>
            <i class='icon fa fa-upload status blue'></i><span> = Uploaded by Client<br /></span>
            <i class='icon fa fa-download status lightblue'></i><span> = Downloaded by Editor<br /></span>
            <i class='icon fa fa-cloud-upload status orange'></i><span> = Uploaded by Editor<br /></span>
            <i class='icon fa fa-cloud-download status lightorange'></i><span> = Downloaded by Client<br /></span>
            <i class='icon fa fa-ban status lightorange'></i><span> = Rejected by Editor</span>
        </div>
        <div>
            <!-- TO DO: too few rows will throw filters at the bottom of table-->
            <!-- add status legend and make icons bigger-->


            <div class="row margin-top-10" style="width: 100%">
                <div class="col-md-10 push-top table-responsive" style="overflow: visible;">
                    {!! $dataTable->table([
                        'id' => 'docsTable',
                        'class' => 'table table-striped dt-responsive table-hover',
                        'style' => 'width: 100%;'
                        ]) !!}
                    {{-- <table class="table table-striped table-hover dataTables_ajax dt-responsive"
                        id="documents">
                        <thead>
                            <tr>
                                <th>
                                    <span class="nowrap">Status</span>
                                </th>
                                <th>
                                    File Name
                                </th>
                                @if (!$currentUser->hasRole('Admin'))
                                    <th>Title</th>
                                @endif
                                @if ($currentUser->hasRole('Admin') || $currentUser->hasRole('Member') || $currentUser->hasRole('Employee'))
                                    <th>
                                        Editor
                                    </th>
                                @endif
                                @if ($currentUser->hasRole('Admin') || $currentUser->hasRole('Editor'))
                                    <th>
                                        Client
                                    </th>
                                @endif
                                @if ($currentUser->hasRole('Company'))
                                    <th>
                                        Employee
                                    </th>
                                @endif
                                <th>
                                    Submitted Date
                                </th>
                                <th>
                                    Due Date
                                </th>
                                @if ($currentUser->hasRole('Editor'))
                                    <th>
                                        Earnings
                                    </th>
                                @endif
                                @if ($currentUser->hasRole('Admin'))
                                    <th>
                                        Price
                                    </th>
                                @endif
                                @if ($currentUser->hasRole('Company'))
                                    <th>
                                        Credit Used
                                    </th>
                                @endif
                                @if ($currentUser->hasRole('Editor'))
                                    <th>
                                        Comments
                                    </th>
                                @endif

                                <th class="no_sort">
                                    Options
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table> --}}