@extends('frontend.layouts.app')

@section('title', app_name() . ' | ' . __('labels.frontend.auth.register_box_title'))

@section('content')
                    <div class="loader-main">
                        <div class="loading-wrapper">
                            <div class="loading-bar"></div>
                            <div class="loading-bar"></div>
                            <div class="loading-bar"></div>
                            <div class="loading-bar"></div>
                        </div>
                    </div>  
                    {{ html()->form('POST', route('frontend.auth.register.post'))->attribute('enctype', 'multipart/form-data')->open() }}
					   <div class="profile-pic">
							<div class="profile-edit-pic">
                                <label class="newbtn" for="upload-pic">
                                    <span class="edit-profile-icon"><i class="fa fa-camera"></i></span>
                                </label>
                                <div class="profile-img">
    								 <img id="imgFileUpload" alt="Select File" title="Select File" src="{!! asset('img/profile-pic.jpg') !!}" style="cursor: pointer" />
    								<span id="spnFilePath"></span>
    								<input type="file" name="avatar_location" id="FileUpload1" style="display: none" accept=".png,.jpg,.jpeg" />
    							</div>
                            </div>
						</div>
						<div class="sign-up-form">
                       
                                <div class="form-group">
                                    {{ html()->label(__('validation.attributes.frontend.first_name'))->for('first_name') }} (<span style="color:red">*</span>)

                                    {{ html()->text('first_name')
                                        ->class('form-control')
                                        ->placeholder(__('validation.attributes.frontend.first_name'))
                                        ->attribute('maxlength', 191)
                                        ->required() }}
                                </div><!--col-->
                                <div class="form-group">
                                    {{ html()->label(__('validation.attributes.frontend.last_name'))->for('last_name') }} (<span style="color:red">*</span>)

                                    {{ html()->text('last_name')
                                        ->class('form-control')
                                        ->placeholder(__('validation.attributes.frontend.last_name'))
                                        ->attribute('maxlength', 191)
                                        ->required() }}
                                </div><!--form-group-->
                            

                       
                                <div class="form-group">
                                    {{ html()->label(__('validation.attributes.frontend.email'))->for('email') }} (<span style="color:red">*</span>)

                                    {{ html()->email('email')
                                        ->class('form-control')
                                        ->placeholder(__('validation.attributes.frontend.email'))
                                        ->attribute('maxlength', 191)
                                        ->required() }}
                                </div><!--form-group-->
                                                     
                                <div class="form-group">
                                    {{ html()->label(__('validation.attributes.frontend.password'))->for('password') }} (<span style="color:red">*</span>)

                                    {{ html()->password('password')
                                        ->class('form-control')
                                        ->placeholder(__('validation.attributes.frontend.password'))
                                        ->required() }}
                                </div><!--form-group-->
                           
                                <div class="form-group">
                                    {{ html()->label(__('validation.attributes.frontend.password_confirmation'))->for('password_confirmation') }} (<span style="color:red">*</span>)

                                    {{ html()->password('password_confirmation')
                                        ->class('form-control')
                                        ->placeholder(__('validation.attributes.frontend.password_confirmation'))
                                        ->required() }}
                                </div><!--form-group-->
                          
                                <div class="form-group">
                                    {{ html()->label(__('validation.attributes.frontend.company_service_desc'))->for('company_service_desc') }} (<span style="color:red">*</span>)

                                    {{ html()->textarea('company_service_desc')
                                        ->class('form-control')
                                        ->placeholder(__('validation.attributes.frontend.company_service_desc'))
                                        ->attribute('maxlength', 300)
                                        ->required() }}
                                </div><!--form-group-->
                            
                                <div class="form-group">
                                    {{ html()->label(__('validation.attributes.frontend.document_location'))->for('document_location') }} (<span style="color:red">*</span>)

									<div id="doc-upload" class="image-preview">
										<input type="text" class="form-control image-preview-filename" placeholder="Upload file"  >
										<span class="input-group-btn">
											<div class="btn btn-default image-preview-input">
												<span class="image-preview-input-title"><i class="fa fa-chevron-right"></i></span>
												<input type="file" name="document_location" required accept=".png,.jpg,.jpeg,.pdf,.xls,.xlsx,.txt,.docx"/>
											</div>
										</span>
									</div>
									
                                </div><!--form-group-->
                                <div class="form-group select-city">
                                    {{ html()->label(__('validation.attributes.frontend.cities'))->for('cities') }} (<span style="color:red">*</span>)

                                    <select multiple="multiple" name="city[]" id="city" required>
                                        @foreach($cities as $yey => $city)
                                            <option value="{{$city->id}}">{{$city->city_name}}</option>
                                        @endforeach
                                    </select>
                                </div><!--form-group-->

                                <div class="form-group select-city">
                                    <label for="cities">Choose Service</label> (<span style="color:red">*</span>)

                                    <select multiple="multiple" name="service[]" id="city" required>
                                        @foreach($services as $yey => $service)
                                            <option value="{{$service->id}}">{{$service->category_name}}</option>
                                        @endforeach
                                    </select>
                                </div><!--form-group-->

                        @if(config('access.captcha.registration'))
                            <div class="row">
                                <div class="col">
                                    {!! Captcha::display() !!}
                                    {{ html()->hidden('captcha_status', 'true') }}
                                </div><!--col-->
                            </div><!--row-->
                        @endif
						{{ html()->hidden('user_type',3) }}
						<div class="form-group text-center">
							<button type="submit" class="btn btn-warning mt-3">Sign Up</button>
							 <a  class="btn  mt-3"  href="{{ url('/login')}}">Back To Login</a>
						</div><!-- form-group -->
						
                        
                    {{ html()->form()->close() }}

                    <div class="row">
                        <div class="col">
                            <div class="text-center">
                                {!! $socialiteLinks !!}
                            </div>
                        </div><!--/ .col -->
                    </div><!-- / .row -->
				</div>
	
@endsection

@push('after-scripts')
    @if(config('access.captcha.registration'))
        {!! Captcha::script() !!}
    @endif
@endpush