@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">       

<div class="row form-group">
        <div class="col-sm-12">
        <ol id="sortable" class="chargeCapturetable margin0">
      @foreach($results as $res)
      <input type='hidden' name='results[]' value='{{$res->id}}'/>
                
   <li class="ui-state-default liResults"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>{{$res->title}}</li>
    @endforeach
          </ol>
        </div>
    </div>   

            </div>
            <div class="modal-footer ">
                <button type="button" class="btn-xs btn-primary float-left" data-dismiss="modal">Close</button>  <button type="submit" class="btn-xs btn-primary float-right" id="send_result_order" ><i class="fa fa-floppy-o"></i>Save Order</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
        <!-- /.modal-dialog -->
    </form>
</div>


<div id="content">

  <div class="row" >
   <div class="col-sm-9">
   
</div>
<div class="col-sm-3">
   @can('project_create',Auth::user())  
<a  href="{{ route('result.create')}}"> New Result &nbsp;&nbsp;</a>
@endcan
   @can('project_create',Auth::user())  
<a href=""  data-toggle="modal" data-target="#result-order">&nbsp;Setting</a>
@endcan 
</div>
</div>
</div>
<div class="card-body">
<div class="tab-pane fade active show" id="general" role="tabpanel" aria-labelledby="general-tab"> 
 @foreach($results as $result)
  <small>
  <div class="card card card-secondary">
    <div class="card-header-new">
      <span class="card-title"> Result No:&nbsp;&nbsp;{{$result->result_no}}</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="col-sm" >
      <label for="title"><u><b>Result Title:</b></u>&nbsp;&nbsp;</label>
     {{$result->title}}
   </div>
     
      <div class="col-sm">
      <label for="title"><u><b>Targeted SDGs:</b></u></label>&nbsp;&nbsp;
      @foreach($result->resultsdgs as $rsdg)
      <label> SDG {{$rsdg->sdg}},</label>
      @endforeach

    </div>
    <div class="row" style="background: #cddafd;" >
    
      <div class="col-sm-8">
      </div>
      <div class="col-sm-4">
      <form action="{{ route('result.destroy', $result->id)}}" method="post">
           <a href="{{ route('result.edit',$result->id)}}" class="btn-xs"><label>Edit Result&nbsp;&nbsp;</label><i class="fa fa-edit"></i></a>
                 @csrf
                  @method('DELETE')
                  <a href="" class="btn-xs" onclick="this.closest('form').submit();return false;" type="submit"><label>Delete Result&nbsp;&nbsp;</label><i class="fa fa-trash" style="color:red"></i></a>
                  <!--button class="btn-xs btn-danger" type="submit">Delete</button-->
                </form>
            
  </div>
 
</div>
 
 <div class="col-sm"  style="background: #cddafd;" >

<a href="{{ route('activity.setResultid',$result->id)}}" class="btn-xs"><label>Add Activity</label><i class="fa fa-plus-circle"></i></a>
</div>

<div class="col-sm">
   <table class="table table-hover">
      <tr class="indextr">
       <td>No</td>
       <td>Activity</td>
       <td>Budget</td>
       <td>Start Date</td>
       <td>End Date</td>
       <td>Unit</td>
        <td>Target</td>
       <td>Action</td>
    </tr>
     <tbody>
  
    
     @foreach($result->activities as $rac)
     
      <tr>
        <td>{{$rac->activity_no}}</td>
         <td>{{$rac->title}}</td>
             <td>{{$rac->budget}}</td>
               <td>{{$rac->start_date}}</td>
                 <td>{{$rac->end_date}}</td>
                 <td>{{$rac->type}}</td>
                 <td>{{$rac->total_target}}</td>
                 <td>
             <form action="{{ route('activity.destroy', $rac->id)}}" method="post">
                       @can('activity_view',Auth::user())    
            <a href="{{ route('activity.show',$rac->id)}}" class="btn-xs"><i class="fas fa-eye" style="color: green;"></i></a>
                 @endcan
                      @can('activity_edit',Auth::user())
           <a href="{{ route('activity.edit',$rac->id)}}" class="btn-xs"><i class="fa fa-edit"></i></a>
           @endcan
                  @csrf
                  @method('DELETE')
                   @can('activity_delete',Auth::user())
                  <a href="" class="btn-xs" onclick="this.closest('form').submit();return false;" type="submit"><i class="fa fa-trash" style="color:red"></i></a>
                  @endcan
                  <!--button class="btn-xs btn-danger" type="submit">Delete</button-->
                </form>
                 </td>
       </tr>
 
        @endforeach
     </tbody>
   </table>

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

@endforeach
</div>
</div>
</div>
</div>
<script type="text/javascript">
 
  $( function() {
    $( "#sortable" ).sortable();
    $( "#sortable" ).disableSelection();
  } );

 $('#send_result_order').on('click',function()
     {
         var results= $('.liResults');
         console.log(results);
         
 });

</script>
@endsection