@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" style="min-height:0 !important; padding-bottom: 0;">
        <div class="box box-default">
            <div class="box-header without-border border_bottom">
                <div class="row">
                    <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-3">
                        <label>{{ __('lbl.employee')}}</label> 
                        {{ Form::select('user_id[]', [''=>'Search employee']+$users, '', ['class' => 'form-control select2 employees input-sm', 'id'=>'user_id']) }}
                    </div>
                    <!-- <div class="col-md-4">
                        <label class=" ">{{ __('lbl.employees')}}</label> 
                        {{ Form::select('user_id[]', [null=>"--Select--"]+$users, '', ['class' => 'form-control select2 employees input-sm', 'id'=>'user_id', 'name'=>'user_id']) }}
                    </div> -->
                    <div class="col-md-3  ">
                        <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"]) }}
                    </div> 
                </div>
                     
            </div>
        </div>
    </section>

    <section class="content" style="min-height:0 !important; padding-bottom: 0;">
        <div class="box box-default">
            <div class="box-header without-border">
                <div class="box-tools col-md-12">
                    <div class="clearfix"></div>
                </div>
            </div>
            <div class="box-body">
                <div class="row">
                    <div class="col-md-12">
                    </div>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </section>
    <section class="content">
        <div class="row">
            <!-- new section here -->
            <div class="col-md-12">
                <div class="active tab-pane">
                    <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>
                                        <div class="box-body">
                                            <div id="filterReportStatistics">
                                                <center><i class="fa fa-circle-o-notch fa-spin"></i></center>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </section>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>
<div class="modal fade" id="modal-time-worked">
    <div class="modal-dialog modal-lg" style="width:70%">
        {{ Form::open(["class"=>"form-horizontal", "method"=>"POST", "name" => "modal_time_worked", "id" => "modal_time_worked"]) }}
        <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-employee"></h4>
            </div>
            <div class="modal-body">
                <div class="tab-pane" id="price_options">
                    <div class="form-group">
                        <div class="col-sm-1 dilute">Start (HH:MM)</div>
                        <div class="col-sm-1 dilute">End (HH:MM)</div>
                        <div class="col-sm-2 dilute">End status</div>
                        <div class="col-sm-2 dilute">Role</div>
                        <div class="col-sm-2 dilute">Department</div>
                        <div class="col-sm-2 dilute">Remarks</div>
                        <div class="col-sm-2 dilute">Action</div>
                    </div>
                    <div>
                        <span id="StartErrorMsg" class="errmessage"></span>
                        <span id="EndErrorMsg" class="errmessage"></span>
                        <span id="errorMsg" class="errmessage"></span>
                    </div>
                    <div id="item_details" class="hide">
                        <div class="form-group">
                            <div class="col-sm-1 dilute">
                                <input type="hidden" value="" name="time_work[id][]"> {{ Form::text('timein', '', ["class"=>"form-control numer_only mxlen_10","maxlength"=>"10","id"=>"timein","name"=>"time_work[timein][]"]) }} @if ($errors->has('timein'))
                                <label class="error" for="role">{{ $errors->first('timein') }}</label> @endif
                            </div>
                            <div class="col-sm-1 dilute">
                                {{ Form::text('timeout', '', ["class"=>"form-control numer_only mxlen_10","maxlength"=>"10","id"=>"timeout","name"=>"time_work[timeout][]"]) }} @if ($errors->has('timeout'))
                                <label class="error" for="role">{{ $errors->first('timeout') }}</label> @endif
                            </div>
                            <div class="col-sm-2 dilute">
                                {{ Form::select('end_status', ["Clock Out"=>"Clock Out","Break"=>"Break"], '',["class"=>"form-control","id"=>"end_status","name"=>"time_work[end_status][]"]) }} @if ($errors->has('end_status'))
                                <label class="error" for="status">{{ $errors->first('end_status') }}</label> @endif
                            </div>
                            <div class="col-sm-2 dilute">
                                {{ Form::select('end_role', [], '',["class"=>"form-control","id"=>"end_role","name"=>"time_work[end_role][]"]) }} @if ($errors->has('end_role'))
                                <label class="error" for="status">{{ $errors->first('end_role') }}</label> @endif
                            </div>
                            <div class="col-sm-2 dilute">
                                <div class="department"></div>
                            </div>
                            <div class="col-sm-2">
                                {{ Form::text('remarks', '', ["class"=>"form-control mxlen_50","maxlength"=>"50","id"=>"remarks","name"=>"time_work[remarks][]"]) }} @if ($errors->has('remarks'))
                                <label class="error" for="role">{{ $errors->first('remarks') }}</label> @endif
                            </div>
                            <div class="col-md-2 dilute">
                                {{ Form::button('<i class="fa fa-trash"></i>', ["name"=>"remove_item","style"=>"width:50%","class"=>"remove_dataitem clickbtncommon btn-sm btn btn-primary mxlen_50 hide","id"=>"remove_item","name"=>"remove_item[]"]) }}
                            </div>
                        </div>
                    </div>
                    <div id="new_item_details" class="new_item_details"></div>
                    <div class="clearfix"></div>
                    <div class="col-md-3">
                        <div class="form-group ">
                            <button type="button" id="add_item" name="" class="clickbtncommon btn-sm btn btn-primary"><i class="fa fa-plus-circle"></i> {{__('lbl.add_new')}}</button>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                    <div class="col-md-3">
                        {{__('lbl.business_hours')}}
                    </div>
                    <div class="clearfix"></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',"id"=>"buttonTW","value"=>__('lbl.submit'), 'class' => 'clickbtncommon btn-sm btn btn-primary pull-left'] ) }} {{ 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="user-id" name="user_id" />
        <input type="hidden" id="created-date" name="created_date" /> {{ Form::close() }}
    </div>
</div>

{{Form::hidden('timeworked',route('timeworked'),['id'=>'timeworked'])}}
<!-- 

<link href="{{ asset('js/backend/report/bootstrap-multiselect.css') }}" rel="stylesheet" />
<style type="text/css">
    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
        color: #000;
        text-decoration: none;
        background-color: #fff;
        outline: 0;
    } 
    #datetimes {
        width: 72%;
        display: initial;
        height: 35px;
    }
    .dilute {padding-right: 7px !important;padding-left: 15px !important;}
    .lineheight { height: 40px; }
    .labelcls { width: 25%; }
    .btn-group { width: 72%; }
    .btn-group > .btn { width: 100%; }
    .box-header > .box-tools { position: relative !important; }
    @media only screen and (max-width: 768px) {
        .labelcls { width: 100%; }
        .lineheight { height: auto; }
        .btn-group, .btn-group > .btn, #datetimes { width: 100%; }
        button.clickbtncommon { width: 100%; margin: 20px 0; }
    }
    .form-invalid {
        border: 1px solid red;
    }
    .errmessage {
        color: red;
        font-size: 13px;
        font-weight: bold;
        text-align: center;
        white-space: nowrap;
    }
</style>   

'js/backend/report/bootstrap-multiselect.js',-->
@endsection 
@section('pagescript') 
{!! Helper::pagejs([ 
    'js/lib/datatables.net/js/jquery.dataTables.min.js', 
    'js/lib/datatables.net-bs/js/dataTables.bootstrap.min.js', 
    'js/lib/select2/dist/js/select2.full.min.js', 
    'js/lib/moment/min/moment.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