MINI Sh3ll
@extends('layouts.main')
@section('title', 'Enquiry')
@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">
Enquiry
</h3>
</div>
</div>
<div class="m-portlet__head-tools">
<a href="{{ route('enquiry.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 class="m-form m-form--fit m-form--label-align-right" autocomplete="off" action="{{ route('enquiry.store') }}" id="m_form"
method="POST" role="form" data-parsley-validate="parsley">
{{ 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 for="exampleInputEmail1">
Contact Name <span class="text-danger">*</span>
</label>
@if(Auth::user()->role_id != config('constants.role.user.id'))
<select class="form-control m-select2" id="m_select2_2" name="user_id"
data-parsley-required="required"
data-parsley-required-message='Please select contact person name'>
<option value="">Select User</option>
@foreach($users as $user)
<option value="{{$user->id}}">{{$user->first_name . ' ' . $user->last_name}}</option>
@endforeach
</select>
@else
<input type="text" class="form-control m-input" name="contact_name" placeholder="First Name"
value="{{ Auth::user()->first_name.' '.Auth::user()->last_name }}"
readonly="">
@endif
<span class="m-form__help"></span>
</div>
</div>
<div class="col-md-6">
<div class="form-group m-form__group">
<label for="exampleInputEmail1">
Company <span class="text-danger">*</span>
</label>
<select class="form-control" name="company_id" id="company"
data-parsley-required="required"
data-parsley-required-message='Please select the company'>
<option value="">Select Company</option>
@if(Auth::user()->role_id != config('constants.role.superadmin.id'))
@foreach($companies as $company)
<option value="{{ $company->company->id }}" >
{{ $company->company->company_name }}
</option>
@endforeach
@endif
</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">
Plant<span class="text-danger">*</span>
</label>
<select class="form-control" name="plant_id" id="plant" data-parsley-required="required"
data-parsley-required-message='Please select plant'>
<option value="">Select Plant</option>
</select>
<span class="m-form__help"></span>
</div>
</div>
<div class="col-md-6">
<div class="form-group m-form__group">
<label class="">
Product Type <span class="text-danger">*</span>
</label>
<select class="form-control" name="product_type"
data-parsley-required="required"
data-parsley-required-message='Please select product type'>
<option value="">Select Product Type</option>
@foreach($productTypes as $productType)
<option value="{{ $productType['id'] }}"
@if(old('product_type') == $productType['id'])
selected='selected'
@endif>{{ $productType['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="">
Email address
</label>
<input type="email" class="form-control m-input" name="email" id="email"
placeholder = '[email protected]'
value="@if(Auth::user()->role_id == config('constants.role.user.id')){{ Auth::user()->email }}@endif"
readonly="">
<span class="m-form__help"></span>
</div>
</div>
<div class="col-md-6">
<div class="form-group m-form__group">
<label for="exampleInputEmail1">
Mobile Number <span class="text-danger">*</span>
</label>
<input type="text" class="form-control m-input" name="mobile" id="mobile"
placeholder = 'xxxxxxxx'
value="@if(Auth::user()->role_id == config('constants.role.user.id')){{ Auth::user()->mobile }}@endif"
readonly="">
<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">
Country <span class="text-danger">*</span>
</label>
<select class="form-control m-select2" id="m_select2_5" name="country_id"
data-parsley-required="required"
data-parsley-required-message='Country is required'
data-parsley-errors-container="#checkbox_status_errors">
<option value="">Select Country</option>
@foreach($countries as $country)
<option value="{{ $country->id }}" @if ( old('country_id') == $country->id)
selected='selected'
@endif>{{ $country->name }}</option>
@endforeach
</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 for="exampleInputEmail1">
Site Locator <span class="text-danger">*</span>
</label>
<input type="text" class="form-control m-input" name="site_locator" value="{{old('site_locator')}}"
placeholder="Site Locator"
data-parsley-required="required"
data-parsley-required-message='Site locator is required'
data-parsley-trigger='change focusout'
autocomplete="false"/>
<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">
Date Codes <span class="text-danger">*</span>
</label>
<input type="text" class="form-control m-input" name="date_codes" value="{{old('date_codes')}}"
placeholder="Date Codes"
data-parsley-required="required"
data-parsley-required-message='Date codes is required'
data-parsley-trigger='change focusout'
autocomplete="false"/>
<span class="m-form__help"></span>
</div>
</div>
<div class="col-md-6">
<div class="form-group m-form__group">
<label for="exampleInputEmail1">
Serial Number <span class="text-danger">*</span>
</label>
<input type="text" class="form-control m-input" name="serial_number" value="{{old('serial_number')}}"
placeholder="Serial Number"
data-parsley-required="required"
data-parsley-required-message='Serial number is required'
data-parsley-trigger='change focusout'
autocomplete="false"/>
<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">
Issue Type
</label>
<select class="form-control" name="issue_type"
data-parsley-required="required"
data-parsley-required-message='Please select the issue type'
data-parsley-trigger='change focusout' >
<option value="">Select Issue Type</option>
@foreach($issueTypes as $issueType)
<option value="{{ $issueType['id'] }}" @if ( old('issue_type') == $issueType['id'])
selected='selected'
@endif>{{ $issueType['name'] }}</option>
@endforeach
</select>
<span class="m-form__help"></span>
</div>
</div>
<div class="col-md-6">
<div class="form-group m-form__group">
<label for="exampleInputEmail1">
Description
</label>
<textarea class="form-control m-input parsley-error" name="description"
placeholder="Description"
data-parsley-required="required"
data-parsley-required-message='Description is required'
data-parsley-trigger='change focusout' >{{old('description')}}</textarea>
<span class="m-form__help"></span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-9">
<div class="form-group m-form__group">
<label for="exampleInputEmail1" id="tnc" >
Consent to data processing
</label>
<div class="" >
<label class="m-checkbox m-checkbox--state-success">
<input type="checkbox" name="agreed"
data-parsley-required="required"
data-parsley-required-message='Please accept terms and conditions'
data-parsley-trigger='change focusout'
autocomplete="false">
By submitting this form you agree that ABB/ Power-One can use your information to provide customer support.
<span></span>
</label>
</div>
<span class="m-form__help"></span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-9">
<div class="form-group m-form__group">
<!--<a href="{{ asset('termsAndcondition.txt')}}" target="_blank" class="">-->
<a href="#" data-toggle="modal" data-target="#m_modal_1">
<u>View privacy notice</u>
</a>
<span class="m-form__help"></span>
</div>
</div>
</div>
</div>
<div class="m-portlet__foot m-portlet__foot--fit">
<div class="m-form__actions">
<button type="submit" class="btn btn-primary">
Submit
</button>
<button type="reset" class="btn btn-secondary">
Cancel
</button>
</div>
</div>
</form>
</div>
</div>
</div>
<!--end::Portlet-->
<!--begin::Modal-->
<div class="modal fade" id="m_modal_1" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">
Privacy Policy
</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">
×
</span>
</button>
</div>
<div class="modal-body">
<p>
<?php
echo File::get(storage_path('app/public/terms_and_conditions/privacy_policy.txt'));
?>
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">
Close
</button>
</div>
</div>
</div>
</div>
<!--end::Modal-->
<script>
//$('#m_form').parsley();
$(document).ready(function () {
$('#m_select2_2').change(function () {
var user_id = this.value;
$.ajax({
data: {'user_id': user_id, "_token": $('#token').val()},
type: 'POST',
url: "{{route('getCompanies')}}",
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
success: function (response) {
$('#company').empty();
if(response.length >0){
$('#company').append('<option value="">Please choose one</option>');
$('#plant').empty();
$('#plant').append('<option value="">Please choose one</option>');
$.each(response, function (index, companyObj) {
$('#company').append('<option value="' + companyObj.company.id + '">' + companyObj.company.company_name + '</option>');
});
}else{
$('#company').append('<option value="">Company not found.</option>');
$('#plant').empty();
$('#plant').append('<option value="">Plant not found.</option>');
}
}
});
$.ajax({
data: {'user_id':user_id,"_token": $('#token').val()},
type: 'POST',
url: "{{route('getUserOnChange')}}",
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
success: function (response) {
$('#email').empty();
$('#mobile').empty();
$('#email').val(response.email);
$('#mobile').val(response.mobile);
}
});
});
$('#company').change(function(){
var company_id = this.value;
var user_id = $('#m_select2_2 option:selected').val();
$.ajax({
data: {'user_id':user_id,'company_id':company_id,"_token": $('#token').val()},
type: 'POST',
url: "{{route('getPlants')}}",
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
success: function (response) {
$('#plant').empty();
$('#plant').append('<option value="">Please choose one</option>');
$.each(response, function(index, plantObj){
$('#plant').append('<option value="' + plantObj.plant.id + '">' + plantObj.plant.plant_name + '</option>');
});
}
});
});
});
</script>
@endsection
OHA YOOOO