@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' value='{{ $data['taxExemptionItem']['id'] }}' />

                                            <div class="form-group">
                                                {!! Form::label('Item Name', 'Item Name', ['class' => 'col-sm-2 control-label']) !!}
                                                <div class="col-sm-4">
                                                    {!! Form::text('name', $data['taxExemptionItem']['name'], [
                                                        'class' => 'form-control',
                                                        'id' => 'name',
                                                        'type' => 'text',
                                                        'placeholder' => 'Item Name',
                                                    ]) !!}
                                                    <p id='nameMsg' style="color: red !important;"></p>
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <div class="col-md-2"></div>
                                                <div class="col-sm-4">
                                                    {!! 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() {

            $('#name').keyup(function() {
                 $('#nameMsg').text(''); 
            });

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

                var formData = $('#formId').serialize();
                $.ajax({
                        url: '../../income-tax-exemption-item/update',
                        type: 'POST',
                        dataType: 'json',
                        data: formData,
                    })
                    .done(function(__response) {
                        if (__response.errors) {
                            if (__response.errors.name) $('#nameMsg').text(__response.errors.name[0]);
                            $("#add").prop('disabled', false);
                        } 
                        else if (__response.status == true) {
                            toastr.success(__response.message);
                            setTimeout(function() {
                                location.reload();
                            }, 1000);
                        } 
                        else if (__response.status == false) {
                            toastr.error(__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