@extends('layouts.adminLayout.admin_design') @section('content')
<div class="content-wrapper">
    <section class="content-header">
        <h1>{{ $title }} </h1>
        <ol class="breadcrumb">
            <li><a href="{{ route('dashboard') }}"><i class="fa fa-dashboard"></i> {{ __('lbl.home') }}</a></li>
            <li class="active">{{ $title }}</li>
        </ol>
    </section>
    <section class="content">
        <div class="box box-default">
            <div class="box-header without-border">
                <div class="row">
                    <div class="clearfix"></div>
                    {{ Form::open(['url' => route('timeworked'), 'method'=>'POST', 'name' => 'product_mix_report', 'id' => 'timeworkedForm']) }}
                    <div class="col-md-3">
                        <label class="">{{ __('lbl.date')}}</label> {{ Form::text('datetimes', '',["class"=>"form-control datetimes","id"=>"datetimes","name"=>"datetimes"]) }}
                    </div>
                    <div class="col-md-2">
                        <label>{{ __('lbl.employee')}}</label> {{ Form::select('userId', $users, null, ['class' => 'form-control select2 employees input-sm', 'id'=>'userId']) }}
                    </div>
                    <div class="col-md-3">
                        <label class="labelcls">{{ __('lbl.establishments')}}</label> {{ Form::select('establishmentId', $establishments, $currentEstaId, ['class' => 'form-control establishments select2 input-sm', 'id' => 'establishmentId']) }}
                    </div>
                    <div class="col-md-4 no-padding">
                    <label>{{ __('lbl.action')}}</label>
                    <div class="clearfix"></div>
                    {{ Form::button('<i class="fa fa-filter fa-1x"></i> '. __('lbl.filter'),["class"=>"clickbtncommon btn btn-sm btn-primary","id"=>"dateSearch"]) }} 
                    <div class="btn-group">
                        <button type="button" class="clickbtncommon btn btn-primary btn-sm"><i class="fa fa-rocket"></i> {{__('lbl.export_action')}}</button>
                        <button type="button" class="clickbtncommon btn btn-primary btn-sm dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                        <span class="caret"></span>
                        <span class="sr-only">Toggle Dropdown</span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                            @if(Helper::checkAccess('time_worked_export'))
                            <li>
                               {{ Form::button('<i class="fa fa-file-pdf-o fa-1x" aria-hidden="true"></i>&nbsp;'. __('lbl.pdf'), ["style"=>"width:100%;text-align:left;margin:0 0 2px 0;","class"=>"clickbtncommon btn btn-sm btn-primary","value"=>"pdf","type"=>"submit","name"=>"export"]) }}
                            </li>
                            <li>
                                {{ Form::button('<i class="fa fa-file-excel-o fa-1x"></i></i> '. __('lbl.xlsx'),["class"=>"clickbtncommon btn btn-sm btn-primary","value"=>"xlsx","style"=>"width:100%;text-align:left;margin:0 0 2px 0;","name"=>"export","type"=>"submit"])}}
                            </li>
                            <li>        
                                {{ Form::button(__('lbl.csv'), ["style"=>'width:100%;text-align:left;margin:0 0 2px 0;',"class"=>"clickbtncommon btn btn-sm btn-primary","value"=>"csv","type"=>"submit","name"=>"export"]) }}
                            </li>
                            <li>
                                 {{ Form::button('<i class="fa fa-file-excel-o fa-1x"></i></i> '. __('lbl.time_report'), ["style"=>"width:100%;text-align:left;margin:0 0 2px 0;","class"=>"clickbtncommon btn btn-sm btn-primary downloadProductMixReport","value"=>"time_report","type"=>"submit","name"=>"export"]) }}
                            </li>
                            @endif
                            @if(Helper::checkAccess('time_worked_payroll_export'))
                            <li>        
                                {{ Form::button('<i class="fa fa-file-excel-o fa-1x"></i></i> '. __('lbl.export_payroll'), ["style"=>"display:none;width:100%;text-align:left;margin:0 0 2px 0;","class"=>"clickbtncommon btn btn-sm btn-primary downloadProductMixReport","value"=>"time_payroll_export","type"=>"submit","name"=>"export"]) }}
                            </li>
                            @endif
                            {{ Form::close() }}
                        </ul>
                    </div>
                </div>
                {{Form::close()}}
                </div>
            </div>
        </div>
        <div class="row">
            <section class="content">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="box box-default">
                            <div class="box-header with-border">
                                <h3 class="box-title">{{ $title }}</h3>
                                <div class="text-right text-right col-md-4 pull-right">
                                    <input type="checkbox" name="showHourly" id="showHourly" value=showHourly /> {{__('lbl.show_empty')}}
                                </div>
                            </div>
                            <div class="box-body">
                                <div id="filterReportStatistics" style="overflow-x:auto;">
                                    <div class="text-center"><i class="fa fa-circle-o-notch fa-spin"></i></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </section>
</div>

<div class="modal fade" id="modalloghistory">
    <div class="modal-dialog modal-lg" style="width:80%">
        <div class="modal-content">
            <div class="modal-header  box box-default" style="border-radius:0px;">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="LogTitle"></h4>
            </div>
            {{ Form::open(["url"=>route('historylogupdatebulk'),"class"=>"form-horizontal", "method"=>"POST", "name" => "modalTimeWorked", "id" => "modalTimeWorked"]) }}
            <div class="modal-body">
                <div class="tab-pane" id="userHistoryLog">
                    <table class="table table-bordered" id="userHistoryLogTable" with="50%">
                        <thead>
                            <tr>
                                <th scope="col" class="text-center" width="10%">{{__('lbl.total_hours')}}</th>
                                <th scope="col" class="text-center">{{__('lbl.time_in')}}</th>
                                <th scope="col" class="text-center">{{__('lbl.time_out')}}</th>
                                <th scope="col" class="text-center">{{__('lbl.role')}}</th>
                                <th scope="col" class="text-center">{{__('lbl.end_status')}}</th>
                                <th scope="col" class="text-center">{{__('lbl.remarks')}}</th>
                                <th scope="col" class="text-center" width="10%">{{__('lbl.action')}}</th>
                            </tr>
                        </thead>
                        <tbody id="userHistoryLogTableBody">
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <div class="row">
                    <div class="col-md-12 text-center">
                        {{ Form::button('<i class="fa fa-plus-circle"></i> '.__('lbl.add_new'), ["type"=>'button', "id"=>"addLogItem","value"=>__('lbl.saveall'), 'class' => 'clickbtncommon btn-sm btn btn-primary'] ) }}
                        {{ Form::button('<i class="fa fa-backward"></i> '.__('lbl.close'), ["data-dismiss"=>"modal", "value"=>__('lbl.cancel'), 'class' => 'clickbtncommon btn-sm btn btn-primary '] ) }} 
                    </div>
                </div>
            </div>
            <input type="hidden" id="estaId" name="estaId" />
            <input type="hidden" id="useridCurrent" name="useridCurrent" />
            <input type="hidden" id="createddate" name="createdDate" />
            <input type="hidden" id="timezone_offset_device" name="timezone_offset_device" />
            <input type="hidden" id="daylight_saving_time" name="daylight_saving_time" /> 
            {{ Form::close() }}
        </div>
    </div>
</div>
<div style="display:none;">
    <table id="timeLogTable">
        <tr>
            <td class='text-center'>0.0H</td>
            <td class='text-center'><input id="clockinTimeNew" name='clockin_time[]' value='' type='text' class='logtime form-control text-center'  style='position:relative' ></td>
            <td class='text-center'><input id='clockoutTimeNew' name='clockout_time[]' value='' type='text' class='logtime form-control text-center' style='position:relative' ></td>            
            <td class='text-center'><select id="roleIdNew" name='role_id[]' class='form-control roleIdOptions'></select></td>
            <td class='text-center'><select id="timeStatusNew" name='time_status[]' class='form-control'><option value='clockinout'  >Clock InOut</option><option value='breakinout'>Break InOut</option></select></td>
            <td class='text-center'><input id="remarksNew" name='remarks[]' value='' type='text' class='form-control text-center' ></td>
            <td class='text-center'>
                <button id='' class='btn btn-sm btn-success savesingleitem' data-type='0' data-id='' ><i class='fa fa-save'></i></button> &nbsp;&nbsp;
                <!-- <button id='' class='btn btn-sm btn-success addItems' ><i class='fa fa-save'></i></button> onClick='saveSingleLogItem(this.id); return false;'  -->
                <button id='' class='btn btn-sm btn-danger removeitem' data-type='0'><i class='fa fa-trash-o'></i></button>  <!-- onClick='removeLogItem(this.id); return false;' -->
                <input type='hidden' id="recordIdNew" name='id[]' value=''>
                <input type='hidden' id="rowType" name='rowType[]' value='new'>
            </td>
        </tr>
    </table>
</div>
<div class="modal fade" id="modalInformationpopup">
    <div class="modal-dialog modal-lg " style="width: 70%;">
        <div class="modal-content">
            <div class="modal-header box box-default" style="border-radius:0px;">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="titlename"></h4>
            </div>
            <div class="modal-body">
                <div class="" id="activityInfoHtml">
                </div>
            </div>
        </div>
    </div>
</div>
{{Form::hidden('timeworkedadd',route('timeworkedadd'),['id'=>'timeworkedadd'])}} 
{{Form::hidden('timeworkeddataoptions',route('timeworkeddataoptions'),['id'=>'timeworkeddataoptions'])}} 
{{Form::hidden('historylogupdatesingle',route('historylogupdatesingle'),['id'=>'historylogupdatesingle'])}} 
{{Form::hidden('logItemDelete',route('historylogdelete'),['id'=>'logItemDelete'])}} 
{{Form::hidden('timeworked',route('timeworked'),['id'=>'timeworked'])}}
{{Form::hidden('filterType',true,['id'=>'filterType'])}}
{{Form::hidden('moduler','timeworked',['id'=>'moduler'])}}
<link href="{{ asset('css/backend/bootstrap-daterangepicker/bootstrap-datetimepicker.css') }}" rel="stylesheet"/>
@endsection 

@section('pagescript') 
<!-- <script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script> -->
<!-- <script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script> -->
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.33/moment-timezone-utils.js" integrity="sha512-6JGIk2nIJOmV0ePdIwxknd9JJ2ey8FoYifw/Kuavi6za9Gv9MMeCVmedsuCt5YFEe9ifqr1hiV3/Sz2K6vyUlQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> -->

{!! Helper::pagejs([ 
    'js/lib/datatables.net/js/jquery.dataTables.min.js', 
    'js/lib/datatables.net-bs/js/dataTables.bootstrap.min.js', 
    'js/lib/datatables.net-bs/js/moment.js', 
    'js/lib/select2/dist/js/select2.full.min.js', 
    'js/lib/moment/min/moment.min.js',
    'js/lib/datatables.net-bs/js/bootstrap-datetimepicker.min.js',
    'js/lib/bootstrap-daterangepicker/daterangepicker.js', 
    'js/lib/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js', 
    'js/lib/plugins/timepicker/bootstrap-timepicker.min.js', 
    'js/backend/schedules/schedule.js', 
    'js/backend/schedules/time_worked.js'
]) !!} 
@stop