@extends('layouts.main')

@section('title','Advanced - Documentation')

@section('body')

<style type="text/css">
.inner_sec_info_w3ls_agile p {
	color: #263238;
}
</style>

<div class="services-breadcrumb">
	<div class="inner_breadcrumb">
		<ul class="short_w3ls_agile">
			<li><a href="{{ url('/') }}">Home</a><span>|</span></li>
			<li>Post Requirements</li>
		</ul>
	</div>
</div>

@include('flash::message')

<div class="banner_bottom">
	<div class="container">
		<style>
		div {
			text-align: justify;
			text-justify: inter-word;
		}
	</style>
	<h3 style="color: #124D79; size:2em">Post Requirements</h3>

	<div class="inner_sec_info_w3ls_agile">
		<div class="panel panel-default">
			<div class="panel-body">
				<div class="row">
					<div class="col-md-12">
						<form action="{{ url()->current() }}" method="POST">
							{{ csrf_field() }}
							<div class="form-group">
								<label>Your Name :</label>
								<input type="text" class="form-control" name="name" required>
							</div>
							<div class="form-group">
								<label>Company Name : </label>
								<input type="text" class="form-control" name="company_name" required>
							</div>
							<div class="row">
								<div class="col-md-6">
									<div class="form-group">
										<label>Country : </label>
										<select name="country" class="form-control">
											@foreach($countries as $country)
											<option value="{{ $country->name }}">{{ $country->name }}</option>
											@endforeach
										</select>
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										<label>City : </label>
										<input type="text" class="form-control" name="city_name" required>
									</div>
								</div>								
							</div>
							<div class="row">
								<div class="col-md-6">
									<div class="form-group">
										<label>Email : </label>
										<input type="email" class="form-control" name="email" required>
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										<label>Phone/Mobile : </label>
										<input type="text" class="form-control" name="phone" required>
									</div>
								</div>
							</div>
							<div class="form-group">
								<label>Requirement : </label>
								<textarea rows="8" name="requirement" class="form-control" required></textarea>
							</div>
							<div class="form-group">
								<label>Upload Document :</label>
								<input type="file" name="file" class="btn btn-info" accept=".doc,.pdf,.docx">
							</div>
							<input type="submit" name="submit" class="btn btn-success">
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
</div>

@endsection