@extends('layouts.header')
@section('content')
<!--  BEGIN CONTENT AREA  -->
	<br />
    <div class="row layout-top-spacing layout-spacing">
		<div class="page-header">
			<nav class="breadcrumb-one" aria-label="breadcrumb">
				<ol class="breadcrumb">
					<li class="breadcrumb-item"><a href="javascript:void(0);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></li>
					<li class="breadcrumb-item"><a href="javascript:void(0);">{{$page['folder']}}</a></li>
					<li class="breadcrumb-item active" aria-current="page"><span>{{$page['title']}}</span></li>
				</ol>
			</nav>
		</div>
		<div class="row">
			<div class="col-lg-12 col-md-12 layout-spacing">
				<div class="statbox widget box box-shadow">
					<div class="widget-header">
						<div class="row">
							<div class="col-xl-12 col-md-12 col-sm-12 col-12">
								<h4>Create an Opportunity</h4>
							</div>          
						</div>
					</div>
					<div class="widget-content widget-content-area">
						<form action="{{url('/Store-Opportunities')}}" method="POST" class="form-vertical" >
							@csrf
							<div class="row">
								<div class="col-xs-6 col-sm-6 col-md-6">
									<div class="form-group">
										<strong>Name</strong>
										<input type="text" name="Name" id="Name" class="form-control" placeholder="Name">
									</div>
								</div>
								<div class="col-xs-6 col-sm-6 col-md-6">
									<div class="form-group">
										<strong>Amount</strong>
										<input type="text" name="Amount" id="Amount" class="form-control" placeholder="Amount">
									</div>
								</div>
								<div class="col-xs-6 col-sm-6 col-md-6">
									<div class="form-group">
										<strong>Type</strong>
										<select class="form-control basic" name="Type" id="Type">
											<option name="">Select</option>
											<option name="New">New Business</option>
											<option name="Existing">Existing Business</option>
										</select>
									</div>
								</div>
								<div class="col-xs-6 col-sm-6 col-md-6">
									<div class="form-group">
										<strong>Sales Stage</strong>
										<select class="form-control basic" name="SalesStage" id="SalesStage">
											<option name="">Select</option>
											<option name="Prospecting">Prospecting</option>
											<option name="Qualification">Qualification</option>
											<option name="Needs Analysis">Needs Analysis</option>
											<option name="Proposal/Price Quote">Proposal/Price Quote</option>
											<option name="Negotiation/Review">Negotiation/Review</option>
											<option name="Closed Won">Closed Won</option>
											<option name="Closed Lost">Closed Lost</option>
										</select>
									</div>
								</div>
								<div class="col-xs-6 col-sm-6 col-md-6">
									<div class="form-group">
										<strong>Source</strong>
										<select name="Source" id="Source" class="form-control basic" >
										<option label="" value=""></option>
										<option label="Cold Call" value="Cold Call">Cold Call</option>
										<option label="Existing Customer" value="Existing Customer">Existing Customer</option>
										<option label="Self Generated" value="Self Generated">Self Generated</option>
										<option label="Employee" value="Employee">Employee</option>
										<option label="Partner" value="Partner">Partner</option>
										<option label="Public Relations" value="Public Relations">Public Relations</option>
										<option label="Direct Mail" value="Direct Mail">Direct Mail</option>
										<option label="Conference" value="Conference">Conference</option>
										<option label="Trade Show" value="Trade Show">Trade Show</option>
										<option label="Web Site" value="Web Site">Web Site</option>
										<option label="Word of mouth" value="Word of mouth">Word of mouth</option>
										<option label="Email" value="Email">Email</option>
										<option label="Campaign" value="Campaign">Campaign</option>
										<option label="Other" value="Other">Other</option>
										</select>
									</div>
								</div>
								<div class="col-xs-6 col-sm-6 col-md-6">
									<div class="form-group">
										<strong>Expected Close Date</strong>
										<input id="DateClosed" name="DateClosed" class="form-control flatpickr flatpickr-input active DateDMY" type="text" placeholder="Expected Close Date" readonly="readonly">
									</div>
								</div>
								<div class="col-xs-12 col-sm-12 col-md-12">
									<div class="form-group">
										<strong>Description</strong>
										<textarea class="form-control" name="Description"
											placeholder="Description" id="Description"></textarea>
									</div>
								</div>
								<div class="col-xs-12 col-sm-12 col-md-12 text-center">
									<button type="submit" class="btn btn-primary submit-fn mt-2">Save</button>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
        <!--  END CONTENT AREA  -->
@endsection