@extends('layouts.app')

@push('css')
	<!-- Styles -->
    <link href="{{ asset('css/library/select2.min.css') }}" rel="stylesheet">
    <link href="{{ asset('css/bs-stepper.min.css') }}" rel="stylesheet">
@endpush

@php
    $title    = old('title');
    $duration = old('duration');
    $document = old('document');
@endphp

@section('content')
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark">Manage Projects</h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ route('projects.index') }}">Manage Projects</a></li>
                        <li class="breadcrumb-item active">Add Project</li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
    <section class="content">
        <div class="container-fluid">
            <div class="row">
			    <div class="col-md-12">
			        <div class="card card-default">
			            <div class="card-header">
			                <h3 class="card-title">Add Project</h3>
			            </div>
			            <div class="card-body p-0">
			                <div class="bs-stepper linear123">
			                	<div class="bs-stepper-header" role="tablist">
				                    <!-- your steps here -->
				                    <div class="step" data-target="#basic-details">
				                        <button type="button" class="step-trigger" role="tab" aria-controls="basic-details" id="basic-details-trigger" aria-selected="true">
				                            <span class="bs-stepper-circle">1</span>
				                            <span class="bs-stepper-label">Basic</span>
				                          </button>
				                    </div>
				                    <div class="line1"></div>
				                    <div class="step active" data-target="#tender-scope">
			                            <button type="button" class="step-trigger" role="tab" aria-controls="tender-scope" id="tender-scope-trigger" aria-selected="false">
			                                <span class="bs-stepper-circle">2</span>
			                                <span class="bs-stepper-label">Tender scope</span>
			                            </button>
			                        </div>
				                    <div class="line1"></div>
			                        <div class="step" data-target="#project-spec">
			                            <button type="button" class="step-trigger" role="tab" aria-controls="project-spec" id="project-spec-trigger" aria-selected="false">
			                                <span class="bs-stepper-circle">3</span>
			                                <span class="bs-stepper-label">Specifications</span>
			                            </button>
			                        </div>
			                        <div class="line1"></div>
			                        <div class="step" data-target="#boq-part">
			                            <button type="button" class="step-trigger" role="tab" aria-controls="boq-part" id="boq-part-trigger" aria-selected="false">
			                                <span class="bs-stepper-circle">4</span>
			                                <span class="bs-stepper-label">BOQ</span>
			                            </button>
			                        </div>
			                        <!-- <div class="line1"></div>
			                        <div class="step" data-target="#contracts-part">
			                            <button type="button" class="step-trigger" role="tab" aria-controls="contracts-part" id="contracts-part-trigger" aria-selected="false">
			                                <span class="bs-stepper-circle">5</span>
			                                <span class="bs-stepper-label">Contract</span>
			                            </button>
			                        </div> -->
			                        <div class="line1"></div>
			                        <div class="step" data-target="#drwaings-part">
			                            <button type="button" class="step-trigger" role="tab" aria-controls="drwaings-part" id="drwaings-part-trigger" aria-selected="false">
			                                <span class="bs-stepper-circle">5</span>
			                                <span class="bs-stepper-label">Drawings</span>
			                            </button>
			                        </div>
			                        <div class="line1"></div>
			                        <div class="step" data-target="#requirements-part">
			                            <button type="button" class="step-trigger" role="tab" aria-controls="requirements-part" id="requirements-part-trigger" aria-selected="false">
			                                <span class="bs-stepper-circle">6</span>
			                                <span class="bs-stepper-label">T.Requirements</span>
			                            </button>
			                        </div>
			                        <div class="line1"></div>
			                        <div class="step" data-target="#insurance-part">
			                            <button type="button" class="step-trigger" role="tab" aria-controls="insurance-part" id="insurance-part-trigger" aria-selected="false">
			                                <span class="bs-stepper-circle">8</span>
			                                <span class="bs-stepper-label">Insurance</span>
			                            </button>
			                        </div>
			                    </div>
			                    <div class="bs-stepper-content">
									<div id="basic-details" class="content" role="tabpanel" aria-labelledby="basic-details-trigger">
			                            {!! Form::open(['name'=>'addprojectfrm', 'id'=>'addprojectfrm', 'route' => 'projects.store', 'method' => 'post', 'files' => true]) !!}
			                            	<input type="hidden" name="project_id">
			                            	@if ($errors->any())
			                                    <div class="alert alert-danger">
			                                        <ul>
			                                            @foreach ($errors->all() as $error)
			                                                <li>{{ $error }}</li>
			                                            @endforeach
			                                        </ul>
			                                    </div>
			                                @endif

			                                <div class="row">
				                                <div class="col-md-6">
					                                <div class="form-group">
					                                    {!! Form::label('title', 'Title *', ['for' => 'title']) !!}
					                                    {!! Form::text('title',$title,['class'=>'form-control','placeholder'=>'Enter Project Title','autofocus'=>true]) !!}
					                                    @if($errors->has('title'))
					                                        <span class="invalid-feedback" role="alert">
					                                            <strong>{{ $errors->first('title') }}</strong>
					                                        </span>
					                                    @else
					                                        <span class="text-danger"></span>
					                                    @enderror
					                                </div>
					                            </div>
					                            <div class="col-md-6">
					                                <div class="form-group">
					                                    {!! Form::label('document_path', 'Prime Document *', ['for' => 'description']) !!}
					                                    <div class="input-group">
					                                        <div class="custom-file">
					                                            {!! Form::file('document_path',['class'=>'custom-file-input']) !!}
					                                            {!! Form::label('document_path', 'Choose file', ['class' => 'custom-file-label']) !!}
					                                        </div>
					                                    </div>
					                                    <span class="text-danger"></span>
					                                </div>
					                            </div>
					                        </div>

					                        <div class="row">
					                        	<div class="col-md-6">
					                                <div class="form-group">
					                                    {!! Form::label('duration', 'Duration *', ['for' => 'duration']) !!}
					                                    {!! Form::text('duration', $duration, ['class'=>'form-control only-num', 'placeholder'=>'Duration', 'autofocus'=>true]) !!}
					                                    <span class="text-danger"></span>
					                                </div>
					                            </div>

					                            <div class="col-md-2">
					                                <div class="form-group">
					                                	<label>&nbsp;</label>
					                                	<div><button type="button" class="btn btn-outline-success btn-xs btn-new-milestone"><i class="fa fa-plus" aria-hidden="true"></i>&nbsp;&nbsp;Add MileStone</button></div>
					                                </div>
					                            </div>
					                            <div class="col-md-4"></div>
					                        </div>
					                        <div class="wrapper-milestone"></div>

						                    <div class="row">
				                                <div class="col-md-6">
					                                <div class="form-group">
					                                    {!! Form::label('project_type', 'Project Type *', ['for' => 'project_type']) !!}
					                                    <select name="project_type[]" class="form-control" id="project_type" multiple="">
					                                    	<option value="1" selected>PipeLine</option>
					                                    	<option value="2">Pump Station</option>
					                                    	<option value="3">Reservoir</option>
					                                    </select>
					                                    <span class="text-danger"></span>
					                                </div>
					                            </div>
					                        </div>

					                        <div class="wrapper-project-type">
						                        <div class="wrap-pipeLine">
						                        	<div><h5>PipeLine Specification</h5></div>
						                        	<div class="row">
						                        		<table class="table table-bordered tbl-pline-spec">
															<thead>
																<tr>
																  	<th width="15%">Diameter</th>
																  	<th width="15%">Length</th>
																  	<th width="20%">Chamber</th>
																  	<th width="40%">Note</th>
																  	<th width="10%">
																  		<div>
																  			<button type="button" title="Add New Specification" class="btn btn-outline-success btn-xs btn-new-pipeline"><i class="fa fa-plus" aria-hidden="true"></i>&nbsp;&nbsp;Add</button>
																  		</div>
																  	</th>
																</tr>
															</thead>
															<tbody>
																<tr>
																  	<td>
																  		<div class="form-group">
														                	{!! Form::text('pipeline[0][diameter]', '',['class'=>'form-control','placeholder'=>'','autofocus'=>true]) !!}
														            		<span class="text-danger"></span>
														            	</div>
														            </td>
																  	<td>
																  		<div class="form-group">
														                    {!! Form::text('pipeline[0][length]', '',['class'=>'form-control only-num','placeholder'=>'','autofocus'=>true]) !!}
														                	<span class="text-danger"></span>
														                </div>
																  	</td>
																  	<td>
																	    <div class="form-group">
														                    <select name="pipeline[0][chamber]" class="form-control">
														                    	<option value="">Please Select Chamber</option>
														                    	<option value="1">Air Valve</option>
														                    	<option value="2">Washout Valve</option>
														                    	<option value="3">Isolation Valve</option>
														                    </select>
														                    <span class="text-danger"></span>
														                </div>
																  	</td>
																  	<td>
																  		<div class="form-group">
														                    <textarea name="pipeline[0][note]" class="form-control"></textarea>         
														                </div>
																  	</td>
																  	<td></td>
																</tr>
															</tbody>
														</table>
						                        	</div>
						                        </div>
						                        <div class="wrap-pm-station d-none">
						                        	<div><h5>Pump Station</h5></div>
						                        	<div class="row">
						                        		<table class="table table-bordered tbl-pm-st-spec">
															<thead>
																<tr>
																  	<th width="15%">Pumps</th>
																  	<th width="15%">Capacity</th>
																  	<th width="20%">Head</th>
																  	<th width="40%">Note</th>
																  	<th width="10%">
																  		<div>
																  			<button type="button" title="Add New Pump Station" class="btn btn-outline-success btn-xs btn-new-pm"><i class="fa fa-plus" aria-hidden="true"></i>&nbsp;&nbsp;Add</button>
																  		</div>
																  	</th>
																</tr>
															</thead>
															<tbody>
																<tr>
																  	<td>
																  		<div class="form-group">
														                	{!! Form::text('ps[0][pumps]', '',['class'=>'form-control only-num', 'autofocus'=>true]) !!}
														            		<span class="text-danger"></span>
														            	</div>
														            </td>
																  	<td>
																  		<div class="form-group">
														                    {!! Form::text('ps[0][capacity]', '',['class'=>'form-control only-num', 'autofocus'=>true]) !!}
														                	<span class="text-danger"></span>
														                </div>
																  	</td>
																  	<td>
																  		<div class="form-group">
														                    {!! Form::text('ps[0][head]', '',['class'=>'form-control only-num', 'autofocus'=>true]) !!}
														                	<span class="text-danger"></span>
														                </div>
																  	</td>
																  	<td>
																  		<div class="form-group">
														                    <textarea name="ps[0][note]" class="form-control"></textarea>         
														                </div>
																  	</td>
																  	<td></td>
																</tr>
															</tbody>
														</table>
						                        	</div>
						                        </div>
						                        <div class="wrap-reserviour d-none">
						                        	<div><h5>Reservoir Specification</h5></div>
						                        	<div class="row">
						                        		<table class="table table-bordered tbl-res-spec">
															<thead>
																<tr>
																  	<th width="15%">Type</th>
																  	<th width="10%">Capacity</th>
																  	<th width="10%">Length</th>
																  	<th width="10%">Height</th>
																  	<th width="15%">Breath</th>
																  	<th width="30%">Note</th>
																  	<th width="10%">
																  		<div>
																  			<button type="button" title="Add New Reservoir" class="btn btn-outline-success btn-xs btn-new-reserviour"><i class="fa fa-plus" aria-hidden="true"></i>&nbsp;&nbsp;Add</button>
																  		</div>
																  	</th>
																</tr>
															</thead>
															<tbody>
																<tr>
																  	<td>
																  		<div class="form-group">
														                	<select name="reserviour[0][type]" class="form-control">
										                                    	<option value="">Select Type</option>
										                                    	<option value="1">RCC</option>
										                                    	<option value="2">Steel</option>
										                                    </select>
										                                    <span class="text-danger"></span>
														            	</div>
														            </td>
																  	<td>
																  		<div class="form-group">
														                    {!! Form::text('reserviour[0][capacity]', '',['class'=>'form-control', 'autofocus'=>true]) !!}
														                	<span class="text-danger"></span>
														                </div>
																  	</td>
																  	<td>
																	    <div class="form-group">
														                    {!! Form::text('reserviour[0][length]', '',['class'=>'form-control only-num', 'autofocus'=>true]) !!}
														                	<span class="text-danger"></span>
														                </div>
																  	</td>
																  	<td>
																	    <div class="form-group">
														                    {!! Form::text('reserviour[0][height]', '',['class'=>'form-control only-num', 'autofocus'=>true]) !!}
														                	<span class="text-danger"></span>
														                </div>
																  	</td>
																  	<td>
																	    <div class="form-group">
														                    {!! Form::text('reserviour[0][breath]', '',['class'=>'form-control only-num', 'autofocus'=>true]) !!}
														                	<span class="text-danger"></span>
														                </div>
																  	</td>
																  	<td>
																  		<div class="form-group">
														                    <textarea name="reserviour[0][note]" class="form-control"></textarea>         
														                </div>
																  	</td>
																  	<td></td>
																</tr>
															</tbody>
														</table>
						                        	</div>
						                        </div>
						                    </div>
											
											<div class="form-group">
				                                <a href="{{ url('projects') }}" class="btn btn-default btn-lg">Cancel</a>
				                                {!! Form::submit('Save',['class'=>'btn btn-primary btn-lg']) !!}
				                                <!-- <button type="button" class="btn btn-primary btn-lg" onclick="next();">Save & Next</button> -->
			                            	</div>
				                        {!! Form::close() !!}
			                        </div>

			                        <div id="tender-scope" class="content active dstepper-block" role="tabpanel" aria-labelledby="tender-scope-trigger">
			                            {!! Form::open(['name'=>'addtenderscopefrm', 'id'=>'addtenderscopefrm', 'url' => 'projects/addScope', 'method' => 'post', 'files' => true]) !!}
			                            	<input type="hidden" name="project_id" value="6">
			                            	<div class="row">
				                                <div class="col-md-6">
					                                <div class="form-group">
					                                    {!! Form::label('tendor_notes', 'Note *', ['for' => 'tendor_notes']) !!}
					                                    {!! Form::textarea('tendor_notes', '', ['rows' => "3", 'cols' => "2", 'class'=>'form-control']) !!}
					                                    <span class="text-danger"></span>
					                                </div>
					                            </div>
					                            <div class="col-md-6">
					                                <div class="form-group">
					                                    {!! Form::label('tender_scope_doc', 'Scope Document *', ['for' => 'description']) !!}
					                                    <div class="input-group">
					                                        <div class="custom-file">
					                                            {!! Form::file('tender_scope_doc',['class'=>'custom-file-input']) !!}
					                                            {!! Form::label('tender_scope_doc', 'Choose file', ['class' => 'custom-file-label']) !!}
					                                        </div>
					                                    	<span class="text-danger"></span>
					                                    </div>
					                                </div>
					                            </div>
					                        </div>
					                        <div class="form-group">
				                                <!-- {!! Form::submit('Save',['class'=>'btn btn-primary']) !!} -->
				                                <button type="button" class="btn btn-outline-secondary btn-lg" onclick="previous();">Previous</button>
				                                <button type="submit" class="btn btn-primary btn-lg">Save & Next</button>
			                            	</div>
				                        {!! Form::close() !!}
			                        </div>

			                        <div id="project-spec" class="content" role="tabpanel" aria-labelledby="project-spec-trigger">
			                            {!! Form::open(['name'=>'addprojectfrm', 'id'=>'addprojectfrm', 'route' => 'projects.store', 'method' => 'post', 'files' => true]) !!}
			                            	<div class="row">
				                                <div class="col-md-12">
					                                <div class="form-group">
					                                    {!! Form::label('project_specification', 'Project Specification *', ['for' => 'project_specification']) !!}
					                                    {!! Form::textarea('project_specification', '',['cols' => "50", 'class'=>'form-control text-editor']) !!}
					                                    @if($errors->has('tender_scope'))
					                                        <span class="invalid-feedback" role="alert">
					                                            <strong>{{ $errors->first('project_specification') }}</strong>
					                                        </span>
					                                    @else
					                                        <span id="error-description" class="text-danger"></span>
					                                    @enderror
					                                </div>
					                            </div>
					                        </div>
					                        <div class="row">
				                                <div class="col-md-6">
					                                <div class="form-group">
					                                    {!! Form::label('document_path', 'Specification Document *', ['for' => 'description']) !!}
					                                    <div class="input-group">
					                                        <div class="custom-file">
					                                            {!! Form::file('document_path',['class'=>'custom-file-input']) !!}
					                                            {!! Form::label('document_path', 'Choose file', ['class' => 'custom-file-label']) !!}
					                                        </div>
					                                    </div>
					                                </div>
					                            </div>
					                        </div>

			                            	<div class="form-group">
				                                <!-- {!! Form::submit('Save',['class'=>'btn btn-primary']) !!} -->
				                                <a href="{{ url('projects') }}" class="btn btn-default btn-lg">Cancel</a>
				                                <button type="button" class="btn btn-outline-secondary btn-lg" onclick="previous();">Previous</button>
				                                <button type="button" class="btn btn-primary btn-lg" onclick="next();">Save & Next</button>
			                            	</div>
				                        {!! Form::close() !!}
			                        </div>

			                        <div id="boq-part" class="content" role="tabpanel" aria-labelledby="boq-part-trigger">
			                            {!! Form::open(['name'=>'addprojectfrm', 'id'=>'addprojectfrm', 'route' => 'projects.store', 'method' => 'post', 'files' => true]) !!}
			                            	<div class="row">
				                                <div class="col-md-12">
					                                <div class="form-group">
					                                    {!! Form::label('boq_details', 'Bill Of Quantity *', ['for' => 'boq_details']) !!}
					                                    {!! Form::textarea('boq_details', '',['cols' => "50", 'class'=>'form-control text-editor']) !!}
					                                    @if($errors->has('tender_scope'))
					                                        <span class="invalid-feedback" role="alert">
					                                            <strong>{{ $errors->first('boq_details') }}</strong>
					                                        </span>
					                                    @else
					                                        <span id="error-description" class="text-danger"></span>
					                                    @enderror
					                                </div>
					                            </div>
					                        </div>
					                        <div class="row">
				                                <div class="col-md-6">
					                                <div class="form-group">
					                                    {!! Form::label('document_path', 'Bill Of Quantity Document *', ['for' => 'boq_doc']) !!}
					                                    <div class="input-group">
					                                        <div class="custom-file">
					                                            {!! Form::file('document_path',['id' => 'boq_doc', 'class'=>'custom-file-input']) !!}
					                                            {!! Form::label('document_path', 'Choose file', ['class' => 'custom-file-label']) !!}
					                                        </div>
					                                    </div>
					                                </div>
					                            </div>
					                        </div>

					                        <div class="section-title">Add Pre Quantity</div>

					                        <div class="row">
				                                <div class="col-md-12">
							                        <table class="table table-bordered" width="100%">
													    <thead>
													        <tr>
													            <th width="100">Sr No</th>
													            <th>Name</th>
													            <th>Qty.</th>
													            <th>Amount</th>
													            <th>Total</th>
													            <th><button type="button" class="btn btn-success" title="Add New Quantity"><i class="fa fa-plus" aria-hidden="true"></i></button></th>
													        </tr>
													    </thead>
													    <tbody>
													        <tr>
													            <td>1</td>
													            <td><input type="text" name="name[]" class="form-control"/></td>
													            <td><input type="text" name="qty[]" class="form-control"/></td>
													            <td><input type="text" name="amount[]" class="form-control"/></td>
													            <td><input type="text" name="total[]" class="form-control"/></td>
													            <td>
													            	<button type="button" class="btn btn-danger" title="Delete">
													            	<i class="fa fa-minus" aria-hidden="true"></i></button>
													            </td>
													        </tr>
													    </tbody>
													</table>
												</div>
											</div>

											<div class="row">
				                                <div class="col-md-6">
					                            	<div class="form-group">
						                                <!-- {!! Form::submit('Save',['class'=>'btn btn-primary']) !!} -->
						                                <a href="{{ url('projects') }}" class="btn btn-default btn-lg">Cancel</a>
						                                <button type="button" class="btn btn-outline-secondary btn-lg" onclick="previous();">Previous</button>
						                                <button type="button" class="btn btn-primary btn-lg" onclick="next();">Save & Next</button>
					                            	</div>
					                            </div>
					                        </div>
				                        {!! Form::close() !!}
			                        </div>

			                        <!-- <div id="contracts-part" class="content" role="tabpanel" aria-labelledby="contracts-part-trigger">
			                            {!! Form::open(['name'=>'addprojectfrm', 'id'=>'addprojectfrm', 'route' => 'projects.store', 'method' => 'post', 'files' => true]) !!}
			                            	<div class="row">
				                                <div class="col-md-12">
					                                <div class="form-group">
					                                    {!! Form::label('contracts', 'Contracts *', ['for' => 'contracts']) !!}
					                                    {!! Form::textarea('contracts', '',['cols' => "50", 'class'=>'form-control text-editor']) !!}
					                                    @if($errors->has('tender_scope'))
					                                        <span class="invalid-feedback" role="alert">
					                                            <strong>{{ $errors->first('contracts') }}</strong>
					                                        </span>
					                                    @else
					                                        <span id="error-description" class="text-danger"></span>
					                                    @enderror
					                                </div>
					                            </div>
					                        </div>
					                        <div class="row">
				                                <div class="col-md-6">
					                                <div class="form-group">
					                                    {!! Form::label('document_path', 'Contracts Document *', ['for' => 'contracts_doc']) !!}
					                                    <div class="input-group">
					                                        <div class="custom-file">
					                                            {!! Form::file('document_path',['id' => 'contracts_doc', 'class'=>'custom-file-input']) !!}
					                                            {!! Form::label('document_path', 'Choose file', ['class' => 'custom-file-label']) !!}
					                                        </div>
					                                    </div>
					                                </div>
					                            </div>
					                        </div>

			                            	<div class="form-group">
				                                <a href="{{ url('projects') }}" class="btn btn-default btn-lg">Cancel</a>
				                                <button type="button" class="btn btn-outline-secondary btn-lg" onclick="previous();">Previous</button>
				                                <button type="button" class="btn btn-primary btn-lg" onclick="next();">Save & Next</button>
			                            	</div>
				                        {!! Form::close() !!}
			                        </div> -->

			                        <div id="drwaings-part" class="content" role="tabpanel" aria-labelledby="drwaings-part-trigger">
			                            {!! Form::open(['name'=>'addprojectfrm', 'id'=>'addprojectfrm', 'route' => 'projects.store', 'method' => 'post', 'files' => true]) !!}
			                            	<div class="row">
				                                <div class="col-md-12">
					                                <div class="form-group">
					                                    {!! Form::label('drawings', 'Drawings *', ['for' => 'drawings']) !!}
					                                    {!! Form::textarea('drawings', '',['cols' => "50", 'class'=>'form-control text-editor']) !!}
					                                    @if($errors->has('drawings'))
					                                        <span class="invalid-feedback" role="alert">
					                                            <strong>{{ $errors->first('drawings') }}</strong>
					                                        </span>
					                                    @else
					                                        <span id="error-description" class="text-danger"></span>
					                                    @enderror
					                                </div>
					                            </div>
					                        </div>
					                        <div class="row">
				                                <div class="col-md-6">
					                                <div class="form-group">
					                                    {!! Form::label('document_path', 'Drawings Document *', ['for' => 'drawings_doc']) !!}
					                                    <div class="input-group">
					                                        <div class="custom-file">
					                                            {!! Form::file('document_path',['id' => 'drawings_doc', 'class'=>'custom-file-input']) !!}
					                                            {!! Form::label('document_path', 'Choose file', ['class' => 'custom-file-label']) !!}
					                                        </div>
					                                    </div>
					                                </div>
					                            </div>
					                        </div>

			                            	<div class="form-group">
				                                <!-- {!! Form::submit('Save',['class'=>'btn btn-primary']) !!} -->
				                                <a href="{{ url('projects') }}" class="btn btn-default btn-lg">Cancel</a>
				                                <button type="button" class="btn btn-outline-secondary btn-lg" onclick="previous();">Previous</button>
				                                <button type="button" class="btn btn-primary btn-lg" onclick="next();">Save & Next</button>
			                            	</div>
				                        {!! Form::close() !!}
			                        </div>

			                        <div id="requirements-part" class="content" role="tabpanel" aria-labelledby="requirements-part-trigger">
			                            {!! Form::open(['name'=>'addprojectfrm', 'id'=>'addprojectfrm', 'route' => 'projects.store', 'method' => 'post', 'files' => true]) !!}
			                            	<div class="row">
				                                <div class="col-md-12">
					                                <div class="form-group">
					                                    {!! Form::label('submission ', 'Submission *', ['for' => 'submission']) !!}
					                                    {!! Form::textarea('submission', '',['cols' => "50", 'class'=>'form-control text-editor']) !!}
					                                    @if($errors->has('submission'))
					                                        <span class="invalid-feedback" role="alert">
					                                            <strong>{{ $errors->first('submission') }}</strong>
					                                        </span>
					                                    @else
					                                        <span id="error-description" class="text-danger"></span>
					                                    @enderror
					                                </div>
					                            </div>
					                        </div>
					                        <div class="row">
				                                <div class="col-md-6">
					                                <div class="form-group">
					                                    {!! Form::label('document_path', 'Submission Document *', ['for' => 'submission_doc']) !!}
					                                    <div class="input-group">
					                                        <div class="custom-file">
					                                            {!! Form::file('document_path',['id' => 'submission_doc', 'class'=>'custom-file-input']) !!}
					                                            {!! Form::label('document_path', 'Choose file', ['class' => 'custom-file-label']) !!}
					                                        </div>
					                                    </div>
					                                </div>
					                            </div>
					                        </div>

					                        <div class="section-title">Prequalification  Requirment </div>

					                      	<div class="row">
				                                <div class="col-md-12">
					                                <div class="form-group">
					                                    {!! Form::label('pre_qualification ', 'Pre Qualification *', ['for' => 'pre_qualification']) !!}
					                                    {!! Form::textarea('pre_qualification', '',['cols' => "50", 'class'=>'form-control text-editor']) !!}
					                                    @if($errors->has('pre_qualification'))
					                                        <span class="invalid-feedback" role="alert">
					                                            <strong>{{ $errors->first('pre_qualification') }}</strong>
					                                        </span>
					                                    @else
					                                        <span id="error-description" class="text-danger"></span>
					                                    @enderror
					                                </div>
					                            </div>
					                        </div>
					                        <div class="row">
				                                <div class="col-md-6">
					                                <div class="form-group">
					                                    {!! Form::label('document_path', 'Pre Qualification Document *', ['for' => 'pre_qualification_doc']) !!}
					                                    <div class="input-group">
					                                        <div class="custom-file">
					                                            {!! Form::file('document_path',['id' => 'pre_qualification_doc', 'class'=>'custom-file-input']) !!}
					                                            {!! Form::label('document_path', 'Choose file', ['class' => 'custom-file-label']) !!}
					                                        </div>
					                                    </div>
					                                </div>
					                            </div>
					                        </div>

			                            	<div class="form-group">
				                                <!-- {!! Form::submit('Save',['class'=>'btn btn-primary']) !!} -->
				                                <a href="{{ url('projects') }}" class="btn btn-default btn-lg">Cancel</a>
				                                <button type="button" class="btn btn-outline-secondary btn-lg" onclick="previous();">Previous</button>
				                                <button type="button" class="btn btn-primary btn-lg" onclick="next();">Save & Next</button>
			                            	</div>
				                        {!! Form::close() !!}
			                        </div>

			                        <div id="insurance-part" class="content" role="tabpanel" aria-labelledby="insurance-part-trigger">
			                            {!! Form::open(['name'=>'addprojectfrm', 'id'=>'addprojectfrm', 'route' => 'projects.store', 'method' => 'post', 'files' => true]) !!}
			                            	<div class="row">
				                                <div class="col-md-12">
					                                <div class="form-group">
					                                    {!! Form::label('insurance', 'Insurance', ['for' => 'insurance']) !!}
					                                    {!! Form::textarea('insurance', '',['cols' => "50", 'class'=>'form-control text-editor']) !!}
					                                    @if($errors->has('insurance'))
					                                        <span class="invalid-feedback" role="alert">
					                                            <strong>{{ $errors->first('insurance') }}</strong>
					                                        </span>
					                                    @else
					                                        <span id="error-description" class="text-danger"></span>
					                                    @enderror
					                                </div>
					                            </div>
					                        </div>
					                        <div class="row">
				                                <div class="col-md-6">
					                                <div class="form-group">
					                                    {!! Form::label('document_path', 'Insurance Document *', ['for' => 'insurance_doc']) !!}
					                                    <div class="input-group">
					                                        <div class="custom-file">
					                                            {!! Form::file('document_path',['id' => 'insurance_doc', 'class'=>'custom-file-input']) !!}
					                                            {!! Form::label('document_path', 'Choose file', ['class' => 'custom-file-label']) !!}
					                                        </div>
					                                    </div>
					                                </div>
					                            </div>
					                        </div>
					                        <div class="section-title">Tendor Bond</div>
					                        <div class="row">
				                                <div class="col-md-12">
					                                <div class="form-group">
					                                    {!! Form::label('tender_bond ', 'Tender Bond *', ['for' => 'tender_bond']) !!}
					                                    {!! Form::textarea('tender_bond', '',['cols' => "50", 'class'=>'form-control text-editor']) !!}
					                                    @if($errors->has('submission'))
					                                        <span class="invalid-feedback" role="alert">
					                                            <strong>{{ $errors->first('tender_bond') }}</strong>
					                                        </span>
					                                    @else
					                                        <span id="error-description" class="text-danger"></span>
					                                    @enderror
					                                </div>
					                            </div>
					                        </div>
					                        <div class="row">
				                                <div class="col-md-6">
					                                <div class="form-group">
					                                    {!! Form::label('document_path', 'Tender Bond Document *', ['for' => 'tender_bond_doc']) !!}
					                                    <div class="input-group">
					                                        <div class="custom-file">
					                                            {!! Form::file('document_path',['id' => 'tender_bond_doc', 'class'=>'custom-file-input']) !!}
					                                            {!! Form::label('document_path', 'Choose file', ['class' => 'custom-file-label']) !!}
					                                        </div>
					                                    </div>
					                                </div>
					                            </div>
					                        </div>

					                        <div class="section-title">Miscellaneous Items</div>
					                        <div class="row">
				                                <div class="col-md-12">
					                                <div class="form-group">
					                                    {!! Form::label('miscellaneous ', 'Miscellaneous *', ['for' => 'miscellaneous']) !!}
					                                    {!! Form::textarea('miscellaneous', '',['cols' => "50", 'class'=>'form-control text-editor']) !!}
					                                    @if($errors->has('miscellaneous'))
					                                        <span class="invalid-feedback" role="alert">
					                                            <strong>{{ $errors->first('miscellaneous') }}</strong>
					                                        </span>
					                                    @else
					                                        <span id="error-description" class="text-danger"></span>
					                                    @enderror
					                                </div>
					                            </div>
					                        </div>
					                        <div class="row">
				                                <div class="col-md-6">
					                                <div class="form-group">
					                                    {!! Form::label('document_path', 'Miscellaneous Document *', ['for' => 'miscellaneous_doc']) !!}
					                                    <div class="input-group">
					                                        <div class="custom-file">
					                                            {!! Form::file('document_path',['id' => 'miscellaneous_doc', 'class'=>'custom-file-input']) !!}
					                                            {!! Form::label('document_path', 'Choose file', ['class' => 'custom-file-label']) !!}
					                                        </div>
					                                    </div>
					                                </div>
					                            </div>
					                        </div>

			                            	<div class="form-group">
				                                <!-- {!! Form::submit('Save',['class'=>'btn btn-primary']) !!} -->
				                                <a href="{{ url('projects') }}" class="btn btn-default btn-lg">Cancel</a>
				                                <button type="button" class="btn btn-outline-secondary btn-lg" onclick="previous();">Previous</button>
				                                <button type="button" class="btn btn-primary btn-lg" onclick="next();">Save</button>
			                            	</div>
				                        {!! Form::close() !!}
			                        </div>
			                    </div>
			                </div>
			            </div>
			            
		            </div>
		            <!-- /.card -->
			    </div>
			</div>
            <!-- /.row -->
        </div>
        <!-- /.container-fluid -->
    </section>
    <!-- /.content -->
@endsection

@push('script')

<script type="text/javascript" src="{{ asset('js/bs-stepper.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/project.js') }}"></script>
<script type="text/javascript">
    var stepper = '';
    $(document).ready(function () {
	  	stepper = new Stepper($('.bs-stepper')[0], {
        	linear: false,
        	animation: false,
        	selectors: {
			    steps: '.step',
			    trigger: '.step-trigger',
			    stepper: '.bs-stepper'
			}
      	});
	});

	function next() {
	  	stepper.next();
	}

	function previous() {
  		stepper.previous();
  	}

  	function Mynext() {
  		console.log('click');
  		$('#details-part-trigger').trigger('click');
  	}
</script>
@endpush