@extends('layouts.admin')

@section('content')
@if(session()->has('message'))
    <div class="alert alert-success">
        {{ session()->get('message') }}
    </div>
@endif
<form method="POST" action="{{ route('ben.store') }}">
  @csrf	
   <small>
	<div class="card card card-secondary">
		<div class="card-header">
			<h1 class="card-title">Add Project Benificiaries</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>
		<!-- /.card-header -->
    <div class="card-body">
    
    <table class="table table-hover" >
    <tr>

      <td style="width:20%;"> 
        <label for="project_id">Project Code</label>
     <select class="form-control" id="project_id" name='project_id'>
          <option selected disabled>Project Code</option>
          @foreach($projects as $pro)
           <option value="{{$pro->id}}">{{$pro->code}}</option>
                @endforeach</td>
          </select>
     <td>&nbsp</td>
        </tr>
        @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}}" >
        </td>  
          
          <td style="width:20%;">
        <input type="number" id="txtOther[{{$ben->id}}]" name="values[]" /></label>
        </td>
    </tr>
   @endforeach
</table>
<div class="row">
        <div class="col-sm">
        <button type="submit" class="btn btn-primary float-right ">Save Project</button>
        </div>
      </div>  
</div>
</div>
</small>
</form>
<script type="text/javascript">
  $("#indicator").click(function () {
    if ($(this).is(":checked")) {
       $("#txtOther").show();
    } else {
       $("#txtOther").hide();
    }
 });
</script>
@endsection