@extends('layouts.admin')

@section('content')
<style>
@page {
  size: landscape;
  margin: 1cm;
}
</style>
 <div id="content">
<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.svg')}}" alt="" class="img-fluid"></div>
			<div class="col-sm-8 text-center"> <h3>Activity Detail</h3> </div>
			
		</div>
	<hr/>

<div class="section">
	A.&nbsp; Project 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<br>
		 Status 
		</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>
		{{$project->status}}
		</div><!-- /.col -->
	</div>
  </div>
  
   <div class="section" >
  B.&nbsp; Result Details 
	<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-4 text-muted">
		
		Title</br>
		</div>
		<div class="col-sm-8 invoice-col">
		<strong>{{$activity->results->title}}</strong><br>

		</div>
	</div>
	</div>
	
	
  <div class="section" >
  C.&nbsp; Activity Details 
	<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-4 text-muted">
		
		Title</br>
		Activity-No</br>
		Start Date</br>
		End Date<br>
		Total Target<br>
		Total Budget<br>
		Responsible
		</div>
		<div class="col-sm-8 invoice-col">
		<strong>{{$activity->title}}</strong><br>
		{{$activity->activity_no}}<br>
		{{$activity->start_date}}<br>
		{{$activity->end_date}}<br>
		{{$activity->total_target}}<br>
		{{$activity->budget}}<br>
		{{$activity->choices->description}}
		</div>
	</div>
	</div>
<div class="section" >
  D.&nbsp; Activity District Target 
	<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($districts as $ad)
	     @foreach($projectdistrict as $pd)
	     @if($pd->id== $ad->district)
		<input type="hidden"  name="dd[]" value="{{$pd->id}}">
		<div class="col-sm-3 invoice-col">
			<div class="form-check">
				<label class="form-check-label" for="{{$pd->geographies->name}}">
				{{str_replace('_',' ',$pd->geographies->name)}} </label> <br>
				
				{{str_replace('_',' ',$ad->target)}}
									
				
				
			</div>
		</div>
@endif
  
    @endforeach
    @endforeach
</div>



	</div>
<div class="section" >
  E.&nbsp; Activity Indicators 
	<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">
						
		 @foreach($indicators as $ai)
	    <li class="list" style="float: left; margin-right: 50px;"> {{implode(',',$ai->sdgindicators()->get()->pluck('text')->toArray())}}. </li><br> 
	  
		@endforeach
	
		
	</div>
	</div>
  <!-- Benificiries -->
</small>
</div>
</div>
</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