@extends('layouts.master')

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">  
  <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>

 <script>
  $( function() {
    $( "#datepicker" ).datepicker();
  } );
  </script>
  <style type="text/css">


.uploadProfileImage{
/*background: rgba(170, 201, 177, .7);*/
    height: 100px;
    width: 100px;
    margin: 0px auto;
    background-size: cover;
   /* border-radius: 50%;*/
    z-index: 2;
    overflow: hidden;
    border: 2px solid #fff;
    cursor: pointer;
}

  </style>


@section('content')
<div class="right_col" role="main">
  <div class="">
    <div class="page-title">
      <div class="title_left">
        <h3>Manage Poi</h3>
      </div>
    </div>

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

    <div class="row">
      <div class="col-md-12 col-sm-12 col-xs-12">
        <div class="x_panel">
          <div class="x_title">
            <div class="clearfix"></div>
              <div class="row" @if(Auth::user()->user_type == '3') style="display:none;"@endif>
                {{ Form::open( array('url' => action('PoiController@searchPoi'), 'method'=>'post', 'id' => 'searchForm') ) }} 
              
                <div class="col-md-4 form-group">
                  <div class="input-group" style="display:block;">
                  <input type="text" name="search_by" value="{{ Request::input('search_by') }}" class="form-control filters" placeholder="Search POI Name Small" title="Search POI Name Small ">
                  </div>
                </div>
                 <div class="col-md-6 form-group">
                    {{ Form::submit('Search', ['id' => 'searchBtn', 'class' => 'btn btn-primary']) }}
                  </div>
                <div class="col-md-2" align="right">
                  <a href="{{ url('add-poi') }}"  style="color:white;">
                    <div class="btn btn-primary pull-right" style="border-radius:50px;">
                       <b>+</b>
                    </div>							
                  </a>

       <a href="{{ url('exportToExcel') }}" class="btn btn-primary">Export To excel</a>
               

                </div>
                {{ Form::close() }}
              </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>

            <table class="table table-striped" style=" font-size: 14px;">
              <thead>
              <tr>
                <th>UID.</th>                              
                <th>POI Name Long </th>

                <th>Community </th>
                <th>State</th>
                <th>Active</th>
              </tr>
              </thead>     
             <tfoot>
              @forelse($getPoi as $poi)

             @if(Auth::user()->user_type == '3')
             @if(Auth::user()->id == $poi->poi_owner_id)

<tr>
                <td>{{ $poi->id }}</td>               
                 <td>
                  @if($poi->poi_internal_name != '')
                  {{ $poi->poi_internal_name}}
                  @else
                  {{ $poi->poi_name_long}}
                  @endif
                </td>   
                  <td>{{ $poi->community_name }}</td>   
                   <td>{{ $poi->state_name }}</td>            
                <td>   
        
          <a href="{{ url('view-poi?id='.$poi->id) }}" style="margin-bottom: 3px; margin-right: 0px;" class="fa fa-eye btn btn-primary btn-sm" title="View"></a>
          <a href="{{ url('edit-poi?id='.$poi->id) }}" class="fa fa-edit btn-success btn-sm" title="Edit"></a>

 @if(Auth::user()->user_type != '3')

          {!! html_entity_decode(link_to_route('admin-del-poi', '<i style="  margin-bottom: 3px; margin-right: 0px;" class="fa fa-trash-o btn btn-danger btn-sm" aria-hidden="true"></i>', [$poi->id], ['onclick' => 'return checkDelete()', 'title' => 'Delete'])) !!}  
                         
          @if($poi->status == 1)
              {!! html_entity_decode(link_to_route('admin-active-poi', '<i style=" margin-bottom: 2px;" class="fa fa-check btn btn-success btn-sm" aria-hidden="true"></i>', [$poi->id], [ 'onclick' => 'return checkInActive()', 'title' => 'Activate'])) !!}                      
          @elseif($poi->status == 0)
              {!! html_entity_decode(link_to_route('admin-inactive-poi', '<i style=" margin-bottom: 2px;" class="fa fa-times btn btn-danger btn-sm" aria-hidden="true"></i>', [$poi->id], [ 'onclick' => 'return checkActive()', 'title' => 'Deactivate'])) !!}
          @endif  

 <a href="poirating/{{$poi->id}}" style="margin-bottom: 3px; margin-right: 0px;" class=" btn btn-primary btn-sm" title="View">Rating</a>


 <a   data-toggle = 'modal' data-target = '#assignpoi{{$poi->id}}'style="margin-bottom: 3px; margin-right: 0px;" class=" btn btn-primary btn-sm" title="View">Assign Poi Owners</a>


@endif


           </td>   
                  </tr> 

             @endif
             @else

              <tr>
                <td>{{ $poi->id }}</td>               
                 <td>
                  @if($poi->poi_internal_name != '')
                  {{ $poi->poi_internal_name}}
                  @else
                  {{ $poi->poi_name_long}}
                  @endif
                </td>   
                  <td>{{ $poi->community_name }}</td>   
                   <td>{{ $poi->state_name }}</td>            
                <td>   
        
          <a href="{{ url('view-poi?id='.$poi->id) }}" style="margin-bottom: 3px; margin-right: 0px;" class="fa fa-eye btn btn-primary btn-sm" title="View"></a>
          <a href="{{ url('edit-poi?id='.$poi->id) }}" class="fa fa-edit btn-success btn-sm" title="Edit"></a>

 @if(Auth::user()->user_type != '3')

          {!! html_entity_decode(link_to_route('admin-del-poi', '<i style="  margin-bottom: 3px; margin-right: 0px;" class="fa fa-trash-o btn btn-danger btn-sm" aria-hidden="true"></i>', [$poi->id], ['onclick' => 'return checkDelete()', 'title' => 'Delete'])) !!}  
                         
          @if($poi->status == 1)
              {!! html_entity_decode(link_to_route('admin-active-poi', '<i style=" margin-bottom: 2px;" class="fa fa-check btn btn-success btn-sm" aria-hidden="true"></i>', [$poi->id], [ 'onclick' => 'return checkInActive()', 'title' => 'Activate'])) !!}                      
          @elseif($poi->status == 0)
              {!! html_entity_decode(link_to_route('admin-inactive-poi', '<i style=" margin-bottom: 2px;" class="fa fa-times btn btn-danger btn-sm" aria-hidden="true"></i>', [$poi->id], [ 'onclick' => 'return checkActive()', 'title' => 'Deactivate'])) !!}
          @endif  

 <a href="poirating/{{$poi->id}}" style="margin-bottom: 3px; margin-right: 0px;" class=" btn btn-primary btn-sm" title="View">Rating</a>


 <a   data-toggle = 'modal' data-target = '#assignpoi{{$poi->id}}'style="margin-bottom: 3px; margin-right: 0px;" class=" btn btn-primary btn-sm" title="View">Assign Poi Owners</a>


@endif


           </td>   
                  </tr> 

@endif


<div class="modal fade" id="assignpoi{{$poi->id}}" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
  <div class="modal-dialog modal-md" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
        <h4 class="modal-title" id="modalLabel">Assign Poi Owners</h4>
      </div>

        {{ Form::open(['route' => 'assign_poi', 'files' => true]) }}
      <div class="modal-body"> 

         <input type="hidden" name="poi_id" value="{{$poi->id}}">
        <div style="padding: 5px;" class="form-group">
        <select class="form-control" name="owner_id">
          <option value=""> Select Poi Owners</option>
          @foreach($users as $this_user)
          <option value="{{ $this_user->id }}" @if($poi->poi_owner_id == $this_user->id) selected="selected" @endif> {{ $this_user->email }}</option>
          @endforeach
        </select>
      </div>





        <center> {{ Form::submit('Assign', ['class' => 'btn btn-primary']) }} </center>         
      </div>
      {{ Form::close() }}
    </div>
  </div>
</div>













              @empty                  
                <tr> <td colspan="3" class="text-center">No Records Found.</td> </tr>                 
              @endforelse   
            </tfoot>
            </table>

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






@endsection




<script type="text/javascript">

 function uploadProfileImage1(fileInput) {
    if (fileInput.files && fileInput.files[0]) {
      var reader = new FileReader();
      reader.onload = function (e) {
        $('.avtar1').attr('src', e.target.result);
      };
      reader.readAsDataURL(fileInput.files[0]);
    }
  }   


 function uploadProfileImage2(fileInput2) {
    if (fileInput2.files && fileInput2.files[0]) {
      var reader = new FileReader();
      reader.onload = function (e) {
        $('.avtar2').attr('src', e.target.result);
      };
      reader.readAsDataURL(fileInput2.files[0]);
    }
  }   


 function uploadProfileImage3(fileInput3) {
    if (fileInput3.files && fileInput3.files[0]) {
      var reader = new FileReader();
      reader.onload = function (e) {
        $('.avtar3').attr('src', e.target.result);
      };
      reader.readAsDataURL(fileInput3.files[0]);
    }
  }   






$.ajaxSetup({
      headers: {
        'X-CSRF-TOKEN': '{{ csrf_token() }}'
      }
    });

$(document).on('click', '.pagination li a', function(e){
  e.preventDefault();
  var url = $(this).attr('href');
  $('#searchForm').attr('action', url);
  console.log($('#searchForm').attr('action'));
  $('#searchForm').submit();
});

function checkInActive(){
  return confirm("Are you sure you want to Deactivate?");
}

function checkActive(){
  return confirm("Are you sure you want to Activate?");
}

function checkDelete(){
  return confirm("Are you sure you want to delete?");
}

$(document).ready(function(){
  disabledSearchBtn();
  
  $(document).on('change', '#searchForm select', function(){
    disabledSearchBtn();
  });
  
  $(document).on('keyup', '#searchForm input', function(){
    disabledSearchBtn();
  });
  
  function disabledSearchBtn(){
    var searchBtn = false;
    $('.filters').each(function(){
      if($(this).val() != ''){
        searchBtn = true;
        return true;
      }
    });
    
    if(searchBtn){
      $('#searchBtn').removeAttr('disabled');
    }
    else{
      $('#searchBtn').attr('disabled', true);
    }
  }
});


</script>