@extends('main')
@section('styles')
	{!! Html::style(Theme::current()->assetPath.'/css/contact-2.css') !!}
@endsection
@section('page-title')
@endsection
@section('content')
	<section id="contact-form-section">
		<ol class="breadcrumb">
			<li class="breadcrumb-item"><a href="{{ Route('mobily.site.home.page') }}">{{ __('Home') }}</a></li>
			<li class="breadcrumb-item active">{{ __('Join Our Team') }}</li>
		</ol>
		<div class="col-md-12 col-sm-12">
			<h2 class="section-heading">{{ __('Join Our Team') }}</h2>
			<div class="clearfix">  </div>
			<div class="">
				{!! @$page->content !!}
			</div>

		</div>
		<div class="">
			<div class="row container">
				<div class="clearfix">  </div>
				@if(Session::has('send-success'))
					<div class="alert alert-success alert-dismissable fade in">
						<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
						{!! Session::get('send-success') !!}
					</div>
					<div class="clearfix">  </div>
				@endif
				@if(Session::has('send-error'))
					<div class="alert alert-warning alert-dismissable fade in">
						<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
						{!! Session::get('send-error') !!}
					</div>
					<div class="clearfix">  </div>
				@endif
				<div class="clearfix">  </div>
				<div class="col-md-12 col-sm-12">
					<h4 class="location-title">{{ __('Send your resume') }}</h4>
					{!! Form::open(array('route' => 'saveCareer','method' => 'POST', 'files' => true , 'class' => '','id' => 'contact-form')) !!}
					<div class="row">
						<div class="col-md-6 col-sm-12">
							<div class="form-group">
								<input required name="name" type="text" class="form-control" placeholder="{{ __('Name') }}" />
								<input required name="phone" type="text" class="form-control" placeholder="{{ __('Phone') }}" />
								<input required name="email" type="email" class="form-control" placeholder="{{ __('Email') }}" />
								<input required name="jobtitle" type="text" class="form-control" placeholder="{{ __('Job Title') }}" />
								<label class="btn btn-default">
									{{ __('CV File') }} <input type="file" name="file_up" hidden placeholder='{{ __('Choose a file') }}...' />
								</label>
							</div>
						</div>
						<div class="col-md-6 col-sm-12">
							<textarea required name="experiences" class="" placeholder="{{ __('Experiences') }}"></textarea>
							<textarea name="details" class="" placeholder="{{ __('Other Details') }}"></textarea>
							<button type="submit" class="btn btn-outline">{{ __('Submit') }}</button>
						</div>
					</div>
					{!! Form::close() !!}
				</div>
			</div>
			<div class="clearfix">
			</div>
			<div class="row no-padding">
				<div class="col-md-12">
				</div>
			</div>
		</div>
	</section>
@endsection
@section('scripts')
	{!! Html::script(Theme::current()->assetPath.'/js/jquery.validate.js') !!}
 <script type="text/javascript">
	jQuery(document).ready(function($){
		$.validator.messages.required = "{{__('This field is required.')}}";
		$.validator.messages.email = "{{__('Please enter a valid Email.')}}";
		$("#contact-form").validate({
				invalidHandler: function(event, validator) {
					// 'this' refers to the form
					var errors = validator.numberOfInvalids();
					if (errors) {
						var message = errors == 1
							? 'You missed 1 field. It has been highlighted'
							: 'You missed ' + errors + ' fields. They have been highlighted';
						$("div.error span").html(message);
						$("div.error").show();
					} else {
						$("div.error").hide();
					}
				}
			});
	});
	</script>
@endsection