@extends('layouts.admin')

@section('content')
<style>
@page {
  size: landscape;
}

</style>
<div class="card bg-light">
	<div class="card-header  border-bottom-0">
		<div class="row mb-2">
			<div class="col-sm-2 invoice-col"><img src="{{ URL::asset('dist\img\brsp.png')}}" alt="" class="img-fluid"></div>
			<div class="col-sm-8 text-center"> Project Profile</div>
			
		</div>
	<hr/>

<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-3 text-muted">
		Project Title<br>
		Donor<br>
	    Start Date</br>
	    PCR Deadline <br>
	    Reporting Frequency
		</div>
		<div class="col-sm-3 invoice-col">
		{{$project->title}}<br>
		{{$project->donor}}<br>
		{{$project->start_date}}<br>
		{{$project->pcr_deadline}}<br>
		{{$project->reporting_frequency}}
		</div>
		<div class="col-sm-3 text-muted">
		 Project Code<br>
		 Accronym<br>
		 End Date<br>
		 Budget 
		</div>
		<div class="col-sm-3 invoice-col">
		{{$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>
		
		</div><!-- /.col -->
	</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}}</li>
			<li><b><i>Specific  Objective:</i></b>{{$project->specificobjectives}}</li>
		</ul>

			</div>
		</div>
	</div>
<!-- Project Focal Point -->
	<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">
		BRSP</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">
		Donor</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-6 invoice-col">
  	
	  {{$benif->indicator}}:<br>
	
  </div>
  <div class="col-sm-6 invoice-col">
  <span class="numformat">{{$benif->values}}</span>
   
  </div>
   @endforeach
  </div>
  </div>

<!-- Project Dirstict -->

	<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">
		
				 					
			
  			<div class="col-sm-12">
			  
			  <ol> 
			@foreach($project->projectdistrict as $project_district)
				<li class="list" style="float: left; margin-right: 50px;"> {{str_replace('_',' ',$project_district->district)}} </li> 					
			@endforeach
			</ol></div>
		</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">
		<div class="col-sm-12">
		<ol>
		@foreach($project->stackholders as $project_stackholder)
									
									
		<li class="list" style="float: left; margin-right: 50px;">{{str_replace('_',' ',$project_stackholder->name)}}</li>
			@endforeach
			</ol>
			</div>
			</div>

</div>
<div class="section">G.&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">H.&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; ">
	<small>
	<small>
	@foreach($project->results as $result)
	
		<div class="row text-muted">
			<div class="col-sm-12">
			<div class="section " style=" display: flex; justify-content: space-between;">
			<div style="width:8%"><small>Result-{{$result->result_no<10?'0'.$result->result_no:$result->result_no}}</small></div>
			<div style="width:80%"><small>{{$result->title}}</small></div>
			<div style="width:2%" id="showBtn"><i class="fa fa-bars hideprint" style="  float: right; padding: 5px 15px 5px 0px;" aria-hidden="true"></i></div></div>
			<div class="col-sm">
   <table class="table table-hover">
     <thead  style="background: #ced4da;">
      <td>No</td>
       <td>Activity</td>
       <td>Sector</td>
       <td>Budget</td>
       <td>Start Date</td>
       <td>End Date</td>
       <td>Unit</td>
       <td>Target</td>
       <td>Status</td>
     </thead>
     <tbody>
	@foreach($result->activities as $rac)
	<tr>
        <td>{{$rac->activity_no}}</td>
         <td>{{$rac->title}}</td>
           <td>{{$rac->sector}}</td>
             <td>{{$rac->budget}}</td>
               <td>{{$rac->start_date}}</td>
                 <td>{{$rac->end_date}}</td>
                 <td>{{$rac->type}}</td>
                 <td>{{$rac->total_target}}</td>
                  <td>{{$rac->status}}</td>
                
           </tr>
           @endforeach
       </tbody>
   </table>


				
			</div>
			</div>		
			</div>
	 
	 @endforeach
		
	</div>


	


	</small>
</div>
</div>
</div>
<script type="text/javascript">
	 $('.section').on('click',function()
     {
       
        var content = $(this).next();
        content.toggle();
       if(!content.is(":visible"))
       {
        $(this).find('#showBtn').html(
        	'<i class="fa fa-angle-double-down hideprint"style="float: right; padding: 5px 15px 5px 0px;" aria-hidden="true"></i>');
       }
       else 
       $(this).find('#showBtn').html('<i class="fa fa-bars hideprint" style="  float: right;     padding: 5px 15px 5px 0px;" aria-hidden="true"></i>');
       
  }); 

</script>
@endsection