@extends('layouts.admin')

@section('content')
@if(session()->has('message'))
    <div class="alert alert-success">
        {{ session()->get('message') }}
    </div>
@endif
<div class="col-12 col-sm-12">
<div class="card card-primary card-outline card-tabs">
<div class="card-header p-0 pt-1 border-bottom-0">
<ul class="nav nav-tabs" >

<li class="nav-item">
<a class="nav-link active"  href="{{route('result.index')}}"  aria-selected="false"  role="tabpanel">Results</a>
</li>
</ul>

</div>
<form method="POST" action="{{ route('result.store') }}">
  
  @csrf	
  <input type="hidden" name="project_id" value="{{$projects}}">
   <small>
	<div class="card card card-secondary">
		<div class="card-header-new">
			<span class="card-title">Add Project Results</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="form-group">
           <label for="title">Result Title</label>
          <textarea type="textarea" rows="3" class="form-control"  name="title" required ></textarea>
          <span class="text-danger"></span>
     </div>
      </div>   
     
        
<div class="card card card-secondary">
    <div class="card-header-new">
      <span class="card-title">Add Results SDGs</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">
          <label for="district">Result SDGS</label>
          </div>
          </div>
		  <div class="row text-muted">
		  @foreach ($sdgs as $sdg )
  <div class="col-sm-2 invoice-col">
 
   <div class="form-check">
                <label class="form-check-label" for="{{$sdg->id}}">
                  <input type="checkbox" class="form-check-input"  name="sdg[]" value="{{$sdg->id}}" >            
                 <img src="\dist\img\sdgs\{{$sdg->id}}.png" style="margin-bottom:10px;height:120px">
                </label>
                </div>
  </div>

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

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

@endsection