@extends('layout')
@section('css')
        <!-- css code here -->
@endsection

@section('content')
    @include('report.task.breadcrumb')
    @include('report.task.search')
    @include('report.task.graph')
    <div class="container-fluid">
        <div class="row starter-main">
            <div class="col-sm-12"> 
                <div class="card">  
                    <div class="card-header pb-0">
                    </div>
                    <div class="card-body">
                    <table class="table" id="list_tables" data-size="xl" data-search="false"   data-tagettype="no-action" data-row="id" data-toolbar="#toolbar"
                    data-toggle="table" data-url="{{route('task.lists')}}?{{$search}}"  data-side-pagination="server" data-pagination="true" data-page-list="[5, 10, 20, 50, 100, 200,500,1000]"  >
                    <thead  class="alert alert-light solid alert-square solid bordered">
                        <tr>
                            <th data-field="id">Task #</th>
                            <th data-field="task_name">Task Name</th>
                            <th data-field="project_">Project</th>
                            <th data-field="client_">Client</th>
                            <th data-field="priority_">Priority</th>
                            <th data-field="deadline_">Due Date</th>
                            <th data-field="assign_">Assigned To</th>
                           <th data-field="status_">Status</th>
                        </tr>
                    </thead>
                </table>
                    </div>
                </div> 
            </div> 
        </div> 
    </div>
@endsection

@section('script')
<script src="{{url('assets/js/chart/apex-chart/apex-chart.js')}}"></script>
<script src="{{ url('js/report.js') }}"></script>
@endsection