MINI Sh3ll
@extends('layouts.wizard')
@section('wizard_content')
<!--begin: Form Wizard Head -->
<div class="m-wizard__head m-portlet__padding-x">
<!--begin: Form Wizard Progress -->
<div class="m-wizard__progress">
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100">
</div>
</div>
</div>
<!--end: Form Wizard Progress -->
<!--begin: Form Wizard Nav -->
<div class="m-wizard__nav">
<div class="m-wizard__steps">
<div class="m-wizard__step m-wizard__step--current" m-wizard-target="m_wizard_form_step_1">
<div class="m-wizard__step-info">
<a href="#" class="m-wizard__step-number">
<span>
<span>
1
</span>
</span>
</a>
<div class="m-wizard__step-line">
<span></span>
</div>
<div class="m-wizard__step-label">
Company Information
</div>
</div>
</div>
<div class="m-wizard__step" m-wizard-target="m_wizard_form_step_2">
<div class="m-wizard__step-info">
<a href="#" class="m-wizard__step-number">
<span>
<span>
2
</span>
</span>
</a>
<div class="m-wizard__step-line">
<span></span>
</div>
<div class="m-wizard__step-label">
Company Admin
</div>
</div>
</div>
</div>
</div>
<!--end: Form Wizard Nav -->
</div>
<!--end: Form Wizard Head -->
<!--begin: Form Wizard Form-->
<div class="m-wizard__form">
<!--
1) Use m-form--label-align-left class to alight the form input lables to the right
2) Use m-form--state class to highlight input control borders on form validation
-->
{{-- {!! Form::open(array('route' => ['company.store'], 'method'=>'POST','id'=>'m_form',
'class'=>"m-form m-form--label-align-left- m-form--state-", 'role'=>"form",'autocomplete' => "off")) !!} --}}
<form class="m-form m-form--label-align-left- m-form--state-" id="m_form" autocomplete="off"
action="{{ route('company.store') }}" method="POST" role="form">
{{ csrf_field() }}
<!--begin: Form Body -->
<div class="m-portlet__body">
<!--begin: Form Wizard Step 1-->
<div class="m-wizard__form-step m-wizard__form-step--current" id="m_wizard_form_step_1">
<div class="m-form__heading">
<h3 class="m-form__heading-title">
Company Details
</h3>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group m-form__group">
<label>Company Name <span class="text-danger">*</span></label>
<input type="text" class="form-control m-input" name="company_name"
value="{{ old('company_name') }}" placeholder="Company Name"
data-parsley-required='required'
data-parsley-required-message='Company name is required'
data-parsley-trigger='change focusout'
data-parsley-pattern-message='Enter valid company 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-group='m_step_1'>
<span class="m-form__help"></span>
@if ($errors->has('company_name'))
<span class="invalid-feedback">
<strong>{{ $errors->first('company_name') }}</strong>
</span>
@endif
</div>
</div>
<div class="col-md-6">
<div class="form-group m-form__group">
<label>Country <span class="text-danger">*</span></label>
{!! Form::select('country_id', $countries, null,['class' => 'form-control select2 m-select2',
"id"=>"m_select2_5",
"data-parsley-required"=>"alphanum",
"data-parsley-group" => "m_step_1",
"data-parsley-required-message"=>"Select the Country.",
"data-parsley-errors-container"=>"#checkbox_status_errors"]) !!}
{!! $errors->first('country_id', '<p class="help-block">:message</p>') !!}
<div id="checkbox_status_errors"></div>
<span class="m-form__help"></span>
@if ($errors->has('country_id'))
<span class="invalid-feedback">
<strong>{{ $errors->first('country_id') }}</strong>
</span>
@endif
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group m-form__group">
<label>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>
<span class="m-form__help"></span>
@if ($errors->has('state'))
<span class="invalid-feedback">
<strong>{{ $errors->first('state') }}</strong>
</span>
@endif
</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="{{ old('city') }}" data-parsley-required='required'
data-parsley-required-message='City is required' data-parsley-pattern='/^[a-zA-Z_ ]*$/'
data-parsley-minlength='3'
data-parsley-maxlength='32'
data-parsley-maxlength-message='You need to enter maximum 32 characters'
data-parsley-pattern-message='Enter valid city' data-parsley-trigger='change focusout'
data-parsley-group='m_step_1'>
<span class="m-form__help"></span>
@if ($errors->has('city'))
<span class="invalid-feedback">
<strong>{{ $errors->first('city') }}</strong>
</span>
@endif
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group m-form__group">
<label for="">
Status
</label>
<select class="form-control" name="status">
<option value="">Select Status</option>
<option value="1" selected="">Active</option>
<option value="0">In Active</option>
</select>
<span class="m-form__help"></span>
</div>
</div>
<div class="col-md-6">
<div class="form-group m-form__group">
<label class="">
Address <span class="text-danger">*</span>
</label>
<textarea class="form-control m-input" rows="4" name="address" placeholder='Address'
data-parsley-required='required' data-parsley-required-message='Address is required'
data-parsley-trigger='keyup' 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-group='m_step_1'>{{ old('address') }}</textarea>
<span class="m-form__help"></span>
@if ($errors->has('address'))
<span class="invalid-feedback">
<strong>{{ $errors->first('address') }}</strong>
</span>
@endif
</div>
</div>
</div>
{{-- <div class="row">
<div class="col-md-6 domaintext">
<div class="form-group m-form__group">
<label class="">
Company Domain <span class="text-danger">*</span>
</label>
<div id="textboxArea">
<input type="text" class="form-control m-input company_domains" name="company_domains[]"
value="{{ old('company_domain') }}" placeholder="domain.com"
data-parsley-required="required"
data-parsley-pattern="^([a-zA-Z0-9]+(\.[a-zA-Z0-9]+)+.*)$"
data-parsley-checkdoamin="",
data-parsley-required-message='Company Domain is required'
data-parsley-minlength="3"
data-parsley-maxlength="50"
data-parsley-minlength-message='You need to enter at least a 3 characters'
data-parsley-maxlength-message='You need to enter maximum 50 characters'
data-parsley-pattern-message='Please enter only domain-name (eg: domain.com)' data-parsley-trigger="change focusout"
data-parsley-group='m_step_1' autocomplete="false"><br>
</div>
<span class="m-form__help"></span>
@if ($errors->has('company_domain'))
<span class="invalid-feedback">
<strong>{{ $errors->first('company_domain') }}</strong>
</span>
@endif
</div>
</div>
<div class="col-md-6 buttons" style='float:left;margin-top: 26px; margin-left: -22px;'><a class="m-btn btn btn-secondary addNewTextbox">Add More</a><br></div>
</div> --}}
<div class="row">
<div class="col-md-6">
<div class="form-group m-form__group clone_parent_group">
<label> Company Domain <span class="text-danger">*</span></label>
<div class="input-group individualgroup">
<input type="text"
class="form-control m-input company_domains"
placeholder="Company Domain"
name="company_domains[]"
value="{{ old('company_domain') }}"
data-parsley-required="required"
data-parsley-pattern="^([a-zA-Z0-9]+(\.[a-zA-Z0-9]+)+.*)$"data-parsley-checkdoamin=""
data-parsley-required-message='Company domain name is required'
data-parsley-minlength="3"
data-parsley-maxlength="50"
data-parsley-checkduplicatedoamin=""
data-parsley-minlength-message='You need to enter at least a 3 characters'
data-parsley-maxlength-message='You need to enter maximum 50 characters'
data-parsley-pattern-message='Please enter only domain-name(eg:domain.com)' data-parsley-trigger="change focusout"
data-parsley-group='m_step_1'
autocomplete="false"
id="company_domain"
>
<span class="input-group-btn">
<button class="btn btn-success clone_add" type="button">Add
</button>
</span>
</div>
@include('layouts.add_more_functionality_div')
</div>
</div>
</div>
</div>
<!--end: Form Wizard Step 1-->
<!--begin: Form Wizard Step 2-->
<div class="m-wizard__form-step" id="m_wizard_form_step_2">
<div class="m-form__heading">
<h3 class="m-form__heading-title">
Company Admin
</h3>
</div>
<div class="row">
<div class="col-md-6">
<div class="m-form__group form-group">
<div class="m-radio-inline">
<label class="m-radio">
<input type="radio" name='user' value='1' data-id="new_company_admin"
class="user_type" checked="">
New Admin
<span></span>
</label>
<!-- <label class="m-radio">
<input type="radio" name='user' value='0' data-id="old_company_admin"
class="user_type" />
Existing Admin
<span></span>
</label>-->
</div>
<span class="m-form__help"></span>
</div>
</div>
<div class="col-md-6"></div>
</div>
<div id="new_user">
<div class="row">
<div class="col-md-6">
<div class="form-group m-form__group">
<label>
First Name <span class="text-danger">*</span>
</label>
<input type="text" class="form-control m-input" name="first_name"
value="{{ old('first_name') }}" placeholder="First name"
data-parsley-required="required"
data-parsley-required-message='First name is required'
data-parsley-trigger='change focusout' data-parsley-minlength='3'
data-parsley-maxlength='32' data-parsley-pattern='/^[a-zA-Z_ ]*$/'
data-parsley-pattern-message='Enter valid name'
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-group='m_step_2' autocomplete="false">
<span class="m-form__help"></span>
@if ($errors->has('first_name'))
<span class="invalid-feedback">
<strong>{{ $errors->first('first_name') }}</strong>
</span>
@endif
</div>
</div>
<div class="col-md-6">
<div class="form-group m-form__group">
<label>
Last Name <span class="text-danger">*</span>
</label>
<input type="text" class="form-control m-input" name="last_name"
value="{{ old('last_name') }}" placeholder="Last name"
data-parsley-required="required"
data-parsley-required-message='Last name is required'
data-parsley-trigger='change focusout' data-parsley-pattern='/^[a-zA-Z_ ]*$/'
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-pattern-message='Enter valid name' data-parsley-group='m_step_2'
autocomplete="false">
<span class="m-form__help"></span>
@if ($errors->has('last_name'))
<span class="invalid-feedback">
<strong>{{ $errors->first('last_name') }}</strong>
</span>
@endif
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<label>
Email address <span class="text-danger">*</span>
</label>
<input type="email" class="form-control m-input" name="email" id="email"
value="{{ old('email') }}" placeholder="email address"
data-parsley-required="required"
data-parsley-doamin=""
data-parsley-checkemail = ""
data-parsley-required-message='Email address is required'
data-parsley-trigger='change focusout'
data-parsley-type-message="Enter valid email address"
data-parsley-group='m_step_2' autocomplete="false">
<span class="m-form__help"></span>
@if ($errors->has('email'))
<span class="invalid-feedback">
<strong>{{ $errors->first('email') }}</strong>
</span>
@endif
</div>
<div class="col-md-6">
<div class="form-group m-form__group">
<label>
Contact Number <span class="text-danger">*</span>
</label>
<input type="text" class="form-control m-input" name="mobile"
value="{{ old('mobile') }}" placeholder="xxxxxxxx" data-parsley-required="required"
data-parsley-required-message='Contact Number is required'
data-parsley-trigger='change focusout'
data-parsley-pattern = '^[789]\d{9}$'
data-parsley-checknumber = ""
data-parsley-pattern-message = 'please enter valid number'
data-parsley-minlength='10' data-parsley-maxlength='10'
data-parsley-minlength-message='Contact number should be 10 digits number.'
data-parsley-maxlength-message='Contact number should be 10 digits number.'
data-parsley-trigger='change focusout'
data-parsley-pattern-message='Enter valid contact number'
data-parsley-group='m_step_2' autocomplete="false">
<span class="m-form__help"></span>
@if ($errors->has('last_name'))
<span class="invalid-feedback">
<strong>{{ $errors->first('last_name') }}</strong>
</span>
@endif
</div>
</div>
</div>
</div>
<!-- <div id="old_user" class="none">
<div class="row">
<div class="col-md-6">
<div class="form-group m-form__group">
<label class="">
Select Company Admin
</label>
<select class="form-control m-select2" id="m_select2_3" name="company_admins[]"
multiple="" data-parsley-required="required"
data-parsley-required-message="Please select company admin"
data-parsley-group='m_step_2'>
@if(count($companyAdmins)>0)
@foreach($companyAdmins as $admin)
<option value="@if(!empty($admin)) {{$admin->id}} @endif">
@if(!empty($admin)) {{$admin->first_name}} @endif
</option>
@endforeach
@endif
</select>
<span class="m-form__help"></span>
@if ($errors->has('company_admin'))
<span class="invalid-feedback">
<strong>{{ $errors->first('company_admin') }}</strong>
</span>
@endif
</div>
</div>
<div class="col-md-6"></div>
</div>
</div>-->
</div>
<!--end: Form Wizard Step 2-->
</div>
<!--end: Form Body -->
<!--begin: Form Actions -->
<div class="m-portlet__foot m-portlet__foot--fit m--margin-top-40">
<div class="m-form__actions m-form__actions">
<div class="row">
<div class="col-lg-6 m--align-right">
<button class="btn btn-secondary m-btn m-btn--custom m-btn--icon" data-wizard-action="prev">
<span>
<i class="la la-arrow-left"></i>
<span>
Back
</span>
</span>
</button>
</div>
<div class="col-lg-6 ">
<button class="btn btn-primary m-btn m-btn--custom m-btn--icon m--align-left"
data-wizard-action="submit">
<span>
<i class="la la-check"></i>
<span>
Submit
</span>
</span>
</button>
<div class="m--align-right">
<button class="btn btn-warning m-btn m-btn--custom m-btn--icon" data-wizard-action="next">
<span>
<span>
Continue
</span>
<i class="la la-arrow-right"></i>
</span>
</button>
</div>
</div>
<div class="col-lg-2"></div>
</div>
</div>
</div>
<!--end: Form Actions -->
{{-- {!! Form::close() !!} --}}
</form>
</div>
<!--end: Form Wizard Form-->
@endsection
OHA YOOOO