@extends('layouts.master')

  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>

  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>


@section('content')
        <div class="right_col" role="main">
          <div class="">
            <div class="page-title">
              <div class="title_left">
                <h3>Admin Rankings</h3>                
              </div>
            </div>
            <div class="clearfix"></div>
            <div class="row">
              <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="">
                  <div class="">
                   

 <div class="clearfix"></div>
                      





                    <div class="clearfix"></div>
          {{-- START ALERT BLOCK --}}
          @if(Session::has('successMessage'))
            <div class="alert alert-success" role="alert">
              <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
              {!! html_entity_decode(session('successMessage')) !!}
            </div>
          @endif
          @if(Session::has('dangerMessage') || count($errors))
            <div class="alert alert-danger" role="alert">
              <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
              {!! html_entity_decode(session('dangerMessage')) !!}
              {{ $errors->first() }}
            </div>
          @endif
          {{-- END ALERT BLOCK --}}
                  </div>
                  </div>

<div class="title_left">
                <h4>Total Avaliable Points:{{$points}}</h4 >               
              </div>


 {{ Form::open(['route' => 'admin-ranking', 'onsubmit' => 'return  ValidateForm(this);'  ,'files'=> true ]) }}

          <div class="table-responsive col-md-12">  
 
            
              <table class="table table-striped">
              <thead>
              <tr>
                <th>Points Reached</th>
                <th>Ranking Name</th>
                <th>Ranking Icon</th>
                <th></th>
              </tr>

              </thead>
              <tbody>

                                  <tr>                
                    <td><input type="number" class="form-control"  name="points_reached[0][point]" value="" min="0"  id="pointed_0_reached"/></td>
                    <td><input type="text" class="form-control" name="points_reached[0][rank]"  value=""  id="pointed_0_ranking"/></td> 
                     <td><input type="file" class="form-control" name="points_reached[0][icon]"  value=""  id="pointed_0_icon"/>
                      <input type="hidden"  name="points_reached[0][icon_name]" value="" >

                         </td>  
                         <td>
                      
                                
                  </tr>
                                  <tr>                
                    <td><input type="number" class="form-control"  name="points_reached[1][point]" value="" min="0"  id="pointed_1_reached"/></td>
                    <td><input type="text" class="form-control" name="points_reached[1][rank]"  value=""  id="pointed_1_ranking"/></td> 
                     <td><input type="file" class="form-control" name="points_reached[1][icon]"  value=""  id="pointed_1_icon"/>
                      <input type="hidden"  name="points_reached[1][icon_name]" value="" >

                         </td>  
                         <td>
                      
                                
                  </tr>
                                  <tr>                
                    <td><input type="number" class="form-control"  name="points_reached[2][point]" value="" min="0"  id="pointed_2_reached"/></td>
                    <td><input type="text" class="form-control" name="points_reached[2][rank]"  value=""  id="pointed_2_ranking"/></td> 
                     <td><input type="file" class="form-control" name="points_reached[2][icon]"  value=""  id="pointed_2_icon"/>
                      <input type="hidden"  name="points_reached[2][icon_name]" value="" >

                         </td>  
                         <td>
                      
                                
                  </tr>
                                  <tr>                
                    <td><input type="number" class="form-control"  name="points_reached[3][point]" value="" min="0"  id="pointed_3_reached"/></td>
                    <td><input type="text" class="form-control" name="points_reached[3][rank]"  value=""  id="pointed_3_ranking"/></td> 
                     <td><input type="file" class="form-control" name="points_reached[3][icon]"  value=""  id="pointed_3_icon"/>
                      <input type="hidden"  name="points_reached[3][icon_name]" value="" >

                         </td>  
                         <td>
                      
                                
                  </tr>
                                  <tr>                
                    <td><input type="number" class="form-control"  name="points_reached[4][point]" value="" min="0"  id="pointed_4_reached"/></td>
                    <td><input type="text" class="form-control" name="points_reached[4][rank]"  value=""  id="pointed_4_ranking"/></td> 
                     <td><input type="file" class="form-control" name="points_reached[4][icon]"  value=""  id="pointed_4_icon"/>
                      <input type="hidden"  name="points_reached[4][icon_name]" value="" >

                         </td>  
                         <td>
                      
                                
                  </tr>
                                  <tr>                
                    <td><input type="number" class="form-control"  name="points_reached[5][point]" value="" min="0"  id="pointed_5_reached"/></td>
                    <td><input type="text" class="form-control" name="points_reached[5][rank]"  value=""  id="pointed_5_ranking"/></td> 
                     <td><input type="file" class="form-control" name="points_reached[5][icon]"  value=""  id="pointed_5_icon"/>
                      <input type="hidden"  name="points_reached[5][icon_name]" value="" >

                         </td>  
                         <td>
                      
                                
                  </tr>
                                  <tr>                
                    <td><input type="number" class="form-control"  name="points_reached[6][point]" value="" min="0"  id="pointed_6_reached"/></td>
                    <td><input type="text" class="form-control" name="points_reached[6][rank]"  value=""  id="pointed_6_ranking"/></td> 
                     <td><input type="file" class="form-control" name="points_reached[6][icon]"  value=""  id="pointed_6_icon"/>
                      <input type="hidden"  name="points_reached[6][icon_name]" value="" >

                         </td>  
                         <td>
                      
                                
                  </tr>
                                  <tr>                
                    <td><input type="number" class="form-control"  name="points_reached[7][point]" value="" min="0"  id="pointed_7_reached"/></td>
                    <td><input type="text" class="form-control" name="points_reached[7][rank]"  value=""  id="pointed_7_ranking"/></td> 
                     <td><input type="file" class="form-control" name="points_reached[7][icon]"  value=""  id="pointed_7_icon"/>
                      <input type="hidden"  name="points_reached[7][icon_name]" value="" >

                         </td>  
                         <td>
                      
                                
                  </tr>
                                  <tr>                
                    <td><input type="number" class="form-control"  name="points_reached[8][point]" value="" min="0"  id="pointed_8_reached"/></td>
                    <td><input type="text" class="form-control" name="points_reached[8][rank]"  value=""  id="pointed_8_ranking"/></td> 
                     <td><input type="file" class="form-control" name="points_reached[8][icon]"  value=""  id="pointed_8_icon"/>
                      <input type="hidden"  name="points_reached[8][icon_name]" value="" >

                         </td>  
                         <td>
                      
                                
                  </tr>
                                  <tr>                
                    <td><input type="number" class="form-control"  name="points_reached[9][point]" value="" min="0"  id="pointed_9_reached"/></td>
                    <td><input type="text" class="form-control" name="points_reached[9][rank]"  value=""  id="pointed_9_ranking"/></td> 
                     <td><input type="file" class="form-control" name="points_reached[9][icon]"  value=""  id="pointed_9_icon"/>
                      <input type="hidden"  name="points_reached[9][icon_name]" value="" >

                         </td>  
                         <td>
                      
                                
                  </tr>
                              
  <tr>
                <td colspan="2" />
                 <button type="submit" class="btn btn-primary">Update</button></td>
                             
              </tr>
              
            
            </tbody>             
                    
          </table>

         
        </div> 
         {{ Form::close() }}                   
        
      </div>
    </div>
  </div>
</div>    
       <script type="text/javascript">
         
        function ValidateForm(){
          var error=0;
          $('table > tbody  > tr').each(function(index, tr) { 

           var point= $(this).find('#pointed_'+index+'_reached').val();
         
          
            var rank= $(this).find('#pointed_'+index+'_ranking').val();
            if(point=='' && rank =='' ){
            

            } 
             else if(point =='' && rank !='' ){
              error=1;
           

              
            }
             else if(point !='' && rank =='' ){
               error=1;
              
            }           

          });
          if(error==1){
            alert('Partial empty rows are not allowed. ')
                return false;
              }else{
                  return true;
              }      
        }
       </script>




@endsection