@extends('layouts.main')
@section('title',"Plant Location")
@section('content')
<style>
  .tooltip-validate{
    top:8px;
  }
</style>
<div class="pcoded-content">
   <div class="pcoded-inner-content p-0">
      <div class="main-body">
         <div class="page-wrapper p-0">
            <div class="page-header p-15 m-b-0 pro-page-heading1">
               <div class="page-header-title">
                  <h4>Plant Location</h4>
               </div>
               <div class="page-header-breadcrumb p-r-10">
                  <ul class="breadcrumb-title">
                     <li class="breadcrumb-item">
                        @if(Auth::guard('corporate')->user()->user_type == 1)
                        <a href="{{secure_url('company/dashboard') }}">
                        @elseif(Auth::guard('corporate')->user()->user_type == 2)
                        <a href="{{secure_url('recruiter/dashboard') }}">
                        @endif 
                        <span class="hiremee-home"></span>
                        </a>
                     </li>
                     <li class="breadcrumb-item"><a href="{{ secure_url('pro/get-plant-location') }}">Plant Location</a>
                     </li>
                  </ul>
               </div>
            </div>
            <div class="page-body">
               {{-- Upload Question Wrapper for tabs and content --}}
               <div class="row">
                  <div class="col-xs-12 col-md-12">
                     <div class="tab-content p-0" id="myTabContent">
                        <div class="tab-pane fade show active" id="question-pool" role="tabpanel" aria-labelledby="bulk-upload-tab">
                           <div class="card-block p-0">
                              <div class="row">
                                 <div class="col-xs-12 col-md-9 p-r-0">
                                    <div class="hme-loading-mask" style="display: none;">
                                      <div class="hme-loading-container">
                                         <div class="hme-dual-ring"></div>
                                             <div>Please wait, Loading...</div>
                                          </div>
                                      </div> 
                                      </div>
                                 <div class="col-xs-12 col-md-9 p-r-0" id="plant_location_list">
                                   {!! $component !!}
                                 </div>
                                 <div class="col-xs-12 col-md-3 bg-eaeaea">
                                    <header class="hme-pro-head m-t-15">Create Plant location</header>
                                     {!! Form::open(array('class'=>'form-horizontal','name'=>'plantlocation','id'=>'plantlocation_form_id')) !!}
                                    <div class="pro-right-utility">
                        
                                       <input type="hidden" class="form-control text-left" name="plantlocation"id="plant_location_id">
                                       <div class="form-group mb-4">
                                          <label>Location name <sup class="text-danger f-15" style="left:13px !important;">*</sup>: </label>
                                          <div class="pos-relative">
                                             <input type="text" class="form-control" name="plant_location_name" id="plant_location_name">
                                          </div>
                                       </div>
                                       <div class="row m-t-20">
                                          <div class="col-sm-12 d-flex justify-content-center">
                                             <button type="submit" class="btn btn-primary pro-green c-white" id="create_plant_location">Create</button>  &nbsp; 
                                             <a href="javascript:void(0)" class="btn btn-default" id="clear_location">Clear</a>                     
                                          </div>
                                       </div>
                                    </div>
                                    {!! Form::close() !!}
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>

@endsection
@section('footer')
<script type="text/javascript">
$.validator.addMethod("alphaNumeric", function(value, element) {
    return this.optional(element) || /^[a-zA-Z0-9\-\s]+$/i.test(value);
}, "Characters only allowed");
$("#plantlocation_form_id").submit(function(e) {
    e.preventDefault();
}).validate({
    errorElement: 'span',
    errorPlacement: function(error, element) {
        var parent = $(element).parent();
        $('.tooltip').tooltip('hide');
        $("body").find('#' + error[0].id + '-custom').remove();
        parent.append('<span data-position="left" data-delay="0" data-toggle="tooltip" data-original-title="' + error[0].innerText + '" class="js-tootletip hiremee-info text-danger tooltip-validate tooltipped" id="' + error[0].id + '-custom"></span>');
        $('#' + error[0].id + '-custom').tooltip(tooltip_direction_options);
    },
    success: function(element) {
        $("body").find('#' + element[0].id + '-custom').remove();
        $('#' + element[0].id + '-custom').tooltip('hide');
        $('.js-tooltip-validate').tooltip();
    },
    onfocusout: false,
    rules: {
        plant_location_name: {
            required: true,
            normalizer: function(value) {
                return $.trim(value);
            },
            minlength: 2,
            maxlength: 150,
            alphaNumeric: true,
            remote: {
                url: "{{secure_url('pro/plantlocationexisting')}}",
                type: 'get',
                data: {"plant_location_id":function(){
                  return $('#plant_location_id').val();
                    },
                },
            },

        },
    },
    onkeyup:false,
    messages: {
        plant_location_name: {
            required: "Please enter a plant location name",
            maxlength: "Please enter plant location name less than 150characters",
            remote: "Plant location name already exists",
        },
    },
    submitHandler: function(form) {
        $("body").find("#create_plant_location").text("Processing...").attr("disabled", true);
        var plant_location = $.trim($('#plant_location_name').val());
        var plant_location_id = $("#plant_location_id").val();
        $('.hme-loading-mask').css('display','block');

        $.ajax({
            method: "POST",
            url: "{{ secure_url('pro/get-plant-location-save')}}",
            data: {
                "plant_location": plant_location,
                "plant_location_id": plant_location_id,
                "_token": $('meta[name=csrf-token]').attr('content')
            },
            success: function(response) {
                if (response.status == 200) {
                    swal({
                        html: true,
                        title: '<span class="sweet-success-text">Success</span>',
                        text: response.message,
                        type: 'success',
                        confirmButtonColor: '#28e1bd',
                        showCancelButton: false,
                        confirmButtonText: "OK",
                        closeOnConfirm: false
                    });
                    $('.hme-loading-mask').css('display','none');
                }
                $('#clear_location').trigger('click');
                plantLocationlist();

            },
            error: function(error) {
                swal({
                    html: true,
                    title: '<span class="sweet-danger-text">Something Went Wrong</span>',
                    text: "Your action  has been suspended, Sorry for the inconvenience. Please try again later",
                    type: "error",
                    showCancelButton: false,
                    confirmButtonText: "OK",
                    closeOnConfirm: false
                });
                $('.hme-loading-mask').fadeOut();
            }
        });
        return false;
    }
});

$('body').on('click', '.pagination a', function(e) {
    e.preventDefault();
    var url = $(this).attr('href');
    $.ajax({
        url: url,
        success: function(data) {
            $('#plant_location_list').html(data.component);
        }
    });
});

$(document).on('click', '#clear_location', function() {
    $('#plant_location_name').val('');
    $("body").find("#create_plant_location").text("Create").attr("disabled", false);
    $(".hme-pro-head").text("Create Plant location");
    $('#plant_location_id').val('');
});

function plantLocationlist() {
    $.ajax({
        method: "get",
        url: "{{ secure_url('pro/get-plant-location')}}",
        success: function(data) {
            if (data.status == 200) {
                $('#plant_location_list').html(data.component);
                $('.hme-loading-mask').fadeOut();
            }
        },
        error: function(error) {
            swal({
                html: true,
                title: '<span class="sweet-danger-text">Something Went Wrong</span>',
                text: "Your action  has been suspended, Sorry for the inconvenience. Please try again later",
                type: "error",
                showCancelButton: false,
                confirmButtonText: "OK",
                closeOnConfirm: false
            });

        }
    });
}

$(document).on('click','.plant_location_edit', function() {
  $("body").find("#create_plant_location").text("Update").attr("disabled",false);
   $plant_location_edit=$(this).attr("data-id");
    $.ajax({
         type : "get",
         url: "{{secure_url('pro/plant-location-edit')}}",
         data : {"id":$plant_location_edit},
         success : function(data)
         {
          if(data.status==200){
          $('#plant_location_name-error-custom').remove();
          $("#plant_location_name").val(data.plant_location_master_list.plant_location)
          $('#plant_location_id').val(data.plant_location_master_list.id);
           $(".hme-pro-head").text("Update Plant location");
          $("body").find("#create_plant_location").text("Update");  
         }else{
                swal({
                        html: true, 
                        title: '<span class="sweet-warning-text">Something Went Wrong</span>', 
                        text: data.message,
                        type: "warning",
                        showCancelButton: false,
                        confirmButtonText: "OK",
                        closeOnConfirm: false,
                         confirmButtonColor: '#ffbc01',
                      });
              $("body").find("#create_plant_location").text("Create");  
            }
         }
      });
  
});

$(document).on('keyup','#plant_location_name',function(){
    $('#plant_location_name-error-custom').remove();
})

</script>
@endsection