@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>

    <!-- <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" /> -->
    <section class="content">
        <div class="box box-default">
            <div class="box-header without-border">
                <div class="row">
                    <!-- <div class="col-md-3">                  
                      <div class="input-group datetimepicker">
                         <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                         <input class="set-due-date form-control" type="text" id="closingdate"/>
                      </div>
                    </div> -->
                    <div class="clearfix"></div>
                    {{ Form::open(['url' => route('shiftschedule'), '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"=>"datetimes1","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-2">
                        <label class="labelcls">{{ __('lbl.establishments')}}</label> {{ Form::select('estaId', $establishments, $currentEstaId, ['class' => 'form-control establishments select2 input-sm', 'id' => 'estaId']) }}
                    </div>
                    <div class="col-md-4">
                        <label class=" ">{{ __('lbl.action')}}</label> <br/> 
                        {{ Form::button('<i class="fa fa-filter fa-1x"></i> '. __('lbl.filter'), ["class"=>"clickbtncommon btn btn-sm btn-primary","id"=>"dateSearch"]) }}
                        @if(Helper::checkAccess('time_worked_export'))
                        {{ Form::button('<i class="fa fa-file-pdf-o fa-1x" aria-hidden="true"></i>&nbsp;'. __('lbl.pdf'), ["style"=>"display:inline","class"=>"clickbtncommon btn btn-sm btn-primary","value"=>"pdf","type"=>"submit","name"=>"export"]) }}
                        {{ Form::button('<i class="fa fa-file-excel-o fa-1x" aria-hidden="true"></i>&nbsp;'. __('lbl.xlsx'), ["style"=>"display:inline","class"=>"clickbtncommon btn btn-sm btn-primary","value"=>"xlsx","type"=>"submit","name"=>"export"]) }}
                        {{ Form::button('<i class="fa fa-file-excel-o fa-1x"></i></i> '. __('lbl.time_report'), ["style"=>"display:inline","class"=>"clickbtncommon btn btn-sm btn-primary downloadProductMixReport","value"=>"time_report","type"=>"submit","name"=>"export"]) }}
                        @endif
                        @if(Helper::checkAccess('time_worked_payroll_export'))
                        {{ Form::button('<i class="fa fa-file-excel-o fa-1x"></i></i> '. __('lbl.export_payroll'), ["style"=>"display:none","class"=>"clickbtncommon btn btn-sm btn-primary downloadProductMixReport","value"=>"time_payroll_export","type"=>"submit","name"=>"export"]) }}
                        @endif
                    </div>
                    {{Form::close()}}
                    <div class="col-md-1">
                        <label class="labelcls">{{ __('lbl.import')}}</label>
                        <a  href="#" 
                            class="clickbtncommon btn btn-sm btn-primary" 
                            title="{{__('lbl.import')}}" 
                            data-toggle="modal" 
                            data-target="#modal-importshiftschedule">
                            <i class="fa fa-file-excel-o fa-1x"></i> {{__('lbl.import')}}
                        </a>
                    </div>
                </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" /> 
            {{ 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>
<!-- IMPORT INVENTORY FORM SECTION START-->
<div class="modal fade" id="modal-importshiftschedule">
    <div class="modal-dialog"> 
        {{ Form::open(['url' => route('shiftscheduleimportbulk'), 
                                "class"=>"form-horizontal", 
                                "method"=>"POST", 
                                "enctype"=>"multipart/form-data", 
                                "file" => true, 
                                "name" => "modal_shedule_import", 
                                "id" => "import_shiftschedule_form"]) }}
        <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="title-actual"> 
                    {{__('lbl.bulk_schedule_import')}} 
                </h4>
            </div>
            <div class="modal-body">
                <div class="tab-pane" id="price_options">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">{{ __('lbl.establishments')}}</label>
                        <div class="form-group"> 
                            <div class="col-sm-6">
                               {{ Form::select('estaId', $establishments, $currentEstaId, ['class' => 'form-control establishments select2 input-sm', 'id' => 'estaId']) }}
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">{{ __('lbl.select_file')}}</label>
                        <div class="form-group"> 
                            <div class="col-sm-6">
                                {{ Form::file('import_shift_schedule', ["class"=>"form-control","required","id"=>"import_shift_schedule"]) }}
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label"></label>
                        <div class="form-group"> 
                            <div class="col-sm-6">
                                <a href="{{ asset('csv/backend/shift_schedule_sample.csv')}}" download target="_blank" style="color:black;" class=""><img src="{{asset('images/backend/icondownload.png')}}" class="icondownload" title="Downoad"/> {{ __('lbl.download_csv') }}</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <div class="row">
                    <div class="col-md-6 pull-left">
                        {{ Form::button('<i class="fa fa-save"></i> '.__('lbl.submit'), ['type' => 'submit',"value"=>__('lbl.submit'), 'class' => 'clickbtncommon btn-sm btn btn-primary pull-left'] )  }} <!-- "id"=>"buttonactual",-->
                        {{ Form::button('<i class="fa fa-backward"></i> '.__('lbl.cancel'), ["data-dismiss"=>"modal", "value"=>__('lbl.cancel'), 'class' => 'clickbtncommon btn-sm btn btn-primary pull-left'] )  }}
                    </div>
                </div>
                <div id="errorLog" class="pull-left"></div>
            </div>
        </div>
        <input type="hidden" id="timezone_offset_device_import_schedule" name="timezone_offset_device" /> 
        {{ Form::close() }} 
    </div> 
</div>
<!-- IMPORT INVENTORY FROM SECTION END-->

{{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','schedule',['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'
]) !!} 
<script>
    
    </script>
@stop