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

@section('content')
    @include('report.projects.breadcrumb')
    @include('report.projects.search')
    @include('report.projects.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('projects.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="project_name">Project Name</th>
                            <th data-field="client_">Client</th>
                            <th data-field="project_type_">Type</th>
                            <th data-field="start_date_">Start Date</th>
                            <th data-field="deadline_">Deadline</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