@section('content')
    <!--begin::Dashboard-->
        <!--begin::Row-->
        <div class="row mt-5">
            <div class="col-xl-3">&nbsp;</div>
            <div class="col-xl-2 p-0">
                <div class="card-custom card-stretch text-center" style="border-radius: 0px !important; cursor: pointer;" onclick="loadContent('laporanProject?type=new', this, event)">
                    <div class="card-header border-0" style="border-radius: 0px !important; background-color: #b06b03 !important;padding: 1rem 2.25rem !important;">
                        <i class="la la-handshake icon-3x" style="color: white"></i>
                    </div>
                    <div class="card-body text-white" style="background-color: orange !important; padding: 1.25rem;">
                        New <br> {{ $stat->stat_new ?? 0 }}
                    </div>                      
                </div>
            </div>
            <div class="col-xl-2 p-0">                
                <div class="card-custom card-stretch text-center" style="border-radius: 0px !important; cursor: pointer;" onclick="loadContent('laporanProject?type=op', this, event)">
                    <div class="card-header border-0" style="border-radius: 0px !important; background-color: #b06b03bd !important;padding: 1rem 2.25rem !important;">
                        <i class="la la-cogs icon-3x" style="color: white"></i>
                    </div>
                    <div class="card-body text-white" style="background-color: #f09103ad !important; padding: 1.25rem;">
                        On Progress <br> {{ $stat->stat_op ?? 0 }}
                    </div>                      
                </div>
            </div>
            <div class="col-xl-2 p-0">
                <div class="card-custom card-stretch text-center" style="border-radius: 0px !important; cursor: pointer;" onclick="loadContent('laporanProject?type=cancel', this, event)">
                    <div class="card-header border-0" style="border-radius: 0px !important; background-color: #b30808c4 !important;padding: 1rem 2.25rem !important;">
                        <i class="fas fa-list icon-3x" style="color: white"></i>
                    </div>
                    <div class="card-body text-white" style="background-color: #f64e609c !important; padding: 1.25rem;">
                        Cancel <br> {{ $stat->stat_cancel ?? 0 }}
                    </div>
                </div>
            </div>
            <div class="col-xl-3">&nbsp;</div>
        </div>
        <div class="row p-0">            
            <div class="col-xl-4 p-0">
                <!--begin::Mixed Widget 2-->
                <div class="card card-custom gutter-b card-stretch" style="border-radius: 0px !important;">
                    <!--begin::Header-->   
                    <div class="card-header border-0" style="background-color: #b06b03 !important;">
                        <div class="card-title">

                        </div>
                        <div class="card-toolbar">
                            <button class="btn btn-sm btn-icon btn-circle btn-icon-white btn-hover-icon-success"><i class="la la-tasks icon-3x"></i></button>
                        </div>
                    </div>                 
                    <!--end::Header-->
                    <!--begin::Body-->
                    <div class="card-body p-0" style="background-color: orange">
                        {{-- <div class="col-xl-12 p-5">
                            <div class="d-flex flex-row-reverse text-center text-white mr-5">
                                New <br> 15
                            </div>
                        </div> --}}
                        <div class="col-xl-12 justify-content-center p-5">
                            <div class="form-group row">
                                <label class="col-form-label col-xl-4 text-center">Client</label>
                                <div class="col-xl-6">               
                                    @if(Auth::user()->role_id==1 || Auth::user()->role_id==4 || Auth::user()->role_id==5)
                                        <input type="text" name="client_" id="client_" class="form-control form-control-sm" value="{{ (!empty($client))?$client->client_name:'' }}" readonly>
                                    @else
                                        <select name="client_" id="client_" class="form-control form-control-sm select2 znSelect2" onchange="getProject('project_', this.value)">
                                            <option value="">Pilih Client</option>
                                            @if(!empty($client))                                                
                                                @foreach ($client as $c)
                                                    <option value="{{ $c->id }}">{{ $c->client_name }}</option>
                                                @endforeach
                                            @endif
                                        </select>
                                    @endif
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-form-label col-xl-4 text-center">Project</label>
                                <div class="col-xl-6">
                                    @if(Auth::user()->role_id==1 || Auth::user()->role_id==4 || Auth::user()->role_id==5)
                                    <select name="project_" id="project_" class="form-control form-control-sm select2 znSelect2">
                                        @if (!empty($project_pm))
                                            @foreach ($project_pm as $item)
                                                <option value="{{ $item->id }}">{{ $item->project_name }}</option>
                                            @endforeach
                                        @endif
                                    </select>                                    
                                    @else
                                    <select name="project_" id="project_" class="form-control form-control-sm select2 znSelect2">
                                    </select>
                                    @endif
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-form-label col-xl-4 text-center">User</label>
                                <div class="col-xl-6">
                                    <input type="text" name="user_" id="user_" class="form-control form-control-sm" value="{{ Auth::user()->full_name }}" readonly>
                                    <input type="hidden" name="id_" id="id_" class="form-control form-control-sm" value="{{ Auth::user()->id }}" readonly>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-form-label col-xl-4 text-center">Request</label>
                                <div class="col-xl-6">
                                    <select name="request_" id="request_" class="form-control form-control-sm select2 znSelect2">
                                        @if (!empty($request))
                                            @foreach ($request as $r)
                                                <option value="{{ $r->id }}">{{ $r->definition }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-form-label col-xl-4 text-center">&nbsp;</label>
                                <div class="col-xl-6 text-right">
                                    <button type="button" class="btn btn-dark btn-hover-dark font-size-md" style="background: linear-gradient(180deg, rgba(0,0,0,1), rgba(0,0,0,1), rgba(255,255,255,0.8)" onclick="formLanjutkan()">Lanjutkan</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--end::Body-->
                </div>
                <!--end::Mixed Widget 2-->
            </div>
            <div class="col-xl-2 p-0"> 
                <div class="card-custom card-stretch text-center" style="border-radius: 0px !important; cursor: pointer;" onclick="loadContent('laporanProject?type=overdue', this, event)">
                    <div class="card-header border-0" style="border-radius: 0px !important; background-color: #418383a6  !important;padding: 1.2rem 2.25rem !important;">
                        <i class="la la-business-time icon-3x" style="color: white"></i>
                    </div>
                    <div class="card-body text-white" style="background-color: #26bcbcd6  !important; padding: 1.25rem;">
                        Overdue <br> {{ $stat->stat_overdue ?? 0 }}
                    </div>                      
                </div>               
            </div>
            <div class="col-xl-2 p-0">
                <div class="card-custom card-stretch text-center" style="border-radius: 0px !important; cursor: pointer;" onclick="loadContent('laporanProject?type=done', this, event)">
                    <div class="card-header border-0" style="border-radius: 0px !important; background-color: #418383 !important;padding: 1.2rem 2.25rem !important;">
                        <i class="la la-check-double icon-3x" style="color: white"></i>
                    </div>
                    <div class="card-body text-white" style="background-color: turquoise !important; padding: 1.25rem;">
                        Done <br> {{ $stat->stat_done ?? 0 }}
                    </div>
                </div>                
            </div>
            <div class="col-xl-4 p-0">
                <!--begin::List Widget 7-->
                <div class="card card-custom gutter-b card-stretch" style="border-radius: 0px !important;">
                    <!--begin::Header-->
                    <div class="card-header border-0" style="background-color: #418383 !important;">
                        <div class="card-toolbar">
                            <button class="btn btn-sm btn-icon btn-circle btn-icon-white btn-hover-icon-primary"><i class="la la-exclamation-triangle icon-3x"></i></button>
                        </div>
                    </div>
                    <!--end::Header-->
                    <!--begin::Body-->
                    <div class="card-body" style="background-color: turquoise;">
                        {{-- <div class="col-xl-12 p-5">
                            <div class="d-flex flex-row text-center text-white ml-1">
                                Overdue <br> 15
                            </div>
                        </div>     --}}
                        {{-- <div class="col-xl-12 text-center"> --}}
                            {{-- <i class="fas fa-list-ul" style="color: white; font-size: 20rem;"></i> --}}
                            <div class="text-center align-items-center justify-content-center bg-white mb-10 p-5 rounded">
                                <span class="font-weight-bold text-dark-75 font-size-h2 mb-1">Selamat Datang</span>
                                <div class="row col-lg-12 text-left mb-3 mt-3 p-0">
                                    <div class="col-lg-5"><span class="font-weight-bold text-dark-75 font-size-lg mb-1">Nama Pengguna</span></div>                                    
                                    <div class="col-lg-1"><span class="font-weight-bold text-dark-75 font-size-lg mb-1">:</span></div>                                    
                                    <div class="col-lg-6"><span class="font-weight-bold text-dark-75 font-size-lg mb-1">{{ $getUser->full_name ?? '-' }}</span></div>
                                </div>
                                <div class="row col-lg-12 text-left mb-3 mt-3 p-0">
                                    <div class="col-lg-5"><span class="font-weight-bold text-dark-75 font-size-lg mb-1">Divisi</span></div>      
                                    <div class="col-lg-1"><span class="font-weight-bold text-dark-75 font-size-lg mb-1">:</span></div>                              
                                    <div class="col-lg-6"><span class="font-weight-bold text-dark-75 font-size-lg mb-1">{{ $getUser->division ?? '-' }}</span></div>
                                </div>
                                <div class="row col-lg-12 text-left mb-3 mt-3 p-0">
                                    <div class="col-lg-5"><span class="font-weight-bold text-dark-75 font-size-lg mb-1">Role</span></div>                
                                    <div class="col-lg-1"><span class="font-weight-bold text-dark-75 font-size-lg mb-1">:</span></div>                    
                                    <div class="col-lg-6"><span class="font-weight-bold text-dark-75 font-size-lg mb-1">{{ $getUser->role ?? '-' }}</span></div>
                                </div>
                                <div class="row col-lg-12 text-left mb-3 mt-3 p-0">
                                    <div class="col-lg-5"><span class="font-weight-bold text-dark-75 font-size-lg mb-1">Institusi</span></div>         
                                    <div class="col-lg-1"><span class="font-weight-bold text-dark-75 font-size-lg mb-1">:</span></div>                           
                                    <div class="col-lg-6"><span class="font-weight-bold text-dark-75 font-size-lg mb-1">{{ $getUser->client_name ?? '-' }}</span></div>
                                </div>
                                <div class="row col-lg-12 text-left mb-5 mt-3 p-0">
                                    <div class="col-lg-5"><span class="font-weight-bold text-dark-75 font-size-lg mb-1">Waktu Server</span></div>         
                                    <div class="col-lg-1"><span class="font-weight-bold text-dark-75 font-size-lg mb-1">:</span></div>                           
                                    <div class="col-lg-6"><span class="font-weight-bold text-dark-75 font-size-lg mb-1" id="clock-wrapper"></span></div>
                                </div>                                                                   
                                {{-- @if(!empty($listoverdue))
                                    @foreach ($listoverdue as $ld)                                        
                                        <!--begin::Text-->
                                        <div class="d-flex flex-column flex-grow-1 mr-2">
                                            <span class="font-weight-bold text-dark-75 font-size-lg mb-1">{{ $ld->task_name }}</span>
                                            <span class="text-muted font-weight-bold">{{ $ld->task_code }}</span>
                                        </div>
                                        <!--end::Text-->
                                        <span class="label label-xl label-light label-inline my-lg-0 my-2 text-dark-50 font-weight-bolder">{{ $ld->days_left }}  days left</span>
                                    @endforeach
                                @endif --}}
                            </div>
                            <div class="col-lg-12 text-center">
                                <span class="font-weight-bold text-dark font-size-h2 mb-1 text-white">PT. BAYU SINERGI SOLUSI</span>
                            </div>
                        {{-- </div> --}}
                    </div>
                    <!--end::Body-->
                </div>
                <!--end::List Widget 7-->
            </div>
        </div>
        <!--end::Row-->        
    <!--end::Dashboard-->
{{-- @include('content.dashboard.semua_workload')
@include('content.dashboard.new_task') --}}
@include('content.dashboard.new_task_css')
@endsection
@section('script')
    @include('content.dashboard.action')
@endsection