@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">
 
 body
{
	background-color:white !important;
}
.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 Master Route</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">
                {{ Form::open( array('url' => action('PoiController@searchPoi'), 'method'=>'post', 'id' => 'searchForm') ) }} 
              
             
                <div class="col-md-12" align="right">
                  <a href="{{ url('admin-masterroute') }}"  style="color:white;">
                    <div class="btn btn-primary pull-right" style="border-radius:50px; float: right;">
                       <b>+</b>
                    </div>              
                  </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>
                <div class="table-responsive">
                  {{ $getroute->links() }}

            <table class="table table-striped" style=" font-size: 14px;">
              <thead>
              <tr>
                <th>SNo.</th>                              
                <th>Route Name</th>
                <th>State</th>
                <th>WB / EB</th>
                <th>Active</th>
              </tr>
              </thead>   

             
            
              @php
                  $n = "0";
               @endphp
             <tfoot>
             @foreach($getroute as $this_getroute)
              @php
                  $n ++;
                  if (!isset ($_GET['page']) ) {  
                  $page = 1;  
                } else {  
                $page = $_GET['page'];  
              }

              $results_per_page = 10;  
$page_first_result = ($page-1) * $results_per_page;  
               @endphp
 <tr>
 <td>{{($page_first_result +  $n )}}</td>               
                 <td>  @if(isset($this_getroute->route_name) != '') {{ $this_getroute->route_name }} @endif </td>
                 <td>@if(isset($this_getroute->states_value->state_long) != '')  {{ $this_getroute->states_value->state_long }}@endif </td>
                 <td> @if(isset($this_getroute->wb_eb) != '') {{ $this_getroute->wb_eb }} @endif</td>
                  <td> <a href="editmasterroute/{{ $this_getroute->id }}"  class="btn btn-info btn-xs edit-country"><i class="fa fa-pencil" aria-hidden="true"></i></a>

{!! html_entity_decode(link_to_route('admin-delete-masterroute', '<i class="fa fa-times" aria-hidden="true"></i>', [$this_getroute->id], ['class' => 'btn btn-danger btn-xs', 'onclick' => 'return checkInActive()', 'title' => 'Delete'])) !!}

</td>
  
  

</tr>

               @endforeach
            




            </tfoot>
            </table>
          </div>

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

@endsection


   <script>
    $(document).ready(function() {
    var max_fields_limit      = 100; //set limit for maximum input fields
    var x = 1; //initialize counter for text box
    $('.add_more_button').click(function(e){ //click event on add more fields button having class add_more_button
        e.preventDefault();
        if(x < max_fields_limit){ //check conditions
           //counter increment
            $('.input_fields_container').append('<div><a href="#" class="remove_field" style="margin-left:10px;">Remove</a></div>'); //add input field
              x++;
        }
    });  
    $('.input_fields_container').on("click",".remove_field", function(e){ //user click on remove text links
        e.preventDefault(); $(this).parent('div').remove(); x--;
    })
});
</script>
<style type="text/css">
  ul.tree, ul.tree ul {
    list-style: none;
     margin: 0;
     padding: 0;
   } 
   ul.tree ul {
     margin-left: 10px;
   }
   ul.tree li {
     margin: 0;
     padding: 0 7px;
     line-height: 20px;
     color: #369;
     font-weight: bold;
     border-left:1px solid rgb(100,100,100);

   }
   ul.tree li:last-child {
       border-left:none;
   }
   ul.tree li:before {
      position:relative;
      top:-0.3em;
      height:1em;
      width:12px;
      color:white;
      border-bottom:1px solid rgb(100,100,100);
      content:"";
      display:inline-block;
      left:-7px;
   }
   ul.tree li:last-child:before {
      border-left:1px solid rgb(100,100,100);   
   }
</style>




<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]);

    }

  }   





function uploadProfileImage4(fileInput4) {

    if (fileInput4.files && fileInput4.files[0]) {

      var reader = new FileReader();

      reader.onload = function (e) {

        $('.avtar4').attr('src', e.target.result);

      };

      reader.readAsDataURL(fileInput4.files[0]);

    }

  }   





  function uploadProfileImage5(fileInput5) {

    if (fileInput5.files && fileInput5.files[0]) {

      var reader = new FileReader();

      reader.onload = function (e) {

        $('.avtar5').attr('src', e.target.result);

      };

      reader.readAsDataURL(fileInput5.files[0]);

    }

  }   



  function uploadProfileImage6(fileInput6) {

    if (fileInput6.files && fileInput6.files[0]) {

      var reader = new FileReader();

      reader.onload = function (e) {

        $('.avtar6').attr('src', e.target.result);

      };

      reader.readAsDataURL(fileInput6.files[0]);

    }

  }   





  function uploadProfileImage7(fileInput7) {

    if (fileInput7.files && fileInput7.files[0]) {

      var reader = new FileReader();

      reader.onload = function (e) {

        $('.avtar7').attr('src', e.target.result);

      };

      reader.readAsDataURL(fileInput7.files[0]);

    }

  }   





 function uploadProfileImageH1(fileInputH1) {

    if (fileInputH1.files && fileInputH1.files[0]) {

      var reader = new FileReader();

      reader.onload = function (e) {

        $('.avtarH1').attr('src', e.target.result);

      };

      reader.readAsDataURL(fileInputH1.files[0]);

    }

  }   





 function uploadProfileImageH2(fileInputH2) {

    if (fileInputH2.files && fileInputH2.files[0]) {

      var reader = new FileReader();

      reader.onload = function (e) {

        $('.avtarH2').attr('src', e.target.result);

      };

      reader.readAsDataURL(fileInputH2.files[0]);

    }

  }   





 function uploadProfileImageH3(fileInputH3) {

    if (fileInputH3.files && fileInputH3.files[0]) {

      var reader = new FileReader();

      reader.onload = function (e) {

        $('.avtarH3').attr('src', e.target.result);

      };

      reader.readAsDataURL(fileInputH3.files[0]);

    }

  }   
</script>


<script type="text/javascript">
$(document).ready(function(){
    function alignModal(){
        var modalDialog = $(this).find(".modal-dialog");
        
        // Applying the top margin on modal dialog to align it vertically center
        modalDialog.css("margin-top", Math.max(0, ($(window).height() - modalDialog.height()) / 5));
    }
    // Align modal when it is displayed
    $(".modal").on("shown.bs.modal", alignModal);
    
    // Align modal when user resize the window
    $(window).on("resize", function(){
        $(".modal:visible").each(alignModal);
    });   
});
 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 delete?");
}

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>