@extends('layouts.admin')

@section('content')
<link href="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/select2.min.js"></script>

<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 -->
                                                <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 class="row form-group">
                                                                <div class="col-sm-4">
                                                                        <label for="status" >Status</label>
                                                                        <select class="form-control" name="status" id="status">
                                                                                <option selected >{{$project->status}}</option>
                                                                                @foreach ($status as $s )
                                                                                <option value="{{$s->description}}">{{$s->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 $pd)
                                                                <div class="col-sm-3 invoice-col">
                                                                        
                                                                        <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->id}}"      
                                                                                        
                                                                                        @foreach($project->projectdistrict as $projectdistrict)
                                                                                        @if($pd->id==$projectdistrict->district)
                                                                                        Checked 
                                                                                        onclick="return false;"
                                                                                        @break
                                                                                        @endif
                                                                                        @endforeach>    
                                                                                        {{str_replace('_',' ',$pd->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}}" 
                                                                                        @foreach($project->stackholders as $pstackholders) 
                                                                                        @if($stackholder->description==$pstackholders->name)
                                                                                        Checked 
                                                                                        @break
                                                                                        @endif
                                                                                        @endforeach>
                                                                                        {{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($project->beneificiaries as $ben)
                                                                <div class="col-sm-3 invoice-col">
                                                                        
                                                                        <tr>
                                                                                <td style="width: 60%;">
                                                                                        <b>
                                                                                                {{str_replace('_',' ',$ben->indicator)}}</b>
                                                                                        </td>
                                                                                        
                                                                                        <input type="hidden" name="indicator[]" value="{{$ben->indicator}}">
                                                                                        <td style="width:20%;">
                                                                                                <input type="number" class="form-control text-right" value='{{$ben->values}}'  name="values[]" required
                                                                                                @if ($ben->indicator=='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" 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="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">
                                                                        	@foreach($project->manytomany as $pm)
                                                                                <option value="{{$pm->user->id}}">{{$pm->user->name}}</option>
                                                                                @endforeach
                                                                                @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 ">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();
                        }
                });
				
				 $("select").select2();
        });

</script>
@endsection