@extends('hr_main')
@section('title', '| ' . $data['pageTitle'])
@section('content')
    @include('successMsg')

    <div class="row add-data-form">
        <div class="col-md-12">
            <div class="col-md-1"></div>
            <div class="col-md-10 fullbody">
                <div class="viewTitle" style="border-bottom: 1px solid white;">
                    <a href="{!! $data['listBtnUrl'] !!}" class="btn btn-info pull-right addViewBtn"><i
                            class="glyphicon glyphicon-th-list viewIcon">
                        </i>{!! $data['listBtnLabel'] !!}</a>
                </div>
                <div class="panel panel-default panel-border">
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="panel-heading">
                                    <div class="panel-title">{!! $data['pageTitle'] !!}</div>
                                </div>

                                <div class="panel-body">
                                    <div class="row">
                                        <div class="col-md-12">
                                    
                                            {!! Form::open(['files' => 'false', 'id' => 'formId', 'role' => 'form', 'class' => 'form-horizontal form-groups']) !!}
                                                
                                                <input type='hidden' name='model_id' id='model_id' value='{{ $data['model']->id }}' />

                                                <div class="form-group col-sm-12">
                                                    <label class="col-sm-2 control-label">Effected From Fiscal Year:</label>
                                                    <div class="col-sm-4">
                                                        {!! Form::text('fiscal_year_id', $data['model']->fiscal_year->name, ['class' => 'form-control fiscal_year_id', 'id' => 'fiscal_year_id', 'readonly']) !!}
                                                        <p id='fiscal_year_id_msg' style="color: red !important"></p>
                                                    </div>
                                                </div>
                                                
                                                <div class="form-group col-sm-12">
                                                    <label class="col-sm-2 control-label">Rebate Type:</label>
                                                    <div class="col-sm-4">
                                                        {!! Form::text('rebate_type', $data['model']->rebate_item->type, ['class' => 'form-control rebate_type', 'id' => 'rebate_type', 'readonly']) !!}
                                                        <p id='rebate_type_msg' style="color: red !important"></p>
                                                    </div>
                                                </div>

                                                <div class="form-group col-sm-12">
                                                    <label class="col-sm-2 control-label">Rebate Item:</label>
                                                    <div class="col-sm-4">
                                                        {!! Form::text('rebate_item_id', $data['model']->rebate_item->name, ['class' => 'form-control rebate_item_id', 'id' => 'rebate_item_id', 'readonly']) !!}
                                                        <p id='rebate_item_id_msg' style="color: red !important"></p>
                                                    </div>
                                                </div>

                                                <label class="col-sm-12"><b>Rebate Amount & Percentage</b><hr></label>
                                                <div class="form-group form-group col-sm-12">
                                                    <label class="col-sm-2 control-label">Limit In Amount</label>
                                                    <div class="col-sm-4">
                                                        {!! Form::text('rebate_amount', $data['model']->rebate_amount, ['class' => 'form-control', 'id' => 'rebate_amount', 'type' => 'text', 'placeholder' => 'Limit In Amount']) !!}
                                                    </div>
                                                </div>

                                                <div class="form-group form-group col-sm-12">
                                                    <label class="col-sm-2 control-label">Limit In Percentage</label>
                                                    <div class="col-sm-4">
                                                        {!! Form::text('rebate_percentage', $data['model']->rebate_percentage, ['class' => 'form-control', 'id' => 'rebate_percentage', 'type' => 'text', 'placeholder' => 'Limit In Percentage']) !!}
                                                    </div>
                                                </div>

                                                <div class="form-group col-sm-12">
                                                    <label class="col-sm-2 control-label">Percentage Againsts</label>
                                                    <div class="col-sm-4">
                                                        {!! Form::select('percentage_effcet_income_type', $data['percentageEffectIncomeTypes'], $data['model']->percentage_effcet_income_type, ['class' => 'form-control percentage_effcet_income_type', 'id' => 'percentage_effcet_income_type']) !!}
                                                        <br>
                                                        <p id='amount_or_percentage_msg' style="color: red !important"></p>
                                                    </div>
                                                </div>
                                                
                                                <div class="row form-group">
                                                    <div class="col-sm-12 text-center">
                                                        {!! Form::submit('Update', ['id' => 'add', 'class' => 'btn btn-info']); !!}
                                                        <a href="{!! $data['closeBtnUrl'] !!}" class="btn btn-danger closeBtn">Close</a>
                                                    </div>
                                                </div>
                                            
                                            {!! Form::close() !!}
                                    
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="footerTitle" style="border-top:1px solid white"></div>
            </div>
            <div class="col-md-1"></div>
        </div>
    </div>
@endsection

@section('footerAssets')
    <script>
        $(document).ready(function() {

            $('#percentage_effcet_income_type').change(function() {
                var currentVal = $(this).val();
                if(currentVal) {
                    $('#amount_or_percentage_msg').text('');
                }
            });

            $('#rebate_amount, #rebate_percentage').on('input',  function () {
                this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');
                $('#amount_or_percentage_msg').text('');
            });

            // Form Submit Function
            $(document).on('submit', '#formId', function(event) {
                event.preventDefault();
                $("#add").prop('disabled', true);

                var formData = $('#formId').serialize();
                $.ajax({
                        url: '../../income-tax-rebate-configure/update',
                        type: 'POST',
                        dataType: 'json',
                        data: formData,
                    })
                .done(function(__response) {
                    if(__response.status == true) {
                        toastr.success(__response.message);
                        setTimeout(function() {
                            location.reload();
                        }, 500);
                    }
                    else if(__response.status == false) {
                        if (__response.field == 'amount_or_percentage') $('#amount_or_percentage_msg').text(__response.message);
                        $("#add").prop('disabled', false);
                    } 
                    else {
                        $("#add").prop('disabled', false);
                        alert("something went wrong");
                    }
                })
                .fail(function() {
                    $("#add").prop('disabled', false);
                    alert("Response error");
                });
            });
        });
    </script>
@endsection