MINI Sh3ll
@extends('layouts.main')
@section('title', 'Plant')
@section('content')
<!--begin::Portlet-->
<div class="m-content">
<div class="row">
<div class="m-portlet m-portlet--mobile filter_row">
<div class="m-portlet__head">
<div class="m-portlet__head-caption">
<div class="m-portlet__head-title">
<span class="m-portlet__head-icon m--hide">
<i class="la la-gear"></i>
</span>
<h3 class="m-portlet__head-text">
Plant
</h3>
</div>
</div>
<div class="m-portlet__head-tools">
<a href="{{ route('plant.index') }}" class="btn btn-sm btn-accent m-btn m-btn--custom m-btn--icon m-btn--air">
<span>
<i class="la la-arrow-left"></i>
<span>
Back
</span>
</span>
</a>
</div>
</div>
{!! Form::model($plant,array('route' => ['plant.update', $plant->id],'method'=>'PATCH','id'=>'editForm', 'data-parsley-validate'=>'true', 'class'=>'m-form m-form--fit m-form--label-align-right' ,'autocomplete' => "off")) !!}
@csrf
@method('PATCH')
{{ csrf_field() }}
<input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
<div class="m-portlet__body">
<div class="row">
<div class="col-md-6">
<div class="form-group m-form__group">
<label class="">
Plant Name <span class="text-danger">*</span>
</label>
<input type="text" class="form-control m-input" name="plant_name" placeholder="Plant Name"
value="{{ $plant->plant_name }}"
data-parsley-minlength = '3'
data-parsley-maxlength ='32'
data-parsley-minlength-message ='You need to enter at least a 3 characters'
data-parsley-maxlength-message ='You need to enter maximum 32 characters'
data-parsley-required = 'required'>
<span class="m-form__help"></span>
</div>
</div>
<div class="col-md-6">
<div class="form-group m-form__group">
<label class="">
Company Name <span class="text-danger">*</span>
</label>
<select class="form-control" name="company_id" required="">
<option value="">Select Company</option>
@foreach($companies as $company)
<option value="{{ $company->id }}" @if ($plant->company_id == $company->id)
selected='selected'
@endif>{{ $company->company_name }}</option>
@endforeach
</select>
<span class="m-form__help"></span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group m-form__group">
<label class="">
Capacity<span class="text-danger">*</span>
</label>
<input type="text" class="form-control m-input" name="capacity" placeholder="Capacity"
value="{{ $plant->capacity }}"
required = 'required'
data-parsley-minlength = '3'
data-parsley-maxlength = '32'
data-parsley-type="digits"
data-parsley-type-message = "Capacity should be a number "
data-parsley-minlength-message= 'You need to enter at least a 3 digit'
data-parsley-maxlength-message= 'You need to enter maximum 32 digit or fewer'>
<span class="m-form__help"></span>
</div>
</div>
<div class="col-md-6">
<div class="form-group m-form__group">
<label class="">
Data Logger detail <span class="text-danger">*</span>
</label>
<input type="text" class="form-control m-input" name="data_logger"
placeholder="Data Logger"
value="{{ $plant->data_logger }}"
data-parsley-required='required'
data-parsley-required-message ='Data is required'
data-parsley-minlength = '2'
data-parsley-maxlength = '50'>
<span class="m-form__help"></span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group m-form__group">
<label class="">
Inverter Details<span class="text-danger">*</span>
</label>
<input type="text" class="form-control m-input" name="inverter"
placeholder="Inverter"
value="{{ $plant->inverter }}"
data-parsley-required = 'required'
data-parsley-required-message = 'Inverter is required'
data-parsley-minlength = '2'
data-parsley-maxlength = '32' >
<span class="m-form__help"></span>
</div>
</div>
<div class="col-md-6">
<div class="form-group m-form__group">
<label class="">
Country <span class="text-danger">*</span>
</label>
<select class="form-control" name="country_id" id="m_select2_5"
data-parsley-required="true"
data-parsley-required-message = 'Please select country'
data-parsley-trigger = 'change focusout'
data-state = "{{$plant->state}}">
<option value="">Select Country</option>
@foreach($countries as $country)
<option value="{{ $country->id }}" {{ ($country->id == $plant->country_id ) ? 'selected' : '' }} >{{ $country->name }}</option>
@endforeach
</select>
<span class="m-form__help"></span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group m-form__group">
<label for="exampleInputEmail1">
State<span class="text-danger">*</span>
</label>
<select class="form-control" name="state" id="m_select2_7" data-parsley-required="required"
data-parsley-required-message='Please select state'>
<option value="">Select State</option>
</select>
<div id="checkbox_status_errors"></div>
<span class="m-form__help"></span>
</div>
</div>
<div class="col-md-6">
<div class="form-group m-form__group">
<label class="">
City <span class="text-danger">*</span>
</label>
<input type="text" class="form-control m-input" name="city"
placeholder="City"
value="{{ $plant->city }}"
data-parsley-required = 'required'
data-parsley-required-message = 'City is required'
data-parsley-trigger = 'change focusout'
data-parsley-maxlength = '32'>
<span class="m-form__help"></span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group m-form__group">
<label class="">
Latitude <span class="text-danger">*</span>
</label>
<input type="text" class="form-control m-input" name="latitude" placeholder="Latitude"
value="{{ $plant->latitude }}"
data-parsley-required = 'required'
data-parsley-required-message = 'Latitude is required'
data-parsley-trigger = 'change focusout'
data-parsley-minlength = '2'
data-parsley-maxlength = '32'
data-parsley-pattern = '/^(\+|-)?(?:90(?:(?:\.0{1,6})?)|(?:[0-9]|[1-8][0-9])(?:(?:\.[0-9]{1,6})?))$/'
data-parsley-pattern-message = "Enter valid latitude">
<span class="m-form__help"></span>
</div>
</div>
<div class="col-md-6">
<div class="form-group m-form__group">
<label class="">
Longitude <span class="text-danger">*</span>
</label>
<input type="text" class="form-control m-input" name="longitude" placeholder="Longitude"
value="{{ $plant->longitude }}"
data-parsley-required = 'required'
data-parsley-required-message = 'Longitude is required'
data-parsley-trigger = 'change focusout'
data-parsley-minlength = '2'
data-parsley-maxlength = '32'
data-parsley-pattern = '/^(\+|-)?(?:180(?:(?:\.0{1,6})?)|(?:[0-9]|[1-9][0-9]|1[0-7][0-9])(?:(?:\.[0-9]{1,6})?))$/'
data-parsley-pattern-message = "Enter valid longitude ">
<span class="m-form__help"></span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group m-form__group">
<label class="">
Address<span class="text-danger">*</span>
</label>
<input type="text" class="form-control m-input" name="address" placeholder="Address"
value="{{ $plant->address }}"
data-parsley-required='required'
data-parsley-required-message='Address is required'
data-parsley-trigger='change focusout'
data-parsley-minlength='20'
data-parsley-maxlength = '200'
data-parsley-minlength-message = 'You need to enter at least a 20 characters'
data-parsley-maxlength-message = 'You need to enter maximum 200 characters'
data-parsley-maxlength-message = 'You need to enter maximum 32 characters'
data-parsley-group='m_step_1'>
<span class="m-form__help"></span>
</div>
</div>
<div class="col-md-6">
<div class="form-group m-form__group">
Status
</label>
<select class="form-control" name="status" id="status1" >
<option value="">Select Status</option>
<option value="1">Active</option>
<option value="0">InActive</option>
</select>
<span class="m-form__help"></span>
</div>
</div>
</div>
</div>
<div class="m-portlet__foot m-portlet__foot--fit">
<div class="m-form__actions plant_user" style="margin-left: 18px;">
<label class="">
Plant User :
</label>
@foreach($plant_users as $user )
{{ ucfirst($user->first_name).' '. ucfirst($user->last_name) }} <a href="{{url("company-users/".encrypt($user->id)."/plant_user/edit")}}"><i class="la la-edit"></i></a>
@endforeach
</div>
</div>
<div class="m-portlet__foot m-portlet__foot--fit">
<div class="m-form__actions">
<button type="submit" class="btn btn-primary">
Update
</button>
<button type="reset" class="btn btn-secondary">
Cancel
</button>
</div>
</div>
</form>
</div>
</div>
</div>
<!--end::Portlet-->
@endsection
@section('script')
<script>
$(document).ready(function () {
var oldData = {!! json_encode($plant) !!};
$("#status1 option").each(function () {
if ($(this).val() == "{{ $plant->status }}")
$(this).attr("selected", "selected");
});
$('#m_select2_5').change(function () {
var country = this.value;
var state = $('#m_select2_5').data('state');
$.ajax({
data: {'country': country,"_token": "{{ csrf_token() }}"},
type: 'POST',
url: "{{route('getStates')}}",
success: function (response) {
$('#m_select2_7').empty();
$('#m_select2_7').append('<option value="">Please select state</option>');
$.each(response, function (index, state) {
if(oldData.state== state.id){
$('#m_select2_7').append('<option value="' + state.id + '" selected = "selected" >' + state.name + '</option>');
}else{
$('#m_select2_7').append('<option value="' + state.id + '">' + state.name + '</option>');
}
});
}
});
});
$('#m_select2_5').trigger('change');
var state = $('#m_select2_5').data('state');
$('#m_select2_7').val(state);
});
</script>
@endsection
OHA YOOOO