@extends('layouts.master')
@section('title')
        Workflow Manage
@endsection

@section('style')
    <style></style>
@endsection

@section('script')
    <script></script>
@endsection

@section('content')
    @include('layouts.header')
    {{-- @include('layouts.title') --}}


  


    <section class="wrapper bg-light">
        <div class="container py-15 py-md-17">
            {{-- <div class="row text-center mb-10">
                <div class="col-md-10 col-lg-9 col-xxl-8 mx-auto">
                    <h3 class="display-3 px-xl-10 mb-0"> CCCCCCC</h3>
                </div>

            </div> --}}
            <div class="col-md-12">
                <h5 class="display-1 mb-3" style="font-size: 30px">@yield('title')</h5>
                <p class="lead fs-lg pe-lg-15 pe-xxl-12"></p>
            </div>


            <div class="col-md-12">
                {{-- <h5 class="display-1 mb-3" style="font-size: 30px">@yield('title')</h5> --}}
                <p class="lead fs-lg pe-lg-15 pe-xxl-12"></p>
            </div>


            <div class="col-lg-12">
                <div class="blog single">
                    <div class="card">
                        <!-- <figure class="card-img-top"><img src="{{ asset('/sandbox/img/photos/b1.jpg') }}" /></figure> -->
                        <div class="card-body">

                            <div class="row">



                            </div>


                            <div align="right">
                                {{-- @if(Auth::user()->hasRole('Admin_IT') || Auth::user()->hasRole('Admin_SA')) --}}
    
                                    <a href="{{ url('/workflow_list') }}" class="btn btn-lg btn-primary rounded-pill p-1 px-3">
                                        <i class="uil uil-plus"></i> Set Workflow
                                    </a>

                                {{-- @else    
                                @endif     --}}

                        	</div> 

                            <br>

                            <table id="example" width="100%" class="table table-striped table-condensed">
                                <thead>
                                    <tr>
                                        <th style="text-align: left">No.</th>
                                        <th style="text-align: left">Status</th>
                                        <th style="text-align: center">Number of Documents</th>
                                        <th style="text-align: center">Manage</th>

                                    </tr>
                                </thead>
                              
                                <tbody>
                                    <tr>
                                        <th style="text-align: left;padding:15px 8px;">1</th>
                                        <th style="text-align: left;padding:15px 8px;">
                                            <span class="badge bg-pale-purple" style="color: purple; min-width: 100px; display: inline-block;font-size: 18px;">
                                                <b>Waiting</b>
                                            </span>  
                                        </th>

                                        



                                        <th style="text-align: center;padding:15px 8px;">
                                           <span class="badge bg-pale-purple" style="color: purple; min-width: 100px; display: inline-block;font-size: 18px;">
                                                <span>{{ $count_waiting }}</span>
                                            </span> 
                                        </th>
                                        <th>     
                                            <a href="{{ url('/workflow_waiting') }}" data-bs-toggle="tooltip"
                                                data-bs-placement="top" title="View"
                                                class="btn btn-circle btn-green rounded-pill p-1 px-3">
                                                <i class="uil uil-eye fs-20 p-0"></i>
                                            </a>   
                               
                                        </th>

                                    </tr>

                                    <tr>
                                        <th style="text-align: left;padding:15px 8px;">2</th>
                                        <th style="text-align: left;padding:15px 8px;">
                                            <span class="badge bg-pale-orange" style="color: #FA9A28; min-width: 100px; display: inline-block;font-size: 18px;">
                                                <b>Pending</b>
                                            </span>  
                                        </th>
                                        
                                        <th style="text-align: center;padding:15px 8px;">
                                          <span class="badge bg-pale-orange" style="color: #FA9A28; min-width: 100px; display: inline-block;font-size: 18px;">
                                                <span>{{ $count_pending }}</span>
                                            </span>                                  
                                        </th>
                                        <th>     
                                            <a href="{{ url('/workflow_pending') }}" data-bs-toggle="tooltip"
                                                data-bs-placement="top" title="View"
                                                class="btn btn-circle btn-green rounded-pill p-1 px-3">
                                                <i class="uil uil-eye fs-20 p-0"></i>
                                            </a>   
                                          
                                        </th>

                                    </tr>

                                    <tr>
                                        <th style="text-align: left;padding:15px 8px;">3</th>
                                        <th style="text-align: left;padding:15px 8px;">
                                            
                                            <span class="badge bg-pale-green" style="color: green; min-width: 100px; display: inline-block;font-size: 18px;">
                                                <b>Approved</b>
                                            </span>  
                                        </th>
                                      
                                        <th style="text-align: center;padding:15px 8px;">
                                         <span class="badge bg-pale-green" style="color: green; min-width: 100px; display: inline-block;font-size: 18px;">
                                                <span>{{ $count_approved }}</span>
                                            </span>                                  
                                        </th>
                                        <th>
                                            <a href="{{ url('/workflow_approved') }}" data-bs-toggle="tooltip"
                                                data-bs-placement="top" title="View"
                                                class="btn btn-circle btn-green rounded-pill p-1 px-3">
                                                <i class="uil uil-eye fs-20 p-0"></i>
                                            </a>   
                                            
                                           
                                        </th>

                                    </tr>
                                   
                                    <tr>
                                        <th style="text-align: left;padding:15px 8px;">4</th>
                                        <th style="text-align: left;padding:15px 8px;">
                                            <span class="badge bg-pale-orange" style="color: red; min-width: 100px; display: inline-block;font-size: 18px;">
                                                <b>Rejected</b>
                                            </span>  
                                        </th>
                                       
                                        <th style="text-align: center;padding:15px 8px;">
                                            <span class="badge bg-pale-red" style="color: red; min-width: 100px; display: inline-block;font-size: 18px;">
                                                <span>{{ $count_rejected }}</span>
                                            </span>                                        
                                        </th>
                                        <th>
                                             <a href="{{ url('/workflow_rejected') }}" data-bs-toggle="tooltip"
                                                data-bs-placement="top" title="View"
                                                class="btn btn-circle btn-green rounded-pill p-1 px-3">
                                                <i class="uil uil-eye fs-20 p-0"></i>
                                            </a>   
                                   
                                        </th>

                                    </tr>
                                </tbody>
                            </table>

                        </div>
                    </div>
                </div>
            </div>
        </div>

    </section>

    @include('layouts.footer')
@endsection