@extends('main')
@section('css')

@endsection
@section('content')
    <div id="main-content">
        <div class="container-fluid">
            <div class="block-header">
                <div class="row">
                    <div class="col-lg-6 col-md-8 col-sm-12">
                        <h2><a href="javascript:void(0);" class="btn btn-xs btn-link btn-toggle-fullwidth"><i class="fa fa-arrow-left"></i></a> Dashboard</h2>
                        <ul class="breadcrumb">
                            <li class="breadcrumb-item"><a href="index.html"><i class="icon-home"></i></a></li>
                            <li class="breadcrumb-item active">Dashboard</li>
                        </ul>
                    </div>
                </div>
            </div>
{{--            <div class="row">--}}
{{--            @foreach( $department as $dpt)--}}
{{--            <div class="col-lg-3 col-md-12">--}}
{{--                <div class="card overflowhidden">--}}
{{--                    <div class="body top_counter bg-info">--}}
{{--                        <div class="text" style="color:white;text-align: center;font-size: 14px;">{{$dpt->departmentName}}</div>--}}
{{--                    </div>--}}
{{--                    <div class="body">--}}
{{--                        <div class="list-group list-widget">--}}
{{--                            <a href="javascript:void(0);" class="list-group-item">--}}




            <div class="row clearfix">
{{--                @foreach( $department as $dpt)--}}
{{--                <div class="col-lg-2 col-md-6">--}}
{{--                    <div class="card top_counter">--}}
{{--                        <div align="center" style="font-size: 14px; margin-top: 10px;color: #1FB0E5;"><b>{{$dpt->departmentName }}</b></div>--}}
{{--                        <div class="body">--}}
{{--                            <div class="icon"><i class="fa fa-users"></i> </div>--}}
{{--                            <div class="content">--}}
{{--                                <div class="text">Total Employee</div>--}}
{{--                                @foreach($totalemp as $tm)--}}
{{--                                    @if($tm->dptid == $dpt->id)--}}
{{--                                <span class="badge badge-success">@if(empty($tm->totalemp)){{0}}@else{{$tm->totalemp}}@endif</span>--}}
{{--                                        @endif--}}
{{--                                @endforeach--}}
{{--                                <i class="fa fa-users text-muted"></i><span style="font-size: 13px;">Total Employee</span></a>--}}
{{--                            <a href="javascript:void(0);" class="list-group-item">--}}
{{--                                @foreach($todaypresent as $tp)--}}

{{--                                    @if($tp->dptid == $dpt->id)--}}
{{--                                        <span class="badge badge-info">@if(empty($tp->totalprst)){{"0"}}@else{{$tp->totalprst}}@endif</span>--}}
{{--                                    @endif--}}
{{--                                @endforeach--}}
{{--                                <i class="fa fa-user text-muted"></i><span style="font-size: 13px;">Total Present</span></a>--}}
{{--                            <a href="javascript:void(0);" class="list-group-item">--}}
{{--                                @foreach($totalabsent as $ta)--}}

{{--                                    @if($ta->dptid == $dpt->id)--}}
{{--                                        <span class="badge badge-warning">@if(empty($ta->totalabsent)){{"0"}}@else{{$ta->totalabsent}}@endif</span>--}}
{{--                                    @endif--}}
{{--                                @endforeach--}}
{{--                                <i class="fa fa-bed text-muted"></i><span style="font-size: 13px;">Total Absent</span></a>--}}
{{--                            <a href="javascript:void(0);" class="list-group-item">--}}
{{--                                @foreach($totalleave as $tl)--}}

{{--                                    @if($tl->dptid == $dpt->id)--}}
{{--                                        <span class="badge badge-danger">@if(empty($tl->totalleave)){{"0"}}@else{{$tl->totalleave}}@endif</span>--}}
{{--                                    @endif--}}
{{--                                @endforeach--}}
{{--                                <i class="fa fa-hospital-o text-muted"></i><span style="font-size: 13px;">Total Leave</span></a>--}}
{{--                            <a href="javascript:void(0);" class="list-group-item">--}}
{{--                                @foreach($todaypresent as $tp)--}}

{{--                                    @if($tm->dptid == $dpt->id)--}}
{{--                                        <span class="badge badge-info">@if(empty($tp->totalprst)){{"0"}}@else{{$tp->totalprst * 8}}@endif</span>--}}
{{--                                    @endif--}}
{{--                                @endforeach--}}
{{--                                <i class="fa fa-laptop text-muted"></i><span style="font-size: 13px;">Total Working Hour</span></a>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--            @endforeach--}}
{{--            </div>--}}

            <div class="row clearfix">
{{--                @foreach( $department as $dpt)--}}
{{--                <div class="col-lg-2 col-md-6">--}}
{{--                    <div class="card top_counter">--}}
{{--                        <div align="center" style="font-size: 14px; margin-top: 10px;color: #1FB0E5;"><b>{{$dpt->departmentName }}</b></div>--}}
{{--                        <div class="body">--}}
{{--                            <div class="icon"><i class="fa fa-users"></i> </div>--}}
{{--                            <div class="content">--}}
{{--                                <div class="text">Total Employee</div>--}}
{{--                                @foreach($totalemp as $tm)--}}
{{--                                    @if($tm->dptid == $dpt->id)--}}
{{--                                        <h5 class="number">@if(empty($tm->totalemp)){{"0"}}@else{{$tm->totalemp}}@endif</h5>--}}
{{--                                    @endif--}}
{{--                                @endforeach--}}
{{--                            </div>--}}
{{--                            <hr>--}}
{{--                            <div class="icon"><i class="fa fa-user"></i> </div>--}}
{{--                            <div class="content">--}}
{{--                                <div class="text">Total Present</div>--}}
{{--                                @foreach($todaypresent as $tp)--}}

{{--                                    @if($tp->dptid == $dpt->id)--}}
{{--                                        <h5 class="number">@if(empty($tp->totalprst)){{"0"}}@else{{$tp->totalprst}}@endif</h5>--}}
{{--                                    @endif--}}
{{--                                @endforeach--}}
{{--                            </div>--}}
{{--                            <hr>--}}
{{--                            <div class="icon"><i class="fa fa-bed"></i> </div>--}}
{{--                            <div class="content">--}}
{{--                                <div class="text">Total Absent</div>--}}
{{--                                @foreach($totalabsent as $ta)--}}

{{--                                    @if($ta->dptid == $dpt->id)--}}
{{--                                        <h5 class="number">@if(empty($ta->totalabsent)){{"0"}}@else{{$ta->totalabsent}}@endif</h5>--}}
{{--                                    @endif--}}
{{--                                @endforeach--}}
{{--                            </div>--}}
{{--                            <hr>--}}
{{--                            <div class="icon"><i class="fa fa-hospital-o"></i> </div>--}}
{{--                            <div class="content">--}}
{{--                                <div class="text">Total Leave</div>--}}
{{--                                @foreach($totalleave as $tl)--}}

{{--                                    @if($tl->dptid == $dpt->id)--}}
{{--                                        <h5 class="number">@if(empty($tl->totalleave)){{"0"}}@else{{$tl->totalleave}}@endif</h5>--}}
{{--                                    @endif--}}
{{--                                @endforeach--}}
{{--                            </div>--}}
{{--                            <hr>--}}
{{--                            <div class="icon"><i class="fa fa-laptop"></i> </div>--}}
{{--                            <div class="content">--}}
{{--                                <div class="text">Total Working Hour</div>--}}
{{--                                @foreach($todaypresent as $tp)--}}

{{--                                    @if($tm->dptid == $dpt->id)--}}
{{--                                        <h5 class="number">@if(empty($tp->totalprst)){{"0"}}@else{{$tp->totalprst * 8}}@endif</h5>--}}
{{--                                    @endif--}}
{{--                                @endforeach--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--                @endforeach--}}


                <div class="col-lg-3 col-md-6">
                    <div class="card text-center">
                        <div class="body">
                            <h5>Attendance Analysis</h5>
                            <span>Total Employee {{$totalempCOUNT[0]->totalemp}}</span>
                            <div class="sparkline-pie m-t-20">{{$todaypresentCOUNT[0]->totalprst}},{{$totalabsentCOUNT[0]->totalabsent}},{{$totalleaveCOUNT[0]->totalleave}}</div>
                            <div class="stats-report m-b-30">
                                <div class="stat-item">
                                    <h5>Total Present</h5>
                                    <b class="col-black">{{$todaypresentCOUNT[0]->totalprst}}</b></div>
                                <div class="stat-item" >
                                    <h5>Total Absent</h5>
                                    <b class="col-black" >{{$totalabsentCOUNT[0]->totalabsent}}</b></div>
                                <div class="stat-item">
                                    <h5>Total Leave</h5>
                                    <b class="col-black">{{$totalleaveCOUNT[0]->totalleave}}</b></div>
                            </div>
                            <span id="sparkline-compositeline">8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10</span>
                        </div>
                    </div>
                </div>
                    <div class="col-lg-3 col-md-6">
                        <div class="card text-center">
                            <div class="body">
                                <h5>Employee Type Analysis</h5>
                                <span>Total Employee {{$totalempCOUNT[0]->totalemp}}</span>
                                <div class="sparkline-pie m-t-20">@foreach($totalemptype as $emptype){{$emptype->emptypecount.","}}@endforeach</div>
                                <div class="stats-report m-b-30">
                                    @foreach($totalemptype as $emptype)
                                    <div class="stat-item">
                                        <h5>{{$emptype->emptype}}</h5>
                                        <b class="col-black">{{$emptype->emptypecount}}</b></div>
                                        @endforeach
                                </div>
                                <span id="sparkline-compositeline2">8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6">
                        <div class="card text-center">
                            <div class="body">
                                <h5>Leave Analysis (This Month)</h5>
                                <div id="donutchart" style="width: 700px; height: 310px;"></div>
                            </div>
                        </div>
                    </div>
                <div class="col-lg-9 col-md-12">
                    <div class="card">
                        <div class="header">
                            <h2>Salary Statistics</h2>

                        </div>
                        <div class="body">
{{--                            <div id="Salary_Statistics" class="chartist"></div>--}}
                            <div id="columnchart_material" style="width: 900px; height: 400px;"></div>

                        </div>
                    </div>
                </div>
                    <div class="col-lg-3 col-md-5">
                        <div class="card">
                            <div class="header">
                                <h2>Employee Structure</h2>
                            </div>
                            <div class="body text-center">
                                <h6>Male</h6>
                                <input type="text" class="knob2" data-linecap="round" value="{{round(($totalmalefemalecount[0]->malecount*100)/$totalempCOUNT[0]->totalemp)}}" data-width="125" data-height="150" data-thickness="0.25" data-fgColor="#49a9e5" readonly>
                                <hr>
                                <h6>Female</h6>
                                <input type="text" class="knob2" data-linecap="round" value="{{round(($totalmalefemalecount[0]->femalecount*100)/$totalempCOUNT[0]->totalemp)}}" data-width="125" data-height="150" data-thickness="0.25" data-fgColor="#b880e1" readonly>
                            </div>
                        </div>
                    </div>

{{--                @foreach( $department as $dpt)--}}
{{--                    <div class="col-lg-2 col-md-6">--}}
{{--                        <div class="card top_counter">--}}
{{--                            <div align="center" style="font-size: 14px; margin-top: 10px;color: #1FB0E5;"><b>{{$dpt->departmentName }}</b></div>--}}
{{--                            <div class="body">--}}
{{--                                <div class="icon"><i class="fa fa-users"></i> </div>--}}
{{--                                <div class="content">--}}
{{--                                    <div class="text">Total Employee</div>--}}
{{--                                    @foreach($totalemp as $tm)--}}

{{--                                        @if($tm->dptid == $dpt->id)--}}
{{--                                            <h5 class="number">@if(empty($tm->totalemp)){{"0"}}@else{{$tm->totalemp}}@endif</h5>--}}
{{--                                        @endif--}}
{{--                                    @endforeach--}}
{{--                                </div>--}}
{{--                                <hr>--}}
{{--                                <div class="icon"><i class="fa fa-user"></i> </div>--}}
{{--                                <div class="content">--}}
{{--                                    <div class="text">Total Present</div>--}}
{{--                                    @foreach($todaypresent as $tp)--}}

{{--                                        @if($tp->dptid == $dpt->id)--}}
{{--                                            <h5 class="number">@if(empty($tp->totalprst)){{"0"}}@else{{$tp->totalprst}}@endif</h5>--}}
{{--                                        @endif--}}
{{--                                    @endforeach--}}
{{--                                </div>--}}
{{--                                <hr>--}}
{{--                                <div class="icon"><i class="fa fa-bed"></i> </div>--}}
{{--                                <div class="content">--}}
{{--                                    <div class="text">Total Absent</div>--}}
{{--                                    @foreach($totalabsent as $ta)--}}

{{--                                        @if($ta->dptid == $dpt->id)--}}
{{--                                            <h5 class="number">@if(empty($ta->totalabsent)){{"0"}}@else{{$ta->totalabsent}}@endif</h5>--}}
{{--                                        @endif--}}
{{--                                    @endforeach--}}
{{--                                </div>--}}
{{--                                <hr>--}}
{{--                                <div class="icon"><i class="fa fa-hospital-o"></i> </div>--}}
{{--                                <div class="content">--}}
{{--                                    <div class="text">Total Leave</div>--}}
{{--                                    @foreach($totalleave as $tl)--}}

{{--                                        @if($tl->dptid == $dpt->id)--}}
{{--                                            <h5 class="number">@if(empty($tl->totalleave)){{"0"}}@else{{$tl->totalleave}}@endif</h5>--}}
{{--                                        @endif--}}
{{--                                    @endforeach--}}
{{--                                </div>--}}
{{--                                <hr>--}}
{{--                                <div class="icon"><i class="fa fa-laptop"></i> </div>--}}
{{--                                <div class="content">--}}
{{--                                    <div class="text">Total Working Hour</div>--}}
{{--                                    @foreach($todaypresent as $tp)--}}

{{--                                        @if($tp->dptid == $dpt->id)--}}
{{--                                            <h5 class="number">@if(empty($tp->totalprst)){{"0"}}@else{{($tp->totalprst * 8)}}@endif</h5>--}}
{{--                                        @endif--}}
{{--                                    @endforeach--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                @endforeach--}}
            </div>
            <div class="row clearfix">
                @foreach( $department as $dpt)
                    <div class="col-lg-3 col-md-12">
                        <div class="card overflowhidden">
                            <div class="body top_counter bg-info">
                                <div class="text" style="color:white;text-align: center;font-size: 14px;">{{$dpt->departmentName}}</div>
                            </div>
                            <div class="body">
                                <div class="list-group list-widget">
                                    <a href="javascript:void(0);" class="list-group-item">
                                        @foreach($totalemp as $tm)
                                            @if($tm->dptid == $dpt->id)
                                                <span class="badge badge-success">@if(empty($tm->totalemp)){{0}}@else{{$tm->totalemp}}@endif</span>
                                            @endif
                                        @endforeach
                                        <i class="fa fa-users text-muted"></i><span style="font-size: 13px;">Total Employee</span></a>
                                    <a href="javascript:void(0);" class="list-group-item">
                                        @foreach($todaypresent as $tp)

                                            @if($tp->dptid == $dpt->id)
                                                <span class="badge badge-info">@if(empty($tp->totalprst)){{"0"}}@else{{$tp->totalprst}}@endif</span>
                                            @endif
                                        @endforeach
                                        <i class="fa fa-user text-muted"></i><span style="font-size: 13px;">Total Present</span></a>
                                    <a href="javascript:void(0);" class="list-group-item" onclick="totalabsendt({{$dpt->id}}, 'Total Absent')">
                                        @foreach($totalabsent as $ta)

                                            @if($ta->dptid == $dpt->id)
                                                <span class="badge badge-warning">@if(empty($ta->totalabsent)){{"0"}}@else{{$ta->totalabsent}}@endif</span>
                                            @endif
                                        @endforeach
                                        <i class="fa fa-bed text-muted"></i><span style="font-size: 13px;">Total Absent</span></a>
                                    <a href="javascript:void(0);" class="list-group-item" onclick="totalleave({{$dpt->id}}, 'Total Leave')">
                                        @foreach($totalleave as $tl)

                                            @if($tl->dptid == $dpt->id)
                                                <span class="badge badge-danger">@if(empty($tl->totalleave)){{"0"}}@else{{$tl->totalleave}}@endif</span>
                                            @endif
                                        @endforeach
                                        <i class="fa fa-hospital-o text-muted"></i><span style="font-size: 13px;">Total Leave</span></a>
                                    <a href="javascript:void(0);" class="list-group-item">
                                        @foreach($todaypresent as $tp)

                                            @if($tp->dptid == $dpt->id)
                                                <span class="badge badge-info">@if(empty($tp->totalprst)){{"0"}}@else{{$tp->totalprst * 8}}@endif</span>
                                            @endif
                                        @endforeach
                                        <i class="fa fa-laptop text-muted"></i><span style="font-size: 13px;">Total Working Hour</span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
{{--            <div class="row clearfix">--}}
{{--                <div class="col-lg-8 col-md-12">--}}
{{--                    <div class="card">--}}
{{--                        <div class="header">--}}
{{--                            <h2>Total Salary by Unit</h2>--}}
{{--                            <ul class="header-dropdown">--}}
{{--                                <li><a class="tab_btn" href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Weekly">W</a></li>--}}
{{--                                <li><a class="tab_btn" href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Monthly">M</a></li>--}}
{{--                                <li><a class="tab_btn active" href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Yearly">Y</a></li>--}}
{{--                                <li class="dropdown">--}}
{{--                                    <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"></a>--}}
{{--                                    <ul class="dropdown-menu dropdown-menu-right animated bounceIn">--}}
{{--                                        <li><a href="javascript:void(0);">Action</a></li>--}}
{{--                                        <li><a href="javascript:void(0);">Another Action</a></li>--}}
{{--                                        <li><a href="javascript:void(0);">Something else</a></li>--}}
{{--                                    </ul>--}}
{{--                                </li>--}}
{{--                            </ul>--}}
{{--                        </div>--}}
{{--                        <div class="body">--}}
{{--                            <div id="total_Salary" class="ct-chart"></div>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--                <div class="col-lg-4 col-md-12">--}}
{{--                    <div class="card">--}}
{{--                        <div class="header">--}}
{{--                            <h2>ToDo List</h2>--}}
{{--                        </div>--}}
{{--                        <div class="body todo_list">--}}
{{--                            <ul class="list-unstyled">--}}
{{--                                <li>--}}
{{--                                    <label class="fancy-checkbox mb-0">--}}
{{--                                        <input type="checkbox" name="checkbox" checked>--}}
{{--                                        <span>New Employee intro</span>--}}
{{--                                    </label>--}}
{{--                                    <div class="m-l-35 m-b-30">--}}
{{--                                        <small class="text-muted">SCHEDULED FOR 3:00 P.M. ON JUN 2018</small>--}}
{{--                                    </div>--}}
{{--                                </li>--}}
{{--                                <li>--}}
{{--                                    <label class="fancy-checkbox mb-0">--}}
{{--                                        <input type="checkbox" name="checkbox">--}}
{{--                                        <span>Send email to CEO</span>--}}
{{--                                    </label>--}}
{{--                                    <div class="m-l-35 m-b-30">--}}
{{--                                        <small class="text-muted">SCHEDULED FOR 4:30 P.M. ON JUN 2018</small>--}}
{{--                                    </div>--}}
{{--                                </li>--}}
{{--                                <li>--}}
{{--                                    <label class="fancy-checkbox mb-0">--}}
{{--                                        <input type="checkbox" name="checkbox">--}}
{{--                                        <span>New Joing Employee Welcome kit</span>--}}
{{--                                    </label>--}}
{{--                                    <div class="m-l-35 m-b-30">--}}
{{--                                        <small><a href="#">John Smith</a> Designer</small><br>--}}
{{--                                        <small><a href="#">Hossein Shams</a> Developer</small><br>--}}
{{--                                        <small><a href="#">Maryam Amiri</a> SEO</small><br>--}}
{{--                                        <small><a href="#">Mike Litorus</a> iOS Developer</small>--}}
{{--                                    </div>--}}
{{--                                </li>--}}
{{--                                <li>--}}
{{--                                    <label class="fancy-checkbox mb-0">--}}
{{--                                        <input type="checkbox" name="checkbox">--}}
{{--                                        <span>Birthday Wish</span>--}}
{{--                                    </label>--}}
{{--                                    <div class="m-l-35">--}}
{{--                                        <small class="text-muted">SCHEDULED FOR 4:30 P.M. ON JUN 2018</small>--}}
{{--                                    </div>--}}
{{--                                </li>--}}
{{--                            </ul>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}

{{--            <div class="row">--}}
{{--                <div class="col-lg-8 col-md-7">--}}
{{--                    <div class="card">--}}
{{--                        <div class="header">--}}
{{--                            <h2>Employee Performance</h2>--}}
{{--                        </div>--}}
{{--                        <div class="body">--}}
{{--                            <div class="table-responsive">--}}
{{--                                <table class="table table-hover m-b-0 table-striped">--}}
{{--                                    <thead class="thead-dark">--}}
{{--                                    <tr>--}}
{{--                                        <th>Avatar</th>--}}
{{--                                        <th>Name</th>--}}
{{--                                        <th>Designation</th>--}}
{{--                                        <th>Performance</th>--}}
{{--                                        <th></th>--}}
{{--                                    </tr>--}}
{{--                                    </thead>--}}
{{--                                    <tbody>--}}
{{--                                    <tr>--}}
{{--                                        <td><img src="../assets/images/xs/avatar1.jpg" class="rounded-circle width35" alt=""></td>--}}
{{--                                        <td>Marshall Nichols</td>--}}
{{--                                        <td><span>UI UX Designer</span></td>--}}
{{--                                        <td><span class="badge badge-success">Good</span></td>--}}
{{--                                        <td><span class="sparkbar">5,8,6,3,5,9,2</span></td>--}}
{{--                                    </tr>--}}
{{--                                    <tr>--}}
{{--                                        <td><img src="../assets/images/xs/avatar2.jpg" class="rounded-circle width35" alt=""></td>--}}
{{--                                        <td>Susie Willis</td>--}}
{{--                                        <td><span>Designer</span></td>--}}
{{--                                        <td><span class="badge badge-warning">Average</span></td>--}}
{{--                                        <td><span class="sparkbar">2,1,3,-3,5,9,2</span></td>--}}
{{--                                    </tr>--}}
{{--                                    <tr>--}}
{{--                                        <td><img src="../assets/images/xs/avatar3.jpg" class="rounded-circle width35" alt=""></td>--}}
{{--                                        <td>Francisco Vasquez</td>--}}
{{--                                        <td><span>Team Leader</span></td>--}}
{{--                                        <td><span class="badge badge-primary">Excellent</span></td>--}}
{{--                                        <td><span class="sparkbar">5,8,6,3,5,9,2</span></td>--}}
{{--                                    </tr>--}}
{{--                                    <tr>--}}
{{--                                        <td><img src="../assets/images/xs/avatar4.jpg" class="rounded-circle width35" alt=""></td>--}}
{{--                                        <td>Erin Gonzales</td>--}}
{{--                                        <td><span>Android Developer</span></td>--}}
{{--                                        <td><span class="badge badge-danger">Weak</span></td>--}}
{{--                                        <td><span class="sparkbar">2,-5,3,-6,-4,8,-1</span></td>--}}
{{--                                    </tr>--}}
{{--                                    <tr>--}}
{{--                                        <td><img src="../assets/images/xs/avatar5.jpg" class="rounded-circle width35" alt=""></td>--}}
{{--                                        <td>Ava Alexander</td>--}}
{{--                                        <td><span>UI UX Designer</span></td>--}}
{{--                                        <td><span class="badge badge-success">Good</span></td>--}}
{{--                                        <td><span class="sparkbar">5,8,6,3,5,9,-2</span></td>--}}
{{--                                    </tr>--}}
{{--                                    </tbody>--}}
{{--                                </table>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}

{{--            </div>--}}

        </div>
    </div>
{{--        modal--}}
        <div style="text-align: center;" class="modal" id="modaldetails" >
            <div class="modal-dialog">
                <div class="modal-content" style="width: 600px;">
                    <!-- Modal Header -->
                    <div class="modal-header">
                        <h4 class="modal-title"><span id="textlist"></span></h4>
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                    </div>
                    <!-- Modal body -->
                    <div class="modal-body" id="">
                        <div id="employeeList"></div>


                    </div>
                    <!-- Modal footer -->
                    <div class="modal-footer">

                        <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                    </div>

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

{{--        end modal--}}
@endsection

@section('js')
    <script src="{{url('public/assets/bundles/knob.bundle.js')}}"></script>
    <!-- Jquery Knob-->

    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
        google.charts.load('current', {'packages':['bar']});
        google.charts.setOnLoadCallback(drawChart);

        function drawChart() {
            var data = google.visualization.arrayToDataTable([

                [ 'Month',@foreach($salarydepartment as $dpt)'{{$dpt->departmentName}}',  @endforeach { role: 'annotation' } ],

                    @foreach($salaryMain as $sm)

                ['{{$sm->salaryMonthName}}',
                    @foreach($salarydepartment as $dpt)
                    @foreach($salarysub as $ss)
                    @if($ss->salaryMonth == $sm->salaryMonth && $ss->fkDepartmentId == $dpt->did)
                    {{$ss->totalsalary. "$ss->fkDepartmentId"}},
                    @endif
                    @endforeach
                    @endforeach
                    '0'

                ],
                @endforeach
                // ['2020', 1454546, 2545452, 254543, 354540 ],
                // ['2030', 245458, 145459, 254549, 34550 ]
            ]);
            {{--var data = google.visualization.arrayToDataTable([--}}
            {{--    [@foreach($salarydepartment as $dpt)'{{$dpt->departmentName}}',@endforeach { role: 'annotation' } ],--}}
            {{--    ['2010', 10, 24, 20, 32, 18, 5,18, 5,5,],--}}
            {{--    ['2020', 16, 22, 23, 30, 16, 9, 18, 5,5,],--}}
            {{--    ['2030', 28, 19, 29, 30, 12, 13, 18, 5,5,]--}}
            {{--]);--}}

            var options = {

                width: 600,
                height: 400,
                legend: { position: 'top' },
                bar: { groupWidth: '75%' },
                isStacked: true,
                series: {
                    0:{color:'#109618'},
                    1:{color:'#FF9900'},
                    2:{color:'#DC3912'},
                    3:{color:'#3366CC'},
                    4:{color:'#990099'}
                }

            };

            var chart = new google.charts.Bar(document.getElementById('columnchart_material'));

            chart.draw(data, google.charts.Bar.convertOptions(options));
        }
    </script>
    <script type="text/javascript">
        google.charts.load("current", {packages:["corechart"]});
        google.charts.setOnLoadCallback(drawChart);
        function drawChart() {
            var data = google.visualization.arrayToDataTable([
                ['Task', 'Hours per Day'],
                @foreach($leavetypethismonth as $leavetype)
                ['{{$leavetype->typename." (".$leavetype->leavecount.")"}}', {{$leavetype->leavecount}}],
                @endforeach
                // ['Eat',      2],
                // ['Commute',  2],
                // ['Watch TV', 2],
                // ['Sleep',    7]
            ]);

            var options = {
                title: '',
                pieHole: 0.4,
            };

            var chart = new google.visualization.PieChart(document.getElementById('donutchart'));
            chart.draw(data, options);
        }
    </script>

    <script>

        var dataStackedBar = {

            labels: ['Q1'],
            series: [
                [235000,320500,452000,235100,563200,320500],
                [254100,258300,159200,267400,232300,258300],
                [121200,521400,232500,23500,251900,521400],
                [151200,544600,454500,445600,345500,864600],
            ]
        };
        new Chartist.Bar('#Salary_Statistics', dataStackedBar, {
            height: "230px",
            stackBars: true,
            axisX: {
                showGrid: false
            },
            axisY: {
                labelInterpolationFnc: function(value) {
                    return (value / 10000) + 'k';
                }
            },
            plugins: [
                Chartist.plugins.tooltip({
                    appendToBody: true
                }),
                Chartist.plugins.legend({
                    legendNames: ['Developer', 'Marketing', 'Sales', 'Software']
                })
            ]
        }).on('draw', function(data) {
            if (data.type === 'bar') {
                data.element.attr({
                    style: 'stroke-width: 30px'
                });
            }
        });



    </script>
            <script type="text/javascript">
                function totalabsendt(deptid , textlist) {

                    //alert(deptid);
                    //alert(textlist);
                    $("#modaldetails").modal('show');
                    $("#textlist").html(textlist);
                    $("#employeeList").html("");

                    $.ajax({
                        type: 'POST',
                        url: "{!! route('absentlist') !!}",
                        cache: false,
                        data: {_token: "{{csrf_token()}}",'deptId': deptid },
                        success: function (dataResult) {

                            $("#employeeList").html(dataResult);

                        }
                    });
                }
                function totalleave(deptid , textlist) {

                    //alert(deptid);
                    //alert(textlist);
                    $("#modaldetails").modal('show');
                    $("#textlist").html(textlist);
                    $("#employeeList").html("");

                    $.ajax({
                        type: 'POST',
                        url: "{!! route('leavelist') !!}",
                        cache: false,
                        data: {_token: "{{csrf_token()}}", 'deptId': deptid},
                        success: function (dataResult) {

                            $("#employeeList").html(dataResult);

                        }
                    });
                }
            </script>
@endsection