@extends('layouts.admin')

@section('content')
<style>
@page {
  size: landscape;
  margin: 1cm;
}
</style>
<div class="card">
	<div class="row card-header m-0">
		<div class="col-sm-2">
			<img src="{{ URL::asset('dist\img\brsp.svg')}}" alt="" class="img-fluid">
		</div>
		<div class="col-sm-8 title">{{$project->title}}</div>
		<div class="col-sm-2">
			<img src="../../dist/img/{{$project->donor}}.png" alt="" class="img-fluid">
		</div>
	</div>
	<div class="card-body p-0">
		<div class="section">
			A.&nbsp; General Information
			<div class="float-right" id="showBtn">
				<i class="fa fa-bars hideprint" style=" float: right;padding: 5px 15px 5px 0px;" aria-hidden="true"></i>
			</div>
		</div>
		 <div class="reportcontent" style="display:block">
			<div class="row">
				<div class="col-sm-2 text-muted">
					Donor<br>
					Start Date</br>
					PCR Deadline <br>
					Reporting Frequency
				</div>
				<div class="col-sm-4">
					{{$project->donor}}<br>
					{{$project->start_date}}<br>
					{{$project->pcr_deadline}}<br>
					{{$project->reporting_frequency}}
				</div>
				<div class="col-sm-2 text-muted">
					 Project Code<br>
					 Accronym<br>
					 End Date<br>
					 Budget<br>
					 Status 
				</div>
				<div class="col-sm-4 ">
					{{$project->code}}<br>
					{{$project->abreviation}} <br>
					{{$project->end_date}}<br>
					{{$project->currency}}-<span class="numformat" style="text-align: left; display: inline;">{{$project->budget}}</span><br>
					{{$project->status}}
				</div>
			</div> 
		</div>
		<div class="section" >
			B.&nbsp; Project Objectives 
			<div class="float-right" id="showBtn">
				<i class="fa fa-bars hideprint" style="  float: right;     padding: 5px 15px 5px 0px;" aria-hidden="true"></i>
			</div>
		</div>
		<div class="reportcontent" style="display:block">
			<div class="row">
				<div class="col-sm-12 text-muted">
					<ul>
						<li>Project Objectives:{{$project->objectives}}</li>
						<li>Specific Objective: {{$project->specificobjectives}}</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="section" >C.&nbsp; Focal Person
	<div class="float-right" id="showBtn"><i class="fa fa-bars hideprint" style="  float: right;     padding: 5px 15px 5px 0px;" aria-hidden="true"></i></div>
	</div>
<div class="reportcontent" style="display:block">

<div class="row">
		<div class="col-sm-2 text-muted">
	<b>	BRSP</b></br>
		Name</br>
		Designation<br>
		Mobile<br>
		Office Phone<br>
		Email
		</div>
		<div class="col-sm-4 invoice-col">
		<br>
		<strong>{{$project->brsp_fp_name}}</strong><br>
		{{$project->brsp_fp_designation}}<br>
		{{$project->brsp_fp_mobile}}<br>
		{{$project->brsp_fp_phone_office}}<br>
		{{$project->brsp_fp_email}}
		
		</div>
		<div class="col-sm-2 text-muted">
		<b>Donor</b></br>
		Name</br>
		Designation<br>
		Mobile<br>
		Office Phone<br>
		Email
		</div>
		<div class="col-sm-4 invoice-col">
		<br>
		<strong>{{$project->donor_fp_name}}</strong><br>
		{{$project->donor_fp_designation}}<br>
		{{$project->donor_fp_mobile}}<br>
		{{$project->donor_fp_phone_office}}<br>
		{{$project->donor_fp_email}}
		
		</div><!-- /.col -->
	</div>
</div>
  <!-- Benificiries -->

	<div class="section" >D.&nbsp; Project Beneficiaries
	
	<div class="float-right" id="showBtn"><i class="fa fa-bars hideprint" style="  float: right;     padding: 5px 15px 5px 0px;" aria-hidden="true"></i></div>
	 </div>
	 <div class="reportcontent" style="display:block">
<div class="row text-muted">
	@foreach($project->beneificiaries as $benif)
  <div class="col-sm-3 invoice-col">
	  {{$benif->indicator}}
  </div>
  <div class="col-sm-3 invoice-col">
  <span class="numformat">{{$benif->values}}</span>
  </div>
   @endforeach
  </div>
  </div>
  	<div class="section" >E.&nbsp; Geographic Coverage
<div class="float-right" id="showBtn">
 <i class="fa fa-bars hideprint" style="  float: right;padding: 5px 15px 5px 0px;" aria-hidden="true"></i>
</div></div>
	<div class="reportcontent" style="display:block">
	<div class="row text-muted">
		@foreach($project->projectdistrict as $project_district)
 
  @if($project_district->geographies->name!='Head Office')
	   <div class="col-sm-3 ">
  {{$counter++}} - {{$project_district->geographies->name}}
  </div>
@endif
  

   @endforeach
  </div>
  

</div>
<div class="section" >F.&nbsp;Stackholders 
<div class="float-right" id="showBtn"><i class="fa fa-bars hideprint" style="  float: right; padding: 5px 15px 5px 0px;" aria-hidden="true"></i></div></div>
	<div class="reportcontent" style="display:block; ">
	
	<div class="row text-muted">
		@foreach($project->stackholders as $project_stackholder)
  <div class="col-sm-3 invoice-col">
 
  {{$counter++}} - {{str_replace('_',' ',$project_stackholder->name)}}
  </div>

   @endforeach
  </div>
  
  
		
</div>
<div class="section" >H.&nbsp; Target Sustainable Development Goals
<div class="float-right" id="showBtn"><i class="fa fa-bars hideprint" style="  float: right; padding: 5px 15px 5px 0px;" aria-hidden="true"></i></div></div>
	<div class="reportcontent" style="display:block; ">
		<div class="row text-muted">
		<div class="col-sm-12">
		<ul>
		@foreach($project->results as $pr)
		@foreach($pr->resultsdgs as $prsdg)
															
		<li class="list" style="float: left; margin-right: 50px;">SDG-{{str_replace('_',' ',$prsdg->sdg)}}</li>
			@endforeach
			@endforeach
			</ul>
			</div>
			</div>
		</div>
		<div class="section" >I.&nbsp; Targets and Activities
<div class="float-right" id="showBtn"><i class="fa fa-bars hideprint" style="  float: right; padding: 5px 15px 5px 0px;" aria-hidden="true"></i></div></div>
<div class="reportcontent" style="display:block; padding: .5rem 0 .5rem 1rem; " >



@foreach($project->results as $result)



	<div class="section" >
		<span>Result-{{$result->result_no<10?'0'.$result->result_no:$result->result_no}}&nbsp;&nbsp;&nbsp;&nbsp;{{$result->title}}<span>
		<div class="float-right" id="showBtn"><i class="fa fa-bars hideprint" style="  float: right; padding: 5px 15px 5px 0px;" aria-hidden="true"></i></div>
	</div>

<div class="p-1">
<div class="row p-1  mt-0 mb-1 ml-1 mr-1" style="background-color:#dae8cf">

	<div class="col-sm-6 text-center" >Activity </div>
	<div class="col-sm-1 text-center" >Budget </div>
	<div class="col-sm-1 text-center" >Start Date </div>
	<div class="col-sm-1 text-center" >End Date </div>
	<div class="col-sm-1 text-center" >Unit </div>
	<div class="col-sm-1 text-center" >Target </div>
	<div class="col-sm-1 text-center" >Status </div>
	
</div>
@foreach($result->activities as $rac)
<div class="row text-muted m-1">

	<div class="col-sm-6 text-justify" style=" padding-left: 1.5em;
        text-indent:-1.5em;" >0. <a href="{{ route('activity.show',$rac->id)}}">{{$rac->title}}</a> </div>
	<div class="col-sm-1 numformat" >{{$rac->budget}}</div>
	<div class="col-sm-1 text-center" >{{date('d-M-Y', strtotime($rac->start_date))}} </div>
	<div class="col-sm-1 text-center" >{{date('d-M-Y', strtotime($rac->end_date))}} </div>
	<div class="col-sm-1 text-center" >{{$rac->type}} </div>
	<div class="col-sm-1 numformat" >{{$rac->total_target}} </div>
	<div class="col-sm-1 text-center" >{{$rac->status}} </div>
	
</div>
@endforeach
</div>




@endforeach
</div>
	</div>
	<div class="card-footer">
		<div class="row">
		<div class="col-4">
				<small class="text-muted">