@extends('layouts.admin')

@section('content')
<style type="text/css">
	
</style>

<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.store') }}">
  @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></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	>
				</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></textarea>
					<span class="text-danger"></span>
				</div>
		  	</div>
		
		  	<div class="row form-group">
				<div class="col-sm">
					<label for="abreviation">Acronym</label>
					<input type="text"  class="form-control" name="abreviation"/>
				</div>
				<div class="col-sm">
				<label for="reporting_frequency">Reporting Frequency</label>
				<select class="form-control" name="reporting_frequency" id="reporting_frequency"  required>
					<option value="">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" id="start_date" name="start_date" required/>
				</div>
				<div class="col-sm">
					<label for="end_date">End Date</label>
					<input type="date"class="form-control" id="end_date" name="end_date" required/>
				</div>
				<div class="col-sm">
					<label for="pcr_deadline">PCR Deadline</label>
					<input type="date"  class="form-control" name="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 value="">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" id="budget" required name="budget" value=0	min=0			
					/>
					<span class="text-danger"></span>
				</div>
				<div class="col-sm">
					<label for="currency">Currency</label>
					<select class="form-control" name="currency" id="currency">
					<option value="">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">
			<span class="card-title">Geography</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>
		
		<div class="card-body">
					<div class="row text-muted">
		@foreach ($district_list as $district )
  <div class="col-sm-3 invoice-col">
  <div class="form-check">
								<label class="form-check-label" for="{{$district->id}}">
									<input type="checkbox" class="form-check-input" id="check1" name="project_districts[]" value="{{$district->id}}" >						
									{{str_replace('_',' ',$district->name)}}
								</label>
								</div>
  </div>

   @endforeach
  </div>
		
		</div>
		</div>
		<!-- Stackholder -->
		<div class="card card card-secondary">
		<div class="card-header-new">
			<span class="card-title">Stakeholders</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>
		<div class="card-body">
		 <div class="row text-muted">
			@foreach ($stackholders_list as $stackholder )
  <div class="col-sm-3 invoice-col">
  <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}}" >
									{{str_replace('_',' ',$stackholder->description)}}
								</label>
								</div>
  </div>

   @endforeach
  </div>
				</div>	

			
		</div>
		
		<!-- Benificiries -->
		<div class="card card card-secondary">
		<div class="card-header-new">
			<span class="card-title">Beneificiries</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>
		
		<div class="card-body">
			<div class="row text-muted">
		 @foreach($benif as $ben)
  <div class="col-sm-3 invoice-col">
 <tr>
        <td style="width: 60%;">
				<b>
              {{str_replace('_',' ',$ben->description)}}</b>
               </td>
        
        		<input type="hidden" name="indicator[]" value="{{$ben->description}}">
          <td style="width:20%;">
        <input type="number" class="form-control" value='0' id="txtOther[{{$ben->de}}]" name="values[]" required
        @if ($ben->description=='Households')
        								min="1"
												required
												@endif />
        </td>
    </tr>
  </div>

   @endforeach
  </div>


				</div>	

			
		</div>
	<div class="card card card-secondary">
		<div class="card-header-new">
			<span class="card-title">Project Focal Persons</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>
		
		<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" required/>
				</div>
				<div class="col-sm">
					<label for="donor_fp_designation">Designation</label>
					<input type="text"  class="form-control" name="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" required/>
				</div>
				<div class="col-sm">
					<label for="donor_fp_mobile">Mobile</label>
					<input type="text"  class="form-control" name="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" 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" required
					/>
					
				</div>
				<div class="col-sm">
					<label for="brsp_fp_designation">Designation</label>
					<input type="text"  class="form-control" name="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" required
					/>
				</div>
				<div class="col-sm">
					<label for="brsp_fp_mobile">Mobile</label>
					<input type="text"  class="form-control" name="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" required
					/>
				</div>
			</div>
		</div>
	</div>
<div class="card card card-secondary">
		<div class="card-header-new">
			<span class="card-title">Project Manager</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>
		
		<div class="card-body">

			
			<div class="row form-group">
				<div class="col-sm-6">
					<label for="pm" >Select Project Manager</label>
						<select class="form-control" name="pm" id="pm">
					<option value="">Users</option>
					@foreach ($users as $u )
					<option value="{{$u->id}}">{{$u->name}}</option>
					@endforeach
						</select><span class="text-danger"></span>
				</div>
		</div>
	</div>

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

    </div>
	</div>
	</div>
</small>
</form>
</div>
</div>

<script type="text/javascript">
  $("#indicator").click(function () {
    if ($(this).is(":checked")) {
       $("#txtOther").show();
    } else {
       $("#txtOther").hide();
    }
 });
</script>
<script type="text/javascript">
if(document.getElementById('budget').value.length=0 || document.getElementById('budget').value<=0)
  {  msg="Please provide valid Budget";
     subtitle='budget';
 
  }
  else


</script>

@endsection