@extends('layouts.app-hr')
@section('content')
    <?php Fun::lang()?>

    <div class="top-header">
        <ol class="breadcrumb">
            <li><a href="#">{{__('administrator.Dashboard')}}</a></li>
            <li><a href="{{route('hr-overtime-request.index')}}">{{__('administrator.overtime')}}</a></li>
        </ol>
    </div>
    <div class="container">
        <div class="top-content">
            <div class="row">
                <div class="col-sm-12 col-xs-12">
                    <div class="title-add">
                        <div class="pull-left">
                            <h3>{{__('administrator.overtime')}}</h3>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {!! Form::open(array('route' => 'hr-overtime-request.store','method'=>'POST','enctype'=>'multipart/form-data')) !!}
        <div class="row">
            <div class="col-sm-12">
                <div class="master-form">
                    <div class="title-note">
                        <h3><span class="fa fa-exclamation-triangle"></span> {{__('administrator.overtime')}}
                            <i>({{__('administrator.fields_in_red_are_required')}})</i></h3>
                    </div>
                    <div class="form-group col-md-3 col-sm-6 col-xs-12">
                        <div class="">
                            <strong class="required"  for="name">{{__('administrator.employee')}}</strong>
                            {!! Form::select('emp_id',$employee ,null, array('placeholder' => __('administrator.please_select'),'class' => 'form-control select2','required')) !!}
                        </div>
                    </div>
                    <div class="form-group col-md-3 col-sm-6 col-xs-12">
                        <div class="">
                            <strong class="required"  for="name">{{__('administrator.project')}}</strong>
                            {!! Form::text('project', null, array('placeholder' => __('administrator.project'),'class' => 'form-control', 'autocomplete'=>'off','required')) !!}
                        </div>
                    </div>
                    <div class="form-group col-md-3 col-sm-6 col-xs-12">
                        <div class="">
                            <strong class="required"  for="name">{{__('administrator.date')}}</strong>
                            {!! Form::text('date', null, array('placeholder' => __('administrator.date'),'class' => 'form-control date_picker', 'autocomplete'=>'off','required')) !!}
                        </div>
                    </div>
                    <div class="form-group col-md-3 col-sm-6 col-xs-12">
                        <div class="">
                            <strong class="" for="name">{{__('administrator.time_in')}}</strong>
                            <!-- time Picker -->
                            <div class="bootstrap-timepicker ">
                                <div class="form-group">
                                    <div class="input-group">
                                        {!! Form::text('time_in', null,array('class' => 'form-control timepicker')) !!}
                                        <div class="input-group-addon">
                                        <i class="fa fa-clock-o"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group col-md-3 col-sm-6 col-xs-12">
                        <div class="">
                            <strong class="" for="name">{{__('administrator.time_out')}}</strong>
                            <!-- time Picker -->
                            <div class="bootstrap-timepicker ">
                                <div class="form-group">
                                    <div class="input-group">
                                        {!! Form::text('time_out', null,array('class' => 'form-control timepicker')) !!}
                                        <div class="input-group-addon">
                                        <i class="fa fa-clock-o"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group col-md-3 col-sm-6 col-xs-12">
                        <div class="">
                            <strong class="" for="name">{{__('administrator.hour')}}</strong>
                            {!! Form::text('hour', null, array('placeholder' => __('administrator.hour'),'class' => 'form-control number-only', 'autocomplete'=>'off')) !!}
                        </div>
                    </div>
                    <div class="form-group col-md-3 col-sm-6 col-xs-12">
                        <div class="">
                            <strong class="required" for="name">{{__('administrator.ot_type')}}</strong>
                            {!! Form::select('ot_type',[
                                    ''=>__('administrator.please_select'),
                                    'ot_night_shift'=>__('administrator.ot_night_shift'),
                                    'ot_normal'=>__('administrator.ot_normal'),
                                    'ot_eight'=>__('administrator.ot_eight'),
                                    'ot_over_night'=>__('administrator.ot_over_night'),
                                    'ot_sunday'=>__('administrator.ot_sunday'),
                                    'ot_holiday'=>__('administrator.ot_holiday')]
                                     ,null, array('class' => 'form-control select2','required')) !!}
                        </div>
                    </div>
                    <div class="form-group col-md-3 col-sm-6 col-xs-12">
                        <div class="">
                            <strong class="required" for="name">{{__('administrator.ot_rate')}}</strong>
                            {!! Form::select('ot_rate',[
                                    ''=>__('administrator.please_select'),
                                    '1'=>'100%',
                                    '1.5'=>'150%',
                                    '2'=>'200%']
                                    ,null, array('class' => 'form-control select2','required')) !!}
                        </div>
                    </div>
                    <div class="form-group col-sm-12 col-xs-12">
                        <div class=" ">
                            <strong class=""  for="name">{{__('administrator.reason')}}</strong>
                            {!! Form::textarea('reason', null, array('placeholder' => __('administrator.reason'),'class' => 'form-control no-resize', 'autocomplete'=>'off','rows'=>'3')) !!}
                        </div>
                    </div>
                    <div class="form-group col-sm-12 col-xs-12">
                        <div class=" ">
                            <strong class=""  for="name">{{__('administrator.note')}}</strong>
                            {!! Form::textarea('note', null, array('placeholder' => __('administrator.note'),'class' => 'form-control no-resize', 'autocomplete'=>'off','rows'=>'3')) !!}
                        </div>
                    </div>

                    <div class="col-sm-12 col-xs-12">
                        <div class="form-group footer-save">
                            <button type="submit" class=" button_primary pull-right"><span
                                        class="fa fa-save"></span> {{__('administrator.save')}}</button>
                            <button type="button" onClick="history.go(-1)"
                                    class=" button_warning pull-right">
                                <span class=" fa fa-arrow-circle-left"></span> {{__('administrator.back')}}</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {!! Form::close() !!}
    </div>
@endsection




