@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.incentive_rules') }}</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/incentive/rules") }}">{{ trans('master/master.incentive_rules') }}</a>
                    </li>
                    <li class="breadcrumb-item active">
                        @if(isset($incentiveRule->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 role="post-data" method="POST" 
    action="@if (isset($incentiveRule) && $incentiveRule){{ $orgUrl.'/incentive/rule/update/'.$incentiveRule->id }}@else{{ $orgUrl.'/incentive/rule/store' }}@endif " redirect="{{ $orgUrl.'/incentive/rules' }}">
    
        @if(isset($incentiveRule->id))
            <input type="hidden" name="_method" value="PUT">
        @endif
        <section id="multiple-column-form">
            <div class="card new-cardbox p-1">
                <div class="row">
                    <div class="col-md-9 border-end">
                        <div class="card-header newheader border-bottom mb-1 px-0">
                            <h4 class="card-title">{{trans('master/master.fill_the_below_information')}} </h4>
                        </div>
                        <div class="card-body px-0">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="row">
                                        
                                        <div class="col-md-4 mb-1">
                                            <label class="form-label">{{trans('master/master.title')}} <span class="mendatory-field text-danger">*</span></label>
                                            <input type="text" name="title" value="{{ isset($incentiveRule) && $incentiveRule ? $incentiveRule->title : '' }}" class="form-control">
                                        </div>
                                        <div class="col-md-4 mb-1">
                                            <label class="form-label">{{trans('master/master.satled_to')}} <span class="mendatory-field text-danger">*</span></label>
                                            <select class="form-control select2" name="settled_to" >
                                                <option value="">--select--</option>
                                                @foreach($payrollCompontTypes as $payrollCompontType)
                                                    <option value="{{$payrollCompontType->id}}" @if(isset($incentiveRule) && $incentiveRule->settled_to == $payrollCompontType->id) selected @endif>{{$payrollCompontType->name}} </option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="col-md-4 mb-1">
                                            <label class="form-label">{{trans('master/master.incentive_type')}} <span class="mendatory-field text-danger">*</span></label>
                                            <select class="form-control" name="incentive_type" id="incentive-type">
                                                <option value="Attendance Incentive" @if(isset($incentiveRule) && $incentiveRule->incentive_type == "Attendance Incentive") selected @endif>Attendance Incentive</option>
                                                <option value="Night Shift Incentive" @if(isset($incentiveRule) && $incentiveRule->incentive_type == "Night Shift Incentive") selected @endif>Night Shift Incentive</option>
                                                <option value="Extra Days" @if(isset($incentiveRule) && $incentiveRule->incentive_type == "Extra Days") selected @endif>Extra Days</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="row">
                                            
                                            <div class="col-md-6 mb-1 incentive-rule-type-box" @if(isset($incentiveRule) && ($incentiveRule->incentive_type == "Night Shift Incentive" || $incentiveRule->incentive_type == "Extra Days")) style= "display:none" @endif>
                                                <div>
                                                
                                                <label class="form-label">{{trans('master/master.type')}} <span class="mendatory-field text-danger">*</span></label>
                                                <select class="form-control" name="type" id="incentive-rule-type">
                                                    <option value="">select</option>
                                                    <option value="full attendance" @if(isset($incentiveRule) && $incentiveRule->type == "full attendance") selected @endif>Full Attendance</option>
                                                    <option value="days slab" @if(isset($incentiveRule) && $incentiveRule->type == "days slab") selected @endif>Days Slab</option>
                                                </select>
                                                </div>
                                            </div>

                                            <div class="col-md-6 mb-1 incentive-rule-type-box"  @if(isset($incentiveRule) && ($incentiveRule->incentive_type == "Night Shift Incentive" || $incentiveRule->incentive_type == "Extra Days")) style= "display:none" @endif>
                                                <label class="form-label">{{trans('master/master.exclude_to')}}</label>
                                                <select class="form-control select2" name="excluded_to[]"  multiple>
                                                    <option value="">select</option>
                                                    <option value="leave" @if(isset($incentiveRule) && $incentiveRule->excluded_to && in_array('leave',$incentiveRule->excluded_to)) selected @endif>Leave</option>
                                                    <option value="week-off" @if(isset($incentiveRule) && $incentiveRule->excluded_to && in_array('week-off',$incentiveRule->excluded_to)) selected @endif>Week-Off</option>
                                                    <option value="holiday" @if(isset($incentiveRule) && $incentiveRule->excluded_to && in_array('holiday',$incentiveRule->excluded_to)) selected @endif>Holiday</option>
                                                </select>
                                            </div>
                                            
                                            <div class="col-md-6 mb-1" id="incentive-rule-amount" @if(isset($incentiveRule) && ($incentiveRule->type == "full attendance" || $incentiveRule->incentive_type == "Night Shift Incentive")) style="display:block" @else style="display:none" @endif>
                                                <label class="form-label">{{trans('master/master.incentive_amount')}} <span class="mendatory-field text-danger">*</span></label>
                                                <input type="text" name="incentive_amount"  value="{{ isset($incentiveRule) && $incentiveRule ? $incentiveRule->incentive_amount : '' }}" class="form-control decimal-only in-amount">
                                            </div>

                                            <div class="col-md-6 mb-1" id="incentive-components"  @if(isset($incentiveRule) && $incentiveRule->incentive_type == "Extra Days" ) style="display:block" @else style="display:none" @endif>
                                                <label class="form-label">{{trans('master/master.claculated_on')}} <span class="mendatory-field text-danger">*</span></label>
                                                <select class="form-control select2" name="calculated_on[]" multiple>
                                                    <option value="">--select--</option>
                                                    @foreach($payrollCompontTypes as $payrollCompontType)
                                                        <option value="{{$payrollCompontType->id}}" @if(isset($incentiveRule) && in_array($payrollCompontType->id,$incentiveRule->calculated_on ?? [])) selected @endif>{{$payrollCompontType->name}} </option>
                                                    @endforeach
                                                </select>
                                            </div>

                                        </div>
                                    </div>
                                    <div class="incentive-attribute-box" id="incentive-attribute" @if(isset($incentiveRule) && $incentiveRule->type == "days slab") style="display:block" @else style="display:none" @endif>
                                        @if(isset($incentiveRule) && $incentiveRule->incentiveRuleAttributes->isNotEmpty())
                                            @foreach($incentiveRule->incentiveRuleAttributes as $key=>$incentiveRuleAttribute)
                                            <div class="row incentive-attribute"  >
                                                <div class="col-md-3 mb-1">
                                                    <label class="form-label">{{trans('master/master.min_working_days')}} <span class="mendatory-field text-danger">*</span></label>
                                                    <input type="text" name="incentive_attribute[{{$key}}][min_working_days]"  value="{{ isset($incentiveRuleAttribute) && $incentiveRuleAttribute ? $incentiveRuleAttribute->min_working_days : '' }}" class="form-control decimal-only in-min-working-days">
                                                </div>
                                                <div class="col-md-3 mb-1">
                                                    <label class="form-label">{{trans('master/master.max_working_days')}} <span class="mendatory-field text-danger">*</span></label>
                                                    <input type="text" name="incentive_attribute[{{$key}}][max_working_days]"  value="{{ isset($incentiveRuleAttribute) && $incentiveRuleAttribute ? $incentiveRuleAttribute->max_working_days : '' }}" class="form-control decimal-only in-max-working-days">
                                                </div>
                                                <div class="col-md-4 mb-1">
                                                    <label class="form-label">{{trans('master/master.incentive_amount')}} <span class="mendatory-field text-danger">*</span></label>
                                                    <input type="text" name="incentive_attribute[{{$key}}][incentive_amount]"  value="{{ isset($incentiveRuleAttribute) && $incentiveRuleAttribute ? $incentiveRuleAttribute->incentive_amount : '' }}" class="form-control decimal-only in-amount">
                                                </div>
                                                @if($key)
                                                    <div class="col-md-2 mb-1">
                                                        <button type="button" class="btn btn-icon round btn-danger waves-effect remove-incentive-attribute mt-2">Remove</button>
                                                    </div>
                                                    
                                                @else
                                                    <div class="col-md-2 mb-1">
                                                        <button type="button" class="btn btn-icon round btn-success waves-effect add-incentive-attribute mt-2">Add More</button>
                                                    </div>
                                                @endif
                                                
                                            </div>
                                            @endforeach
                                        @else    
                                            <div class="row incentive-attribute"> 
                                                <div class="col-md-3 mb-1">
                                                    <label class="form-label">{{trans('master/master.min_working_days')}} <span class="mendatory-field text-danger">*</span></label>
                                                    <input type="text" name="incentive_attribute[0][min_working_days]"  value="" class="form-control decimal-only in-min-working-days">
                                                </div>
                                                <div class="col-md-3 mb-1">
                                                    <label class="form-label">{{trans('master/master.max_working_days')}} <span class="mendatory-field text-danger">*</span></label>
                                                    <input type="text" name="incentive_attribute[0][max_working_days]"  value="" class="form-control decimal-only in-max-working-days">
                                                </div>
                                                <div class="col-md-4 mb-1">
                                                    <label class="form-label">{{trans('master/master.incentive_amount')}} <span class="mendatory-field text-danger">*</span></label>
                                                    <input type="text" name="incentive_attribute[0][incentive_amount]"  value="" class="form-control decimal-only in-amount">
                                                </div>
                                                
                                                <div class="col-md-2 mb-1">
                                                    <button type="button" class="btn btn-icon round btn-success waves-effect add-incentive-attribute mt-2">Add More</button>
                                                </div>
                                            </div>
                                        @endif 
                                    </div>   


                                    <div class="col-md-12">
                                        <div class="d-flex justify-content-between content-footer">
                                            <button type="button" data-request="ajax-submit" data-target="[role=post-data]" class="btn btn-success btn-submit user-submit" id="submit-text">{{trans('common/common.submit')}}</button>
                                        </div>
                                    </div>

                                </div>
                            </div>

                        </div>

                    </div>

                    <div class="col-md-3">
                        <div class="card-header newheader border-bottom mb-1 px-0">
                            <h4 class="card-title">Status</h4>
                        </div>
                        <div class="card-body px-0">
                            <div>
                                <div class="form-check form-check-primary mb-2">
                                    <input type="radio" id="statusRadio1" name="status"
                                        class="form-check-input"  value="active" {{ isset($incentiveRule) && $incentiveRule->status != 'active'? 'checked' : 'checked' }}>
                                    <label class="form-check-label fw-bolder"
                                        for="customColorRadio1">Active</label>
                                </div>
                                <div class="form-check form-check-primary">
                                    <input type="radio" id="statusRadio2" name="status"
                                        class="form-check-input" value="inactive" {{ isset($incentiveRule) && $incentiveRule->status == 'inactive'? 'checked' : '' }}>
                                    <label class="form-check-label fw-bolder"
                                        for="customColorRadio2">Inactive</label>
                                </div>
                            </div>
                        </div>

                    </div>

                </div>
            </div>
        </section>

    </form>
    <!-- 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 src="{{ asset('js/common-script.js') }}"></script>
    <script src="{{ asset('js/sweetalert.js') }}"></script>
    <script>
        $(document).ready(function() {
            $("body").on("click",".add-incentive-attribute",function(){ 
                var html = '<div class="row incentive-attribute"><div class="col-md-3 mb-1"><label class="form-label">{{trans('master/master.min_working_days')}} <span class="mendatory-field text-danger">*</span></label><input type="text" name="incentive_attribute[0][min_working_days]"  value="" class="form-control in-min-working-days decimal-only"> </div><div class="col-md-3 mb-1"><label class="form-label">{{trans('master/master.max_working_days')}} <span class="mendatory-field text-danger">*</span></label><input type="text" name="incentive_attribute[0][max_working_days]"  value="" class="form-control in-max-working-days decimal-only"> </div><div class="col-md-4 mb-1"><label class="form-label">{{trans('master/master.incentive_amount')}} <span class="mendatory-field text-danger">*</span></label><input type="text" name="incentive_attribute[0][incentive_amount]"  value="" class="form-control decimal-only in-amount"> </div><div class="col-md-2 mb-1"><button type="button" class="btn btn-icon round btn-danger waves-effect remove-incentive-attribute mt-2">Remove</button></div></div>';
                $(".incentive-attribute-box").append(html);

                $(".incentive-attribute").each(function(index,element) {
                    $(this).find('.in-min-working-days').attr('name', 'incentive_attribute['+index+'][min_working_days]');
                    $(this).find('.in-max-working-days').attr('name', 'incentive_attribute['+index+'][max_working_days]');
                    $(this).find('.in-amount').attr('name', 'incentive_attribute['+index+'][incentive_amount]');
                });
            });

            $("body").on("click",".remove-incentive-attribute",function(){ 
                $(this).parents(".incentive-attribute").remove();
            });
        });
    </script>
    <script>
        $(document).ready(function(){
            $("#incentive-type").change(function(){
                $incentiveType = $(this).val();
                if($incentiveType == 'Night Shift Incentive'){
                    $("#incentive-rule-amount").show();
                    $("#incentive-rule-amount").val('0.00');
                    $("#incentive-attribute").hide();
                    $(".incentive-rule-type-box").hide();
                    $("#incentive-components").hide();
                }else if($incentiveType == 'Attendance Incentive'){

                    $("#incentive-rule-amount").hide();
                    $("#incentive-rule-amount").val('0.00');
                    $("#incentive-attribute").hide();
                    $(".incentive-rule-type-box").show();
                    $("#incentive-rule-type option:selected").removeAttr("selected");
                    $("#incentive-components").hide();
                }else{
                    $("#incentive-rule-amount").hide();
                    $("#incentive-rule-amount").val('0.00');
                    $("#incentive-attribute").hide();
                    $(".incentive-rule-type-box").hide();
                    $("#incentive-rule-type option:selected").removeAttr("selected");
                    $("#incentive-components").show();

                }
            });  
            $("#incentive-rule-type").change(function(){
                $data = $(this).find(":selected").val();
                if($data == 'full attendance'){
                    $("#incentive-rule-amount").show();
                    $("#incentive-rule-amount").val('0.00');
                    $("#incentive-attribute").hide();
                }else{
                    $("#incentive-rule-amount").hide();
                    $("#incentive-rule-amount").val('0.00');
                    $("#incentive-attribute").show();
                }
            });
        });
    </script>
@endpush