@extends('layouts.app_main')

@section('content')
    <div class="col-sm-9 indexcolors">
        <div class="panel panel-default">
            <div class="panel-heading">Index</div>
            <div class="panel-body">
            	<div class="col-md-12 text-center"  >
	            	<form method='post' action="/policies_and_procedures/search">
	            		{{ csrf_field() }}
	            		<input name="search"><button style="btn btn-primary">Search</button>
	            	</form><hr/>
            	</div>
            	<div class="col-md-12" style="font-size: 16px;">
					@foreach($pnps as $pnp)
		              @if(count($pnp->children))
		                   	@if(count($pnp->content))
		                    	<span style="font-weight: bold;font-size: 18px;"><a href="/policies_and_procedures/{{$pnp->id}}" class="" data-parent="#SubMenu{{$pnp->parent_id}}" >{{$pnp->heading}} </a></span><br/>
		                    @else
		                  		<span style="font-weight: bold;font-size: 18px;">{{$pnp->heading}}</span><br/>
		                    @endif

		                  @foreach($pnp->children as $child)
		                   	@if(count($child->content))
		                    	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="/policies_and_procedures/{{$child->id}}" class="" data-parent="#SubMenu{{$child->parent_id}}" >{{$child->heading}} </a><br/>
		                    @else
		                    	{{$child->heading}}<br/>
		                    @endif
		                  @endforeach
		                  <br/>
		              @else
		                <a href="/policies_and_procedures/{{$pnp->id}}" class="" style="font-weight: bold;font-size: 18px;">{{$pnp->heading}}</a><br/><br/>
		              @endif
		            @endforeach
		        </div>
            </div>
        </div>
    </div>
@endsection