@extends('member')

@section('page-title')
<div class="row bg-title">
    <!-- .page title -->
    <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
        <h4 class="page-title"><i class="icon-clock"></i> Over Time Management</h4>
    </div>
    <!-- /.page title -->
    <!-- .breadcrumb -->

    
    <!-- /.breadcrumb -->

</div>
@if(Session::has('msg'))
<div class="row">
    <div class="alert alert-success col-md-6 offset-md-3">
        {!! Session::get("msg")!!}
    </div>
</div>
@endif
@endsection

@push('head-script')
<link rel="stylesheet" href="/assets/plugins/bower_components/bootstrap-select/bootstrap-select.min.css">
<link rel="stylesheet" href="/assets/plugins/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.css'">
<link rel="stylesheet" href="/assets/plugins/bower_components/custom-select/custom-select.css">
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.13/css/dataTables.bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.1.1/css/responsive.bootstrap.min.css">
<link rel="stylesheet" href="//cdn.datatables.net/buttons/1.2.2/css/buttons.dataTables.min.css">
<style>
    #shift-report-table_wrapper .dt-buttons {
        display: none !important;
    }

    #shift-report-table_filter {
        display: none !important;
    }

    .new-btn-style {
        margin-top: 15px;
    }
    .table tbody {
        border-top: 1px solid #ddd !important;
    }
</style>
@endpush

@section('content')
<script>
    $(document).ready( function () {
    $('#myTable').DataTable();
} );
</script>

<div class="white-box">
    <div class="row">
        <div class="col-md-4">
            <div class="form-group">
                <label class="control-label">@lang('app.menu.attendance') @lang('app.date')</label>
                <input type="text" class="form-control" name="attendance_date" id="attendance_date" value="{{$startDate}}">
            </div>
        </div>
    </div>

    <div class="row" id="tableBox">
        <table  id="attendance-table"></table>
    </div>
    <div id="holidayBox" style="display: none">
        <div class="alert alert-primary"> @lang('modules.attendance.holidayfor') <span id="holidayReason"> </span>. </div>
    </div>

    <div class="row">
        <div class="col-xs-12">
            <table class="table col-md-12" id='myTable'>
                <thead>
                    <tr>
                        <th>Employee Name</th>
                        <th>Shift Time</th>                         
                        <!-- <th>Late Mark</th> -->
                        <!-- <th>Halfday Mark</th> -->
                        <th>Punch in Time</th>
                        <th>Punch out Time</th>
                        <th>Working Time Hrs</th>
                        <th>Over Time Hrs</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    @if(count($OtList))
                        @foreach ($OtList as $item) 
                        <br />
<b>Warning</b>:  Undefined variable $item in <b>/var/www/html/thepresence360/resources/views/members/attendance/over_time_list.blade.php</b> on line <b>95</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on null in <b>/var/www/html/thepresence360/resources/views/members/attendance/over_time_list.blade.php</b> on line <b>95</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on null in <b>/var/www/html/thepresence360/resources/views/members/attendance/over_time_list.blade.php</b> on line <b>95</b><br />
<br />
<b>Deprecated</b>:  strtotime(): Passing null to parameter #1 ($datetime) of type string is deprecated in <b>/var/www/html/thepresence360/resources/views/members/attendance/over_time_list.blade.php</b> on line <b>95</b><br />
<br />
<b>Warning</b>:  Undefined variable $item in <b>/var/www/html/thepresence360/resources/views/members/attendance/over_time_list.blade.php</b> on line <b>96</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on null in <b>/var/www/html/thepresence360/resources/views/members/attendance/over_time_list.blade.php</b> on line <b>96</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on null in <b>/var/www/html/thepresence360/resources/views/members/attendance/over_time_list.blade.php</b> on line <b>96</b><br />
<br />
<b>Deprecated</b>:  strtotime(): Passing null to parameter #1 ($datetime) of type string is deprecated in <b>/var/www/html/thepresence360/resources/views/members/attendance/over_time_list.blade.php</b> on line <b>96</b><br />
<br />
<b>Warning</b>:  Undefined variable $item in <b>/var/www/html/thepresence360/resources/views/members/attendance/over_time_list.blade.php</b> on line <b>97</b><br />
<br />
<b>Warning</b>:  Attempt to read property "working_time" on null in <b>/var/www/html/thepresence360/resources/views/members/attendance/over_time_list.blade.php</b> on line <b>97</b><br />
<br />
<b>Deprecated</b>:  strtotime(): Passing null to parameter #1 ($datetime) of type string is deprecated in <b>/var/www/html/thepresence360/resources/views/members/attendance/over_time_list.blade.php</b> on line <b>97</b><br />
<br />
<b>Warning</b>:  Undefined variable $item in <b>/var/www/html/thepresence360/resources/views/members/attendance/over_time_list.blade.php</b> on line <b>100</b><br />
<br />
<b>Warning</b>:  Attempt to read property "working_time_sec" on null in <b>/var/www/html/thepresence360/resources/views/members/attendance/over_time_list.blade.php</b> on line <b>100</b><br />
<br />
<b>Deprecated</b>:  abs(): Passing null to parameter #1 ($num) of type int|float is deprecated in <b>/var/www/html/thepresence360/resources/views/members/attendance/over_time_list.blade.php</b> on line <b>100</b><br />
                        @if($item->working_time_sec>$diff)
                        <tr>
                            <td>{{ucfirst($item->name)}}</td>
                            <td>{{$item['shift']['start_time'].' - '.$item['shift']['end_time']}} ({{gmdate("H:i:s", $diff)}})</td>
                            <!-- <td>{{ucfirst($item->late)}}</td> -->
                            <!-- <td>{{ucfirst($item->half_day)}}</td> -->
                            <td>{{$item->in_time}}</td>
                            <td>{{$item->out_time}}</td>                        
                            <td>{{$item->working_time}}</td>
                            <td>{{gmdate("H:i:s", $diff2)}}</td>
                            
                            <td>
                            
                            <div class="btn-group dropdown">
                            @if($item->overtime_status=="Rejected")
                            <button class="btn btn-danger dropdown-toggle waves-effect waves-light btn-xs" type="button">{{$item['overtime_status']}}
                            @elseif($item->overtime_status)
                            <button class="btn btn-success dropdown-toggle waves-effect waves-light btn-xs" type="button">{{$item['overtime_status']}}
                            @else
                            <button aria-expanded="true" data-toggle="dropdown" class="btn btn-info dropdown-toggle waves-effect waves-light btn-xs" type="button">Pending<span class="caret"></span>
                            @endif

                            </button>
                            @if($item->overtime_status!='Approved')
                                <ul role="menu" class="dropdown-menu pull-right">
                                    <li><a href="javascript:;" data-attendance-id="{{$item->aId}}" class="approveOt" data-status="Approved">Approve</a></li>
                                    <li><a href="javascript:;" data-attendance-id="{{$item->aId}}" class="approveOt" data-status="Rejected">Reject</a></li>
                                </ul>
                            @endif
                            </div>
                            </td>
                        </tr>
                        @endif
                    </tbody>
                    @endforeach
                @else
                    <tbody>
                        <tr>
                            <td colspan="8">@lang('app.noRecords')</td>
                        </tr>
                    </tbody>
                @endif
            </table>
        </div>
    </div>
</div>


<!-- .row -->


@endsection

@push('footer-script')
<script src="/assets/plugins/bower_components/custom-select/custom-select.min.js"></script>
<script src="/assets/plugins/bower_components/bootstrap-select/bootstrap-select.min.js"></script>
<script src="/assets/plugins/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>

<script
    src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/locales/bootstrap-datepicker.en-AU.min.js">
</script>

<script src="/assets/plugins/bower_components/bootstrap-daterangepicker/daterangepicker.js"></script>
<script src="/assets/plugins/bower_components/datatables/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.13/js/dataTables.bootstrap.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.1.1/js/dataTables.responsive.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.1.1/js/responsive.bootstrap.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.0.3/js/dataTables.buttons.min.js"></script>
<script src="https://www.mobicollector.com/DataTable/extensions/Buttons/js/dataTables.buttons.js"></script>
<script src="/assets/js/datatables/buttons.server-side.js"></script>


<script>
    $(".select2").select2({
        formatNoMatches: function () {
            return "{{ __('messages.noRecordFound') }}";
        }
    });

   
        $('body').on('click', '.approveOt', function(){
            var aid = $(this).data('attendance-id');
            var status = $(this).data('status');
            var token = "{{ csrf_token() }}";


            $.easyAjax({
                url: "{!! route('member.attendances.approveOt',['alias'=>$alias]) !!}",
                type: "POST",
                data: {aid: aid, status: status, _token : token},
                success: function (response) {
                    if(response.status == "success"){
                        window.location.reload();
                    }
                }
            })

        });


    checkHoliday();
    jQuery('#attendance_date').datepicker({
        autoclose: true,
        todayHighlight: true,
        endDate: '+0d',
        weekStart:'1',
        format: 'yyyy-mm-dd',
    }).on('changeDate', function (ev) {
        //checkHoliday();
        window.location.href="{!! route('member.attendances.otmgmt',['alias'=>$alias]) !!}/"+$('#attendance_date').val();
        
    });

    function checkHoliday() {
        var selectedDate = $('#attendance_date').val();
        var token = "{{ csrf_token() }}";
        $.easyAjax({
            url: "{!! route('member.attendances.check-holiday',['alias'=>$alias]) !!}",
            type: "GET",
            data: {
                date: selectedDate,
                _token: token
            },
            success: function (response) {
                if(response.status == 'success'){
                    if(response.holiday != null){
                        $('#holidayBox').show();
                        $('#tableBox').hide();
                        $('#holidayReason').html(response.holiday.name);
                    }else{
                        $('#holidayBox').hide();
                        $('#tableBox').show();
                    }

                }
            }
        })
    }



    $('#shift-assign-form').click(function(){
        var shift_start_date = $('#shift-start-date').val();
        var shift_end_date = $('#shift-end-date').val();
        var shift_employeeID = $('#shift-employeeID').val();
        var shift_attendance_settings_id = $('#shift-attendance_settings_id').val();
        var url2 = "{!!  route('shift.store' , ['alias'=>$alias,':shift_start_date', ':shift_end_date ', ':shift_employeeID',':shift_attendance_settings_id'])!!}";

        $.easyAjax({
            type: 'POST',
            url: url2,
            data: $('#assign-shift-form').serialize(),
            success: function (response) {
                checkHoliday();
            }
        });

        window.LaravelDataTables["shift-report-table"].draw();
    });

</script>
@endpush