@extends('hr_main')
@section('title', '| ' . $data['pageTitle'])
@section('content')
    <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="panel-heading">
                            <div class="panel-title">{!! $data['pageTitle'] !!}</div>
                        </div>
                        <div class="panel-body">

                             {!! Form::open([
                                'url' => url('hr/employeeIdCardTypeConfig/update'),
                                'id' => 'formId',
                                'class' => 'form',
                                'method' => 'post',
                              ]) !!}

                              <input name="id" type="hidden" value="{{ $data['model']->id }}" />
                              <div class="row form-group">

                                 <div class="col-sm-12">
                              
                                    <div class="col-sm-2">
                                        {!! Form::label('name', 'Type Name', ['class' => 'control-label']) !!}
                                        <span style="color: red">*</span>
                                    </div>

                                    <div class="col-sm-4">
                                        {!! Form::text('name', $data['model']->name, [
                                                  'class' => 'form-control',
                                                  'id' => 'name',
                                        ]) !!}
                                        <p id='name_msg' style="max-height:3px; color:#FF0000 !important;"></p>
                                    </div>
                              
                                 </div>
                                        
                              </div>

                              <br>
                              <div class="row form-group">

                                 <div class="col-sm-12">
                              
                                    <div class="col-sm-2">
                                        {!! Form::label('amount', 'Print Charge Amount', ['class' => 'control-label']) !!}
                                        <span style="color: red">*</span>
                                    </div>

                                    <div class="col-sm-4">
                                        {!! Form::text('amount', $data['model']->amount, [
                                                  'class' => 'form-control',
                                                  'id' => 'amount',
                                        ]) !!}
                                        <p id='amount_msg' style="max-height:3px; color:#FF0000 !important;"></p>
                                    </div>
                              
                                 </div>
                                        
                              </div>

                              <div class="row form-group" style="margin-top: 20px; margin-left: 230px">
                                  <div class="col-sm-8 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 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, #amount').keyup(function()
            {
                if($(this).attr('id') == 'name') $('#name_msg').text('');
                if($(this).attr('id') == 'amount') $('#amount_msg').text('');
            });
            
            // Form Submit Function
            $(document).on('submit', '#formId', function(event) 
            {
                event.preventDefault();
                $("#add").prop('disabled', true);

                var formData = $('#formId').serialize();

                $.ajax({
                    url: '../../employeeIdCardTypeConfig/update',
                    type: 'POST',
                    dataType: 'json',
                    data: formData,
                })
                .done(function(__response) 
                {   
                    if(__response.errors)
                    {
                        if (__response.errors.name) $('#name_msg').text(__response.errors.name[0]);
                        if (__response.errors.amount) $('#amount_msg').text(__response.errors.amount[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