@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['listUrl'] !!}" class="btn btn-info pull-right addViewBtn"><i class="glyphicon glyphicon-th-list viewIcon">
                    </i>{!! $data['listLabel'] !!}</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">
                                
                                {!! Form::open(array('role' => 'form', 'files' => 'false', 'id' => 'formId', 'class' => 'form-horizontal form-groups')) !!}

                                    <div class="form-group">
                                        <label class='col-sm-2 control-label'>Employee<span style='color: red'>*</span></label>
                                        <div class="col-sm-4">
                                            {!! Form::select('employee_id', $data['employees'], null, ['class' => 'select2 form-control', 'id' => 'employee_id']) !!}
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class='col-sm-2 control-label'>Start From</label>
                                        <div class="col-sm-4">
                                            {!! Form::text('start_from', date('d-m-Y'), ['class' => 'form-control', 'id' => 'start_from', 'readonly' => true]) !!}
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class='col-sm-2 control-label'>End To</label>
                                        <div class="col-sm-4">
                                            {!! Form::text('end_to', '', ['class' => 'datepicker form-control', 'id' => 'end_to']) !!}
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class='col-sm-2 control-label'>Remarks<span style='color: red'>*</span></label>
                                        <div class="col-sm-4">
                                            {!! Form::textarea('remarks', '', ['class' => 'form-control', 'id' => 'remarks']) !!}
                                        </div>
                                    </div>

                                    <div class="row" style="margin-top: 10px;">
                                        <div class="form-group col-md-12 text-center">
                                            <div class="col-sm-12">
                                                <a href="javascript:;" class='btn btn-success' id='submit' onclick="submitForm()">Submit</a>
                                                <a href="{!! $data['listUrl'] !!}" class="btn btn-danger closeBtn">Close</a>
                                            </div>
                                        </div>
                                    </div>
                                    
                                {!! Form::close() !!}                                

                            </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 type="text/javascript">

    function submitForm() {
      $("#submit").prop('disabled', true);

      $.ajax({
          type: 'post',
          url: "{{ route('holdStoreOfFinalPayment') }}",
          data: $('#formId').serialize(),
          dataType: 'json',
          success: function(__response) {
            if(__response.status == false) {
                toastr.error(__response.message);
                $("#submit").prop('disabled', false);
            }

            if(__response.status == true) {
                toastr.success(__response.message);
                setTimeout(function() {  window.location = __response.url; }, 500);
            }

          },
          error: function(error) {
              toastr.error('Something went wrong!');
              $("#submit").prop('disabled', false);
          }
      });
    }

</script>

@endsection