@extends('fo.tpl.layout')

@section('content')
<div class="container">
	<div class="row">
		<div class="col-sm-12">
			
		<div class="form-inline pull-center" style="padding-top: 50px;">
			<center>
			<form action="{{ route('fosearchprocedures') }}" id="form-search-procedure" name="form-search-procedure" method="post">
				<input type="text" class="form-search-procedure" id="expression" name="expression" required>
				<a href="#" class="btn-search-p" id="btn-search-p">
					<i class="fa fa-search fa-2x"></i>
				</a>
			</form>
			</center>
		</div>

		</div>
	</div>
	
	<div class="row">
		<div class="col-sm-12">
		
			<div id="sub-procedure">
				<!-- Item sub procedure element  
				<a href="#" class="pcd subpcd">
					<span class="img-ico rounded light-dark-color">
						<span class="glyphicon glyphicon-paperclip fa-2x "></span>
					</span>
					<span class="namepcd">This is a simple procedure</span>
				</a>
				<!-- # Item sub procedure element  -->
				
			</div>
		
		</div>
	</div>
	
	<div class="row">
		<div class="col-sm-12">
		
			<div id="main-procedure">
				
				@foreach($parents as $parent)
					
						<!-- Item procedure element  --> 
						<a href="{{ url('/fo/procedure/detail/'.$parent->id) }}" class="pcd mainpcd" data-id="{{$parent->id}}">
							<span class="img-ico">
								<span class="glyphicon glyphicon-paperclip fa-2x "></span>
							</span>
							<span class="namepcd">{{$parent->name_procedure}}</span>
						</a>
					
				@endforeach	
					<!-- # Item procedure element  --> 
			</div>
			<input id="route_sp" type="hidden" value="{{ route('getsubproc') }}">
			<input id="route_detail" type="hidden" value="{{ url('/fo/procedure/detail/0') }}">
		</div>
	</div>
</div>
{{ csrf_field() }}
@stop

@section('addlibjs')
<script src="{{ asset('js/fo/layout.js') }}"></script>
<script src="{{ asset('js/fo/procedures/script-search-procedure.js') }}"></script>
@stop