@extends('layouts.app')

@section('title', 'Dashboard')

@section('style')
<link rel="stylesheet" href="{{ asset('admin/plugins/datatables-bs4/css/dataTables.bootstrap4.css') }}">
@endsection

@section('content')
<!-- Content Header (Page header) -->
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1 class="m-0 text-dark">Dashboard</h1>
            </div><!-- /.col -->
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="#">Home</a></li>
                    <li class="breadcrumb-item active">Dashboard</li>
                </ol>
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div>
</div>

<div class="content">
    <div class="container-fluid">
        <div class="row">
        {{--  
            <div class="col-12 col-sm-6 col-md-6">
                <div class="info-box">
                    <span class="info-box-icon bg-info elevation-1"><i class="fab fa-bitcoin"></i></span>

                    <div class="info-box-content">
                        <span class="info-box-text">จำนวนงานเข้ารวมทั้งหมด มูลค่า</span>
                        <span class="info-box-number">
                            {{ \number_format($total_amount) }}
                            <small>บาท</small>
                        </span>
                    </div>
                    <!-- /.info-box-content -->
                </div>
                <!-- /.info-box -->
            </div>
            <!-- /.col -->
         --}}
            <div class="col-12 col-sm-6 col-md-6">
                <div class="info-box mb-3">
                    <span class="info-box-icon bg-danger elevation-1"><i class="fab fa-bitcoin"></i></span>

                    <div class="info-box-content">
                        <span class="info-box-text">จำนวนงานที่ค้างอยู่ในระบบ มูลค่า</span>
                        <span class="info-box-number">
                            {{ \number_format($remain_amount) }}
                            <small>บาท</small>
                        </span>
                    </div>
                    <!-- /.info-box-content -->
                </div>
                <!-- /.info-box -->
            </div>
            <!-- /.col -->
        </div>
        <div class="row">
            <div class="col-lg-6">
                <div class="card">
                    <div class="card-header border-transparent">
                        <h3 class="card-title"><i class="nav-icon fa fa-bullhorn"></i> ประกาศจากผู้บริหาร</h3>

                        <div class="card-tools">
                            <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                <i class="fas fa-minus"></i>
                            </button>
                            <button type="button" class="btn btn-tool" data-card-widget="remove">
                                <i class="fas fa-times"></i>
                            </button>
                        </div>
                    </div>
                    <div class="card-body" style="display: block;">
                        <div class="table-responsive">
                            <table id="dataTable" class="table nowrap">
                                <thead>
                                    <tr>
                                        <th>เรื่องประกาศ</th>
                                        <th>ประกาศ ณ วันที่</th>
                                    </tr>
                                </thead>
                                <tbody></tbody>
                            </table>
                        </div>
                    </div>
                    @if(auth()->user()->hasRole('Administrator'))
                    <div class="card-footer clearfix" style="display: block;">
                        <a href="{{ route('posts') }}" class="btn btn-sm btn-info float-left">New Post</a>
                    </div>
                    @endif
                </div>
            </div>
            @if(auth()->user()->hasRole('Administrator') || auth()->user()->hasRole('Marketing') || auth()->user()->hasRole('Valuer'))
            <div class="col-lg-6">
                <div class="card">
                    <div class="card-header border-transparent">
                        <h3 class="card-title"><i class="nav-icon fa fa-bell"></i> งานที่ต้องส่งวันนี้</h3>

                        <div class="card-tools">
                            <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                <i class="fas fa-minus"></i>
                            </button>
                            <button type="button" class="btn btn-tool" data-card-widget="remove">
                                <i class="fas fa-times"></i>
                            </button>
                        </div>
                    </div>
                    <div class="card-body" style="display: block;">
                        <div class="table-responsive">
                            <table id="alertJobsTable" class="table nowrap">
                                <thead>
                                    <tr>
                                        <th>เลขที่งาน</th>
                                        <th>ผู้รับงาน</th>
                                    </tr>
                                </thead>
                                <tbody></tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            @endif
        </div>
        @if(auth()->user()->hasRole('Administrator') || auth()->user()->hasRole('Marketing') || auth()->user()->hasRole('Valuer'))
        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-header border-transparent">
                        <h3 class="card-title"><i class="nav-icon fa fa-calendar"></i> งานที่ค้างอยู่ แล้วอีก 3
                            วันจะถึงกำหนดส่ง</h3>

                        <div class="card-tools">
                            <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                <i class="fas fa-minus"></i>
                            </button>
                            <button type="button" class="btn btn-tool" data-card-widget="remove">
                                <i class="fas fa-times"></i>
                            </button>
                        </div>
                    </div>
                    <div class="card-body" style="display: block;">
                        <div class="table-responsive">
                            <table id="endDatedataTable" class="table nowrap">
                                <thead>
                                    <tr>
                                        <th>เลขที่งาน</th>
                                        <th scope="col"><i class="far fa-calendar-alt"></i> กำหนดส่งวันที่</th>
                                        <th>ผู้รับงาน</th>
                                    </tr>
                                </thead>
                                <tbody></tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @endif

        @if(auth()->user()->can('Worker Status'))
        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-header border-transparent">
                        <h3 class="card-title"><i class="nav-icon far fa-chart-bar"></i> Worker Status</h3>

                        <div class="card-tools">
                            <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                <i class="fas fa-minus"></i>
                            </button>
                            <button type="button" class="btn btn-tool" data-card-widget="remove">
                                <i class="fas fa-times"></i>
                            </button>
                        </div>
                    </div>
                    <div class="card-body" style="display: block;">
                        <div class="table-responsive">
                            <table id="workStatusDataTable" class="table nowrap">
                                <thead>
                                    <tr>
                                        <th scope="col">ลำดับ</th>
                                        <th scope="col">รายชื่อพนักงาน</th>
                                        <th scope="col">จำนวนงานที่ส่งแล้ว ({{ date('M') }}.)</th>
                                        <th scope="col">จำนวนงานที่ค้าง (All)</th>
                                    </tr>
                                </thead>
                                <tbody></tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @endif
    </div>
</div>
@endsection

@section('script')
<script src="{{ asset('admin/plugins/datatables/jquery.dataTables.js') }}"></script>
<script src="{{ asset('admin/plugins/datatables-bs4/js/dataTables.bootstrap4.js') }}"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/numeral.js/2.0.6/numeral.min.js"></script>
<script src="{{ asset('js/apps/home.js?v=2.5') }}"></script>
@stop