@extends('app-new')

@push('head-script')
    <!-- BEGIN: Vendor CSS-->
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/forms/wizard/bs-stepper.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/pickers/flatpickr/flatpickr.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/pickers/pickadate/pickadate.css">
    <!-- END: Vendor CSS-->

    <!-- BEGIN: Page CSS-->
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/form-validation.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/core/menu/menu-types/vertical-menu.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/form-wizard.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-flat-pickr.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-flat-pickr.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-pickadate.css">
    <!-- END: Page CSS-->
@endpush
@push('content-header')
    <div class="row breadcrumbs-top">
        <div class="col-12">
            <h2 class="content-header-title float-start mb-0">{{trans('master/master.overtime_master')}}</h2>
            <div class="breadcrumb-wrapper">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ url("$alias/home") }}
                        ">{{trans('master/master.home')}}</a>
                    </li>
                    <li class="breadcrumb-item"><a href="{{ url("$alias/overtime-masters") }}">{{trans('master/master.overtime_master')}}</a>
                    </li>
                    <li class="breadcrumb-item active">
                        @if(isset($overTimeMaster) && ($overTimeMaster->id))
                        {{trans('common/common.edit')}}
                    @else
                        {{trans('master/master.add_new')}}
                    @endif
                    </li>
                </ol>
            </div>
        </div>
    </div>
@endpush

@section('content')
<!-- Basic multiple Column Form section start -->
{!! Form::model($overTimeMaster, ['method' => isset($overTimeMaster) && $overTimeMaster->id ? 'put' : 'post', 'files' => 'true']) !!}
    <section class="vertical-wizard">
        <div class="bs-stepper vertical vertical-wizard-example">
            <div class="bs-stepper-header">
                <div class="step" data-target="#personal-info-vertical" role="tab" id="personal-info-vertical-trigger">
                    <button type="button" class="step-trigger">
                        <span class="bs-stepper-box">1</span>
                        <span class="bs-stepper-label">
                            <span class="bs-stepper-title">{{trans('master/master.overtime_master_details')}}</span>
                            <span class="bs-stepper-subtitle">{{trans('master/master.add_overtime_master_details')}}</span>
                        </span>
                    </button>
                </div>
            </div>
            <div class="bs-stepper-content">
                <div id="personal-info-vertical" class="content position-relative" role="tabpanel" aria-labelledby="personal-info-vertical-trigger" style="height: 470px">
                    <div class="content-header">
                        <h5 class="mb-0">{{trans('master/master.overtime_master_details')}}</h5>
                        <small class="text-muted">{{trans('master/master.enter_overtime_master_details')}}</small>
                    </div>
                    
                    <div class="row">
                        <div class="col-md-6 mb-1">
                            <label class="form-label">{{trans('master/master.type')}} <span class="mendatory-field text-danger">*</span></label>
                            <select class="form-control select2" name="type" required onchange="handleType()" id="list_type_id" @if(isset($overTimeMaster) && ($overTimeMaster->id)) disabled @endif>
                                <option value="Organization" selected>All</option>
                                @foreach($types as $val)
                                    <option value="{{$val}}" @if(isset($overTimeMaster ) && ($overTimeMaster->type == $val) || (old('type') == $val)) selected @endif>{{$val}}</option>
                                @endforeach
                            </select>
                            {!! $errors->first('type', '<label class="error" for="type">:message</label>')!!}
                        </div>
                        
                    </div>
                    <div class="row">
                        <div class="col-md-6 mb-1 type_tbl_id_emp">
                            <label class="form-label">{{trans('master/master.employee')}} <span class="mendatory-field text-danger">*</span></label>
                            <select class="form-control select2" name="type_tbl_id_emp[]" multiple="multiple"@if(isset($overTimeMaster) && ($overTimeMaster->id)) disabled @endif>
                                <option value="0">All</option>
                                @foreach($employees as $val)
                                    <option value="{{$val->id}}" @if(isset($overTimeMaster) && $overTimeMaster->type_id == $val->id) selected @endif>{{$val->name}} ({{$val->employee_code}})</option>
                                @endforeach
                            </select>
                            {!! $errors->first('type_tbl_id_emp', '<label class="error" for="date">:message</label>')!!}
                        </div>
                        <div class="col-md-6 mb-1 type_tbl_id_work">
                            <label class="form-label">{{trans('master/master.workman')}} <span class="mendatory-field text-danger">*</span></label>
                            <select class="form-control select2" name="type_tbl_id_emp[]" multiple="multiple"@if(isset($overTimeMaster) && ($overTimeMaster->id)) disabled @endif">
                            <option value="0">All</option>
                                @foreach($workmans as $val)
                                <option value="{{$val->id}}" @if(isset($overTimeMaster) && $overTimeMaster->type_id == $val->id) selected @endif>{{$val->name}} ({{$val->employee_code}})</option>
                                @endforeach
                            </select>
                            {!! $errors->first('type_tbl_id_work', '<label class="error" for="date">:message</label>')!!}
                        </div>
                        
                    </div>
                    <div class="row">
                        <div class="col-md-6 mb-1 type_tbl_id_dept">
                            <label class="form-label">{{trans('master/master.department')}} <span class="mendatory-field text-danger">*</span></label>
                            <select class="form-control select2" name="type_tbl_id_dept[]" multiple="multiple"@if(isset($overTimeMaster) && ($overTimeMaster->id)) disabled @endif>
                            <option value="0">All</option>
                                @foreach($departments as $val)

                                <option value="{{$val->id}}" @if(isset($overTimeMaster) && $overTimeMaster->type_id == $val->id) selected @endif>{{$val->name}}</option>

                                @endforeach
                            </select>

                            {!! $errors->first('type_tbl_id_dept', '<label class="error" for="date">:message</label>')!!}
                        </div>
                        <div class="col-md-6 mb-1 type_tbl_id_loc">
                            <label class="form-label">{{trans('master/master.location')}} <span class="mendatory-field text-danger">*</span></label>
                            <select class="form-control select2" name="type_tbl_id_loc[]" multiple="multiple"@if(isset($overTimeMaster) && ($overTimeMaster->id)) disabled @endif>
                            <option value="0">All</option>
                                @foreach($locations as $val)

                                <option value="{{$val->id}}" @if(isset($overTimeMaster) && $overTimeMaster->type_id == $val->id) selected @endif>{{$val->name}}</option>

                                @endforeach
                            </select>

                            {!! $errors->first('type_tbl_id_loc', '<label class="error" for="date">:message</label>')!!}
                        </div>
                        
                    </div>
                    <div class="row">
                        <div class="col-md-6 mb-1 type_tbl_id_des">
                            <label class="form-label">{{trans('master/master.designation')}} <span class="mendatory-field text-danger">*</span></label>
                            <select class="form-control select2" name="type_tbl_id_des[]" multiple="multiple"@if(isset($overTimeMaster) && ($overTimeMaster->id)) disabled @endif>
                                <option value="0">All</option>
                                @foreach($designations as $val)

                                <option value="{{$val->id}}" @if(isset($overTimeMaster) && $overTimeMaster->type_id == $val->id) selected @endif>{{$val->name}}</option>

                                @endforeach
                            </select>

                            {!! $errors->first('type_tbl_id_des', '<label class="error" for="date">:message</label>')!!}
                        </div>
                        <div class="col-md-6 mb-1 type_tbl_id_role">
                            <label class="form-label">{{trans('master/master.role')}} <span class="mendatory-field text-danger">*</span></label>
                            <select class="form-control select2" name="type_tbl_id_role[]" multiple="multiple" @if(isset($overTimeMaster) && ($overTimeMaster->id)) disabled @endif">
                            <option value="0">All</option>
                                @foreach($roles as $val)

                                <option value="{{$val->id}}" @if(isset($overTimeMaster) && $overTimeMaster->type_id == $val->id) selected @endif>{{$val->name}}</option>

                                @endforeach
                            </select>

                            {!! $errors->first('type_tbl_id_role', '<label class="error" for="date">:message</label>')!!}
                        </div>
                       
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-1  {{{ $errors->has('late_allowed') ? 'has-error' : '' }}}">
                                <label class="form-label" for="late_allowed">{{trans('master/master.number_of_late_allowed')}} <span class="mendatory-field text-danger">*</span></label>
                                {!! Form::text('late_allowed', isset($overTimeMaster) && $overTimeMaster->late_allowed ? $overTimeMaster->late_allowed : old('late_allowed'), ['class' => 'form-control', 'id' => 'late_allowed','maxlength' => '3']) !!} {!! $errors->first('late_allowed', '
                                    <label class="error" for="late_allowed">:message</label>')!!}
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-1  {{{ $errors->has('late_timing') ? 'has-error' : '' }}}">
                                <label class="form-label" for="late_timing">{{trans('master/master.late_timing')}} <span class="mendatory-field text-danger">*</span></label>
                                {!! Form::text('late_timing', isset($overTimeMaster) && $overTimeMaster->late_timing ? $overTimeMaster->late_timing : old('late_timing'), ['class' => 'form-control', 'id' => 'late_timing','maxlength' => '2']) !!} {!! $errors->first('late_timing', '
                                    <label class="error" for="late_timing">:message</label>')!!}
                            </div>
                        </div>
                        
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-1  {{{ $errors->has('min_overtime') ? 'has-error' : '' }}}">
                                <label class="form-label" for="min_overtime">{{trans('master/master.minimum_overtime')}} <span class="mendatory-field text-danger">*</span></label>
                                {!! Form::text('min_overtime', isset($overTimeMaster) && $overTimeMaster->min_overtime ? $overTimeMaster->min_overtime : old('min_overtime'), ['class' => 'form-control', 'id' => 'min_overtime','maxlength' => '2']) !!} {!! $errors->first('min_overtime', '
                                    <label class="error" for="min_overtime">:message</label>')!!}
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-1  {{{ $errors->has('max_overtime') ? 'has-error' : '' }}}">
                                <label class="form-label" for="max_overtime">{{trans('master/master.maximum_overtime')}} <span class="mendatory-field text-danger">*</span></label>
                                {!! Form::text('max_overtime', isset($overTimeMaster) && $overTimeMaster->max_overtime ? $overTimeMaster->max_overtime : old('max_overtime'), ['class' => 'form-control', 'id' => 'max_overtime','maxlength' => '2']) !!} {!! $errors->first('max_overtime', '
                                    <label class="error" for="max_overtime">:message</label>')!!}
                            </div>
                        </div>
                        
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-1  {{{ $errors->has('shift_before_min_overtime') ? 'has-error' : '' }}}">
                                <label class="form-label" for="shift_before_min_overtime">{{trans('master/master.shift_before_min_overtime')}} <span class="mendatory-field text-danger">*</span></label>
                                {!! Form::text('shift_before_min_overtime', isset($overTimeMaster) && $overTimeMaster->shift_before_min_overtime ? $overTimeMaster->shift_before_min_overtime : old('shift_before_min_overtime'), ['class' => 'form-control', 'id' => 'shift_before_min_overtime','maxlength' => '2']) !!} {!! $errors->first('shift_before_min_overtime', '
                                    <label class="error" for="shift_before_min_overtime">:message</label>')!!}
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-1  {{{ $errors->has('shift_after_min_overtime') ? 'has-error' : '' }}}">
                                <label class="form-label" for="shift_after_min_overtime">{{trans('master/master.shift_after_min_overtime')}} <span class="mendatory-field text-danger">*</span></label>
                                {!! Form::text('shift_after_min_overtime', isset($overTimeMaster) && $overTimeMaster->shift_after_min_overtime ? $overTimeMaster->shift_after_min_overtime : old('shift_after_min_overtime'), ['class' => 'form-control', 'id' => 'shift_after_min_overtime','maxlength' => '2']) !!} {!! $errors->first('shift_after_min_overtime', '
                                    <label class="error" for="shift_after_min_overtime">:message</label>')!!}
                            </div>
                        </div>
                    </div>

                    <div class="content-footer position-absolute bottom-0 col-md-12">
                        <div class="d-flex flex-row-reverse content-footer">
                            <button type="submit" class="btn btn-success btn-submit user-submit" id="submit-text">{{trans('common/common.submit')}}</button>
                        </div>
                    </div>

                </div>
                
            </div>
        </div>
    </section>
 
{!! Form::close() !!} 
<!-- Basic Floating Label Form section end -->

@endsection 

@push('footer-script')

<!-- BEGIN: Page Vendor JS-->
<script src="/app-assets/vendors/js/forms/wizard/bs-stepper.min.js"></script>
<script src="/app-assets/vendors/js/forms/select/select2.full.min.js"></script>
<script src="/app-assets/vendors/js/forms/validation/jquery.validate.min.js"></script>
<script src="/app-assets/vendors/js/pickers/flatpickr/flatpickr.min.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/picker.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/picker.date.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/picker.time.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/legacy.js"></script>
<!-- END: Page Vendor JS-->

<!-- BEGIN: Page JS-->
<script src="/app-assets/js/scripts/forms/form-wizard.js"></script>
<script src="/app-assets/js/scripts/forms/form-validation.js"></script>
<script src="/app-assets/js/scripts/forms/pickers/form-pickers.js"></script>
<!-- END: Page JS-->
<script type="text/javascript">
    function handleType() {
        var type = $("#list_type_id").val();
        console.log(type);

        $(".type_tbl_id_emp").removeClass('hidden');
        $(".type_tbl_id_work").removeClass('hidden');
        $(".type_tbl_id_dept").removeClass('hidden');
        $(".type_tbl_id_des").removeClass('hidden');
        $(".type_tbl_id_role").removeClass('hidden');
        $(".type_tbl_id_loc").removeClass('hidden');
        

        $(".type_tbl_id_emp select").val(``);
        $(".type_tbl_id_work select").val(``);
        $(".type_tbl_id_dept select").val(``);
        $(".type_tbl_id_des select").val(``);
        $(".type_tbl_id_loc select").val(``);
        $(".type_tbl_id_role select").val(``);

        $(".type_tbl_id_emp select").select2();
        $(".type_tbl_id_work select").select2();
        $(".type_tbl_id_dept select").select2();
        $(".type_tbl_id_des select").select2();
        $(".type_tbl_id_loc select").select2();
        $(".type_tbl_id_role select").select2();


        $(".type_tbl_id_emp").addClass('hidden');
        $(".type_tbl_id_work").addClass('hidden');
        $(".type_tbl_id_dept").addClass('hidden');
        $(".type_tbl_id_des").addClass('hidden');
        $(".type_tbl_id_role").addClass('hidden');
        $(".type_tbl_id_loc").addClass('hidden');

        switch (type) {
            case 'Employee':
                $(".type_tbl_id_emp").removeClass('hidden')
                break;
            case 'Department':
                $(".type_tbl_id_dept").removeClass('hidden')
                break;
            case 'Designation':
                $(".type_tbl_id_des").removeClass('hidden')
                break;
            case 'Role':
                $(".type_tbl_id_role").removeClass('hidden')
                break;
            case 'Location':
                $(".type_tbl_id_loc").removeClass('hidden')
                break;
            case 'Workman':
                $(".type_tbl_id_work").removeClass('hidden')
                break;
            default:
                
        }
    }

    $(document).ready(function() {
        $(".type_tbl_id_emp").addClass('hidden');
        $(".type_tbl_id_work").addClass('hidden');
        $(".type_tbl_id_dept").addClass('hidden');
        $(".type_tbl_id_des").addClass('hidden');
        $(".type_tbl_id_role").addClass('hidden');
        $(".type_tbl_id_loc").addClass('hidden');
        var type = $("#list_type_id").val();
        switch (type) { 
            case 'Employee':
                $(".type_tbl_id_emp").removeClass('hidden')
                break;
            case 'Department':
                $(".type_tbl_id_dept").removeClass('hidden')
                break;
            case 'Designation':
                $(".type_tbl_id_des").removeClass('hidden')
                break;
            case 'Role':
                $(".type_tbl_id_role").removeClass('hidden')
                break;
            case 'Location':
                $(".type_tbl_id_loc").removeClass('hidden')
                break;
            case 'Workman':
                $(".type_tbl_id_work").removeClass('hidden')
                break;
            default:
                
        }
    })
</script>
@endpush