@extends('layouts.admin')

@section('content')
<div class="pieChartManagerAll" style="width: 100%">
    {{-- base on title --}}

    <div class="row" style="width: 100%">

        <div class="col-md-7" style="margin:auto">
            <div class="form-group ">
                {!! Form::open(['class'=>'form-inline','style'=>'justify-content:center;border:1px solid black;border-radius:5px','method' => 'POST', 'action'=> 'App\Http\Controllers\TimesheetsController@selectreport','files'=>true]) !!}



                <div class="form-group ">
                    <label>Start From</label>
                    <input type="text" class="form-control m-2" name="start_time"
                        id="finish_time" placeholder="select start date" autocomplete="off">
                 </div>

                 <div class="form-group ">
                    <label>To</label>
                    <input type="text" class="form-control m-2" name="end_time"
                        id="start_time"  placeholder="select end date" autocomplete="off">
                 </div>


                {!! Form::submit('submit', ['class'=>'btn btn-primary']) !!}


           {!! Form::close() !!}
           @if($check == 'selected')
           <a href="{{route('timesheet.reports')}}" style="text-align: left;font-size: 12px;color: grey;">back to current year report</a>
           @endif
            </div>





        </div>
        <div class="col-md-11">
            <div class="card shadow">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">reports base title</h6>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table id="table_id_report" class="table table-bordered dataTable" width="100%" cellspacing="0">
                            <thead>
                            <tr class="th_report">
                                <th title="users">Users</th>
                            @foreach($timesheetstitles as $tst)
                                @if($tst->is_active == 'no')
                                    <th title="{{$tst->title}}" id="deactivetitle">{{$tst->title}}</th>
                                @else
                                <th title="{{$tst->title}}">{{$tst->title}}</th>
                                @endif
                            @endforeach
                            </tr>
                            </thead>
                            <tbody>

                                @foreach($usersd as $user)
                                <tr>
                                    <td>
                                        <a href="{{url('/admin/user/timesheet/singlereports/'.$user->id.'/'.$monthStart.'/'.$monthEnd)}}">{{$user->name}}</a>
                                    </td>

                                    @foreach($alltsuser as $tt)
                                        @if($tt['user_name'] == $user->name)
                                            @foreach($tt as $key=>$val)

                                                    @if($key !== 'user_name')
                                                    <td class="{{$key}}">{{$val}}</td>
                                                    @endif

                                            @endforeach
                                        @endif
                                    @endforeach
                                </tr>
                            @endforeach
                            <tr class="totals no-sort">
                                <td>total</td>

                                @foreach($alltsuser as $tt)
                                    @if($tt['user_name'] == $user->name)
                                        @foreach($tt as $key=>$val)

                                                @if($key !== 'user_name')
                                                <td class="{{$key}}total"></td>

                                                @endif

                                        @endforeach
                                    @endif
                                @endforeach


                            </tr>





                            </tbody>
                        </table>
                    </div>

                </div>

            </div>
        </div>

        <div class="col-md-11" style="display: flex;align-items:center;">

                        <!-- Pie Chart -->

                            <div class="card shadow mb-4 pie-chart-manager" style="width: 100%;">
                                <!-- Card Header - Dropdown -->
                                <div
                                    class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                                    <h6 class="m-0 font-weight-bold text-primary">title chart</h6>
                                    <div class="dropdown no-arrow">
                                        <a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink"
                                            data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <i class="fas fa-ellipsis-v fa-sm fa-fw text-gray-400"></i>
                                        </a>
                                        <div class="dropdown-menu dropdown-menu-right shadow animated--fade-in"
                                            aria-labelledby="dropdownMenuLink">
                                            <div class="dropdown-header">Dropdown Header:</div>
                                            <a class="dropdown-item" href="#">Action</a>
                                            <a class="dropdown-item" href="#">Another action</a>
                                            <div class="dropdown-divider"></div>
                                            <a class="dropdown-item" href="#">Something else here</a>
                                        </div>
                                    </div>
                                </div>
                                <!-- Card Body -->
                                <div class="card-body " id="manager-circle">
                                    <div class="chart-pie pt-4 pb-2">
                                        <canvas id="myPieChart"></canvas>
                                    </div>
                                    <div class="mt-4 text-center small subtitlePiechart-sub">

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

    </div>
    {{-- base on title end --}}

    {{-- base on subtitle --}}
            <div class="row" style="width: 100%">
                <div class="col-md-11">
                    <div class="card shadow">
                        <div class="card-header py-3">
                            <h6 class="m-0 font-weight-bold text-primary">Reports Base SubTitle</h6>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table id="table_id_report_subtitle" class="table table-bordered dataTable">
                                    <thead>

                                    <tr class="th_report">
                                        <th title="users">Users</th>
                                        @foreach($timesheetcategories as $tsc)
                                            @if($tsc->is_active == 'no')
                                                <th title="{{$tsc->name}}" id="deactivetitle">{{$tsc->name}}</th>
                                                @else
                                                <th title="{{$tsc->name}}">{{$tsc->name}}</th>
                                            @endif
                                        @endforeach
                                    </tr>



                                    </thead>
                                    <tbody>
                                        @foreach($usersd as $user)
                                            <tr>
                                                <td>{{$user->name}}</td>

                                                @foreach($alltuserCategory as $tc)
                                                    @if($tc['user_name'] == $user->name)
                                                        @foreach($tc as $key=>$val)

                                                                @if($key !== 'user_name')
                                                                <td class="{{$key}}">{{$val}}</td>
                                                                @endif

                                                        @endforeach
                                                    @endif
                                                @endforeach
                                            </tr>
                                        @endforeach
                                        <tr class="totals">
                                            <td>Total</td>

                                            @foreach($alltuserCategory as $tc)
                                                @if($tc['user_name'] == $user->name)
                                                    @foreach($tc as $key=>$val)

                                                            @if($key !== 'user_name')
                                                            <td class="{{$key}}total" ></td>

                                                            @endif

                                                    @endforeach
                                                @endif
                                            @endforeach

                                        </tr>

                                    </tbody>
                                    </table>
                            </div>
                        </div>

                    </div>




                </div>

                <div class="col-md-11" style="display: flex;align-items:center">

                            <!-- Pie Chart -->

                                <div class="card shadow mb-4 pie-chart-manager-subtitle" style="width: 100%">
                                    <!-- Card Header - Dropdown -->
                                    <div
                                        class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                                        <h6 class="m-0 font-weight-bold text-primary">subtitle chart</h6>
                                        <div class="dropdown no-arrow">
                                            <a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink"
                                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                <i class="fas fa-ellipsis-v fa-sm fa-fw text-gray-400"></i>
                                            </a>
                                            <div class="dropdown-menu dropdown-menu-right shadow animated--fade-in"
                                                aria-labelledby="dropdownMenuLink">
                                                <div class="dropdown-header">Dropdown Header:</div>
                                                <a class="dropdown-item" href="#">Action</a>
                                                <a class="dropdown-item" href="#">Another action</a>
                                                <div class="dropdown-divider"></div>
                                                <a class="dropdown-item" href="#">Something else here</a>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Card Body -->
                                    <div class="card-body">
                                        <div class="chart-pie pt-4 pb-2">
                                            <canvas id="myPieChartsubtitle"></canvas>
                                        </div>
                                        <div class="mt-4 text-center small subtitlePiechart">

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

            </div>

    {{-- base on subtitle end --}}

</div>


<script src="{{asset('vendor/jquery/jquery.min.js')}}"></script>
<script src="{{asset('js/Chart.min.js')}}"></script>





 {{-- <script src="{{asset('vendor/jquery/jquery.min.js')}}"></script> --}}
<script>

</script>
<script src="{{asset('js/chart-pie-manager.js')}}"></script>

@stop