@extends('layouts.admin')

@section('content')

<div class="card-body">
<div class="tab-content" id="project-tabContent">
<div class="tab-pane fade active show" id="general" role="tabpanel" aria-labelledby="general-tab"> 
<form method="post" action="{{ route('project.update',$project->id) }}">
    @method('PUT')
  @csrf	
   <small>
	<div class="card card card-secondary">
		<div class="card-header-new">
			<span class="card-title">General Information</span>
			<div class="card-tools">
			<button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fas fa-minus"></i></button>
			</div>
		</div>
		<!-- /.card-header-new -->
		<div class="card-body">
		<div class="row form-group">
			<div class="col-sm">
			<label for="title">Project Title</label>
			<textarea type="textarea"  class="form-control"  name="title" required >{{$project->title}}</textarea>
			<span class="text-danger"></span>
			</div>
		  	</div>
			  <div class="row form-group">
				<div class="col-sm">
				<label for="objectives">Project Objectives</label>
				<textarea type="textarea"  class="form-control" name="objectives" required	>{{$project->objectives}}</textarea>
					<span class="text-danger"></span>
				</div>
		  	</div>

			  <div class="row form-group">
				<div class="col-sm">
				<label for="specificobjectives">Project Specific Objectives</label>
				<textarea type="textarea"  class="form-control" name="specificobjectives" required>{{$project->specificobjectives}}</textarea>
					<span class="text-danger"></span>
				</div>
		  	</div>
		
		  	<div class="row form-group">
				<div class="col-sm">
					<label for="code">Project Code</label>
					<input type="text"  class="form-control" name="code" value="{{$project->code}}" required />
					<span class="text-danger"></span>
				</div>
				<div class="col-sm">
					<label for="abreviation">Acronym</label>
					<input type="text"  class="form-control" name="abreviation" value="{{$project->abreviation}}" required/>
				</div>
				<div class="col-sm">
				<label for="reporting_frequency">Reporting Frequency</label>
				<select class="form-control" name="reporting_frequency" value="{{$project->reporting_frequency}}" id="reporting_frequency" >
					<option selected >{{$project->reporting_frequency}}</option>
					@foreach ($reporting_list as $rl )	
					
					<option value="{{$rl->description}}">{{$rl->description}}</option>
					@endforeach
					
					</select>
			    </div>
			    </div>
			<div class="row form-group">
				<div class="col-sm">
					<label for="start_date">Start Date</label>
					<input type="date"  class="form-control" name="start_date" value="{{$project->start_date}}" required/>
				</div>
				<div class="col-sm">
					<label for="end_date">End Date</label>
					<input type="date"class="form-control" name="end_date" value="{{$project->end_date}}" required/>
				</div>
				<div class="col-sm">
					<label for="pcr_deadline">PCR Deadline</label>
					<input type="date"  class="form-control" name="pcr_deadline" value="{{$project->pcr_deadline}}" required/>
				</div>
				</div>
				<div class="row form-group">
				<div class="col-sm">
					<label for="donor" >Donor</label>
						<select class="form-control" name="donor" id="donor">
					<option selected>{{$project->donor}}</option>
					@foreach ($donor_list as $donor )
					<option value="{{$donor->description}}">{{$donor->description}}</option>
					@endforeach
						</select><span class="text-danger"></span>
				</div>
	
				<div class="col-sm">
					<label for="budget">Budget</label>
					<input type="number" min=0  class="form-control text-right"  required name="budget" value="{{$project->budget}}"		
					/>
					<span class="text-danger"></span>
				</div>
				<div class="col-sm">
					<label for="currency">Currency</label>
					<select class="form-control" name="currency" id="currency">
					<option selected >{{$project->currency}}</option>
					@foreach ($currency_list as $currency )
				<option value="{{$currency->description}}"  >{{$currency->description}}</option>
						@endforeach
					</select>
					<span class="text-danger"></span>
    			</div>
			</div>	
		</div>
		<!-- /.card-body -->
	</div>
	
	<div class="card card card-secondary">
		<div class="card-header-new">
			<h1 class="card-title">Geography</h1>
			<div class="card-tools">
			<button type="button" class="btn btn-tool" data-card-widget="collapse">
				<i class="fas fa-minus"></i>
			</button>
			</div>
		</div>
		
		<div class="card-body">
		<div class="row form-group">
			<div class="col-sm">
					<label for="district">Project District</label>
					</div>
					</div>
					<div class="row form-group">
													
							@foreach($district_list as $pd)
							<div class="col-sm">
								<div class="form-check">
								<label class="form-check-label" for="{{$pd->id}}">
									<input type="checkbox" class="form-check-input" id="check1" name="project_districts[]" value="{{$pd->name}}" 	
									
									@foreach($project->projectdistrict as $projectdistrict)
									@if($pd->name==$projectdistrict->district)
										Checked 
										@break
									@endif
									@endforeach
>	
									{{str_replace('_',' ',$pd->name)}}
								</label>
								</div>
								</div>

								@if($count++%8==0)
								<div class="w-100"></div>
								
								@endif
							
							@endforeach
					</div>
							

			
		</div>
		</div>
		<!-- Stackholder -->
		<div class="card card card-secondary">
		<div class="card-header-new">
			<h1 class="card-title">Stakeholders</h1>
			<div class="card-tools">
			<button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fas fa-minus"></i></button>
			</div>
		</div>

	<div class="card-body">
		<div class="row form-group">
													@foreach ($stackholders_list as $stackholder )
							<div class="col-sm">
								<div class="form-check">
								<label class="form-check-label" for="{{$stackholder->id}}">
									<input type="checkbox" class="form-check-input" id="check1" name="project_stackholders[]" value="{{$stackholder->description}}" 
									 @foreach($project->stackholders as $pstackholders) 
          @if($stackholder->description==$pstackholders->name)
										Checked 
										@break
									@endif
									    @endforeach>
									{{str_replace('_',' ',$stackholder->description)}}
								</label>
								</div>
								</div>
								@if($count++%4==0)
								<div class="w-100"></div>
								
								@endif
							@endforeach
					</div>

				</div>	

			
		</div>
		<!-- Benificiries -->
		<div class="card card card-secondary">
		<div class="card-header-new">
			<h1 class="card-title">Beneificiries</h1>
			<div class="card-tools">
			<button type="button" class="btn btn-tool" data-card-widget="collapse">
				<i class="fas fa-minus"></i>
			</button>
			</div>
		</div>
		<div class="card-body">
			<label for="district">Project Beneificiries</label>
		<div class="row form-group">

			<div class="col-sm">
		<table class="table table-hover" >
        @foreach($benif as $ben)

        <tr>
        <td style="width: 60%;">
               {{str_replace('_',' ',$ben->description)}}
        </td>
       
        <td>
          <input type="checkbox" class="form-check-input" id="indicator[{{$ben->id}}]" name="indicator[]" value="{{$ben->description}}"
           @foreach($project->beneificiaries as $pben) 
          @if($ben->description==$pben->indicator)
										Checked 
										@break
									@endif
									    @endforeach
									    >
        </td>  
          
          <td style="width:20%;">
        <input type="number" class="form-control" id="txtOther" name="values[]" 

        	 @foreach($project->beneificiaries as $pben) 
        
										value="{{$pben->values}}"
									
									    @endforeach
         /></label>
        </td>
    </tr>
  
   @endforeach
</table>
 
</div>
</div>

	</div>	

			
		</div>
	<div class="card card card-secondary">
		<div class="card-header-new">
			<h1 class="card-title">Project Focal Persons</h1>
			<div class="card-tools">
			<button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fas fa-minus"></i></button>
			</div>
		</div>
		
		<div class="card-body">
			<div class="row">
				<label for="district">Donor Focal Person</label>
			</div>
			<div class="row form-group" >
				<div class="col-sm-4">
				<label for="donor_fp_name">Name</label>
				<input type="text"  class="form-control" name="donor_fp_name" value="{{$project->donor_fp_name}}" required/>
				</div>
				<div class="col-sm">
					<label for="donor_fp_designation">Designation</label>
					<input type="text"  class="form-control" name="donor_fp_designation" value="{{$project->donor_fp_designation}}" required
					 />
				</div>
				<div class="col-sm">
					<label for="donor_fp_email">Email</label>
					<input type="email"  class="form-control" name="donor_fp_email" value="{{$project->donor_fp_email}}" required/>
				</div>
				<div class="col-sm">
					<label for="donor_fp_mobile">Mobile</label>
					<input type="text"  class="form-control" name="donor_fp_mobile" value="{{$project->donor_fp_mobile}}" required
					 />
				</div>
				<div class="col-sm">
					<label for="donor_fp_phone_office">Office Phone</label>
					<input type="text"  class="form-control" name="donor_fp_phone_office" value="{{$project->donor_fp_phone_office}}" required
					 />
				</div>
			</div>
			<div class="row">
				<label>BRSP Focal Person</label>
			</div>
			<div class="row form-group">
				<div class="col-sm-4">
					<label for="brsp_fp_name">Name</label>
					<input type="text"  class="form-control" name="brsp_fp_name" value="{{$project->brsp_fp_name}}" required/>
					
				</div>
				<div class="col-sm">
					<label for="brsp_fp_designation">Designation</label>
					<input type="text"  class="form-control" name="brsp_fp_designation" value="{{$project->brsp_fp_designation}}" required/>
				</div>
				<div class="col-sm">
					<label for="brsp_fp_email">Email</label>
					<input type="email"  class="form-control" name="brsp_fp_email" value="{{$project->brsp_fp_email}}" required/>
				</div>
				<div class="col-sm">
					<label for="brsp_fp_mobile">Mobile</label>
					<input type="text"  class="form-control" name="brsp_fp_mobile" value="{{$project->brsp_fp_mobile}}" required	/>
				</div>
				<div class="col-sm">
					<label for="brsp_fp_phone_office">Office Phone</label>
					<input type="text"  class="form-control" name="brsp_fp_phone_office" value="{{$project->brsp_fp_phone_office}}" required/>
				</div>
			</div>
		</div>
	</div>

<div class="row">
				<div class="col-sm">
				<button type="submit" class="btn btn-primary float-right ">Update Project</button>
				</div>
			</div>	

    </div>
	</div>
	</div>
</small>
</form>
</div>
</div>
<script type="text/javascript">
	$(document).ready(function() {
        $("#indicator").click(function () {
            if ($(this).is(":checked")) {
                $("#txtOther").show();
            } else {
                $("#txtOther").hide();
            }
        });
    });

 </script>
@endsection