@extends('layouts.admin')

@section('content')
@if(session()->has('message'))
    <div class="alert alert-success">
        {{ session()->get('message') }}
    </div>
@endif
 <div class="modal" id="result-order">
 <form method="post" action="{{route('reorder_result')}}">
@csrf
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
            <h4 class="modal-title">Reorder Results</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">       
<ol id="ul_li_SubCategories" class="chargeCapturetable margin0">
<div class="row form-group">
        <div class="col-sm-11">
           
            @foreach($results as $result)
                <li sequence="{{$result->id}}" title="{{$result->description}}" class="liResults" >
                <input type='hidden' name='results[]' value='{{$result->id}}'/>
                    <a href="#"><span class="viewIcons delFaceName _delete fl"></span>{{$result->title}}</a>
                </li>
            
            @endforeach
        </div>
    </div>   
</ol>
            </div>
            <div class="modal-footer ">
                <button type="button" class="btn-xs btn-primary float-left" data-dismiss="modal">Close</button>
                <button type="button" class="upbutton btn-xs btn-primary float-left"><i class="fa fa-chevron-circle-up"></i> Move Up</button>
                <button type="button" class="btn-xs btn-primary downbutton btn-primary float-right"><i class="fa fa-chevron-circle-down"></i>Move Down</button>
                <button type="submit" class="btn-xs btn-primary float-right" id="send_result_orderrr" ><i class="fa fa-floppy-o"></i>Save Order</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
        <!-- /.modal-dialog -->
    </form>
</div>




<div class="row form-group" style="padding: 10px;    ">
  
    <div class="col-sm-9">{{$project->title}}</div>
    
    <div class="col-sm">
     @can('result_create',Auth::user()) 
        <a href="{{ route('result.create')}}" class="btn-xs "><i class="fa fa-plus-circle"></i>New Result</a>
        @endcan
   @can('setting_create',Auth::user()) 
        <a  class="btn-xs " data-toggle="modal" data-target="#result-order"><i class="fa fa-cogs"></i>Setting</a>
     @endcan  
    </div>
</div>

<div id="resultview">
@foreach($results as $result)
<div class="card border-success mb-3">
<div class="card-header">
<span class="text-olive"><b>Result-{{$result->result_no}}-{{$result->title}}</b></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>
   
    <small>
    <div class="card-body text-secondary" style="padding-top: 5px;">

    <div class="row form-group text-primary">
            <div class="col-sm-1">
                <span class="text-primary"><b>Target SDGs</b></span>
            </div>
            <div class="col-sm-8">
                @foreach($result->resultsdgs->sortBy('sdg') as $sdglist)
                     <img src="\dist\img\sdgs\{{$sdglist->sdg}}.png" style="height:80px;">                 @endforeach
            </div>
       
            <div class="col-sm-1">
                <span class="text-primary"><b>Activities:</b></span>
            </div>
            @if($result->activities->count()==0)
            <div class="col-sm-2 text-danger">
            No Activity Defined
			            </div>
            @else
            <div class="col-sm-2">
		
            {{$result->activities->count()}}
			            </div>
            @endif
        </div>
		@if($project->status=='Initiated' || $project->status=='Suspended')
        <div class="row ">
				 @can('activity_create') 
                <a href="{{ route('activity.createA',$result->id)}}" class="btn btn-primary float-right m-1"><i class="fa fa-plus-circle"></i>New Activity</a>
				@endcan
				@can('result_edit') 
                <a href="{{ route('result.edit',$result->id)}}" class="btn btn-primary float-right m-1"><i class="fa fa-edit"></i> Edit Result</a>
				@endcan
				@can('result_delete') 
                <form action="{{ route('result.destroy', $result->id)}}" method="post">
                  @csrf
                  @method('DELETE')
                  <button class="btn float-right m-1 btn-danger" type="submit"><i class="fa fa-trash" ></i>Delete</button>
                </form>
				@endcan
              


        </div>
		@endif

        @if(!$result->activities->isEmpty())
        <div class="row" style="background-color: #dbe2dc;">
         <div class="col-sm text-center">Title</div>
          <div class="col-sm-2 text-center">Budget</div>
            <div class="col-sm-2 text-center">Start Date</div>
            <div class="col-sm-1 text-center">End Date</div>
            <div class="col-sm-1 text-center">Unit</div>
            <div class="col-sm-1 text-center">Target</div>
			@if($project->status=='Detail Required')
            <div class="col-sm-2">Action</div> 
			@endif	
        </div>  
       
        @endif

  
    @foreach($result->activities as $activity)
                <div class="row">
                  
             
                    <div class="col-sm ">{{$activity->activity_no}}. {{$activity->title}}</div>
                    <div class="col-sm-2 numformat">{{$activity->budget}}</div> 
                    <div class="col-sm-2 text-center">{{$activity->start_date}}</div>
                    <div class="col-sm-1 text-center">{{$activity->end_date}}</div>
                    <div class="col-sm-1 text-center">{{$activity->type}}</div>
                    <div class="col-sm-1 numformat">{{$activity->total_target}}</div>
					@if($project->status=='Detail Required')
                    <div class="col-sm-2" style=" display: inherit;"> 
					@can('activity_edit') 
					 <button class="btn-xs " type="submit" style="border: none;
    background: none;
    color: blue;">
                   <a href="{{ route('activity.edit',$activity->id)}}" class="btn-xs ">Edit</a>
				   </button>
					@endcan
					@can('activity_view') 
                    <a href="{{ route('activity.show',$activity->id)}}" class="btn-xs "> View</a>
					@endcan
					@can('activity_delete') 
                    <form action="{{ route('activity.destroy',$activity->id)}}" method="post">
                  @csrf
                  @method('DELETE')
                  <button class="btn-xs btn-danger" type="submit" style="border: none;
    background: none;
    color: red;"><i >Delete</i></button>
                </form>
				@endcan
                   </div>
				   @endif
                   
                </div>
                @endforeach

    </small>
  
  </div>

 
</div>
@endforeach

	<form action="{{ route('update_status',$project->id) }}" method="POST">

 @method('PUT')
 @csrf   
<div>
<input type="hidden" name="status" value="Ready for Endorsement">
<button type="submit" class="btn btn-primary float-right m-1"
@if(($project->status=='Initiated' || $project->status=='Suspended' )&& $complete==true)
	enabled
@else disabled
	@endif

>Mark As Complete</button>
 @can('result_create',Auth::user()) 
        <a href="{{ route('result.create')}}" class="btn btn-primary float-right m-1 "><i class="fa fa-plus-circle"></i>New Result</a>
        @endcan
</div>
</form>

</div>

 
<script>

</script>
@endsection