@extends('admin.employee_attendance')

@section('content')
<div class="main-content-inner">
    <div class="breadcrumbs ace-save-state" id="breadcrumbs">
        <ul class="breadcrumb">
            <li>
                <i class="ace-icon fa fa-home home-icon"></i>
                <a href="#">Home</a>
            </li>

            <li>
                <a href="#">Report</a>
            </li>
            <li class="active">Attendance Summary Report</li>
        </ul><!-- /.breadcrumb -->
    </div>
    <div class="page-content">
        <div class="row">
            <div class="col-md-10 col-md-offset-1">
                <div class="page-header">
                    <h2 class="header smaller lighter blue">
                        Members Summary Attendance
                    </h2>
                </div><!-- /.page-header -->
                <form class="" action="{{ url('/dailyattendancesummaryreport') }}" method="post" accept-charset="utf-8">
                {{ csrf_field() }}
                @php
                if(isset($select_dt)) {$dt = $select_dt;}else{$dt = date('F Y');}
                @endphp
                    <label for="id-date-picker-1">Select Date</label>
                    <div class="input-group form-group">
                        <input class="form-control date-picker" id="id-date-picker" name="select_month" type="text" value="{{$dt}}" data-date-format="dd-mm-yyyy" readonly />
                            <span class="input-group-addon">
                                <i class="fa fa-calendar bigger-110"></i>
                            </span>
                    </div>
                    <div class="form-group">
                       <input class="btn-primary btn" type="submit" value="Submit" >
                    </div>
                </form>
            </div>
        </div>

        <div class="row">
            <div class="col-md-10 col-md-offset-1" id="display">
                <link rel="stylesheet" href="{{ asset('assets/css/bootstrap.min.css') }}" media="print" />
                <style>
                    .table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
                        border: 1px solid
                        #ddd;
                        border-top-color: rgb(221, 221, 221);
                        border-top-style: solid;
                        border-top-width: 1px;
                    }
                    .table {
                        width: 100%;
                        max-width: 100%;
                        margin-bottom: 20px;
                    }
                    table {
                        border-collapse: collapse;
                        border-spacing: 0;
                    }
                </style>
                <div class="widget-box">
                    <div class="widget-header">
                        <h4 class="header green">Attendance Report from 1st {{date('M, Y',strtotime($dt))}} to {{date('jS M, Y',strtotime($dt))}}</h4>
                    </div>
                    <div class="widget-body">
                        <table id="simple-table" class="table table-bordered table-hover table-striped">
                    <thead>
                    <tr>
                        <th class="center">SL</th>
                        <th class="detail-col">Name</th>
                        <th class="detail-col">Department</th>
                        <th class="center">In-Time</th>
                        <th class="center">Out-time</th>
                        <th class="center">Status</th>
                        <th class="center">Days</th>
                        <th class="center">Present</th>
                        <th class="center">Late</th>
                        <th class="center">Absent</th>
                        <th class="center">Remark</th>
                    </tr>
                    </thead>

                    <tbody>
                        @foreach($employees_salary_report['employees_salary_report']['employees_salary'] as $i=>$sal)
                                                    {{--*/ $var = 'test' /*--}}
                            <tr>
                                <td class="center">{{$i+1}}</td>
                                <td class="center">{{ucwords($sal->emp_first_name)}}</td>
                                <td class="center">{{ucwords($sal->dept_name)}}</td>
                                <td class="center">
                                    @if($sal->intime>0) {{date("h:i:s a", strtotime($sal->intime))}} @endif
                                </td>
                                <td class="center">
                                    @if($sal->outtime>0) {{date("h:i:s a", strtotime($sal->outtime))}} @endif
                                </td>
                                @php
                                    $getorglatetime = $sal->orglatetime;
                                    $explod         = explode('-',$getorglatetime);
                                    $orglatetime    = $explod[0];
                                    $maxlatetime    = $explod[1];

                                    $intime     = '00:00:00';
                                    $latetime   = '00:00:00';
                                    if($sal->shift_start_time != '00:00:00')
                                    {
                                        $intime     = $sal->intime;
                                        $secs       = strtotime($orglatetime)-strtotime("00:00:00");
                                        $latetime   = date("H:i:s",strtotime($sal->shift_start_time)+$secs);
                                    }
                                @endphp
                                @if($sal->shift_start_time != '')
                                    @if($intime > $latetime)
                                        <td class="center"><span class="label label-warning arrowed-in arrowed-in-right">Late</span></td>
                                    @else
                                        <td class="center"><span class="label label-success arrowed-in arrowed-in-right">In Time</span></td>
                                    @endif
                                @else
                                    <td class="center"><span style="color: chocolate">Setup Office Time !!!</span></td>
                                @endif
                                <td class="center">{{$ttl_month_day}}</td>
                                <td class="center">{{$ttl_present}}</td>
                                <td class="center" {{$style}}>{{$sal->ttl_late}}</td>
                                <td class="center">@if($ttl_absent < 0) 0  @else {{$ttl_absent}} @endif</td>
                                <td class="center">&nbsp;</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
                    </div>
                </div>
                <div class="print_button pull-left padding" style="float:left; width: 100%">
                    <input type="button " class="btn btn-primary " onClick="printPageArea('display') " value="Print"/>
                </div><br/>
                <!--div class="email_button">
                    <hr>
                    <form class="" action="{{ url('/salaryreportmail') }}" method="post" accept-charset="utf-8">
                        {{ csrf_field() }}
                        <input class="btn-primary btn" type="submit" value="Email This Report" >
                        <input type="hidden" name="select_month" value="{{$dt}}" >
                    </form>
                </div-->
            </div><!-- /.span -->
        </div><!-- /.row -->
    </div>
</div>
<script>
    function printPageArea(areaID){
        var printContent = document.getElementById(areaID);
        var WinPrint = window.open('', '', 'width=900,height=650');
        //WinPrint.document.write('<link rel="stylesheet" type="text/css" href="{{  URL::asset('assets/css/bootstrap-print.min.css') }}" media="print" />');
        WinPrint.document.write('<style type="text/css" media="print"> @page { size: landscape; font-size:12px; } table{font-size:12px;} table td{padding:3px;} .print_button{ display:none;} .email_button{ display:none;} </style>')
        WinPrint.document.write(printContent.innerHTML);
        WinPrint.document.close();
        WinPrint.focus();
        WinPrint.print();
        WinPrint.close();
    }
</script>
@endsection