@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>View 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="">
          <div class="">
            <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>

           
             @foreach($getroute as $this_getroute)
            

<div class="col-md-12">
   {{ Form::open(['route' => 'admin-edit-masterroute', 'files' => true]) }}
    <input type="hidden" name="routeid" value="{{ $this_getroute->id }}" class="form-control" placeholder=""  >

  <div class="col-md-6"> <b>Route Name :</b>

    @if(isset($this_getroute->route_name))
 <input type="text" name="routeName" value="{{ $this_getroute->route_name }}" class="form-control" placeholder=" "  >
@else
 <input type="text" name="routeName" value="" class="form-control" placeholder=" "  >
   @endif


 </div>


  <div class="col-md-6"> <b>State :</b>

<select class="form-control" name="state" >
            <option value="">Select State</option>
            @forelse($states as $state)
            <option value="{{$state->id}}" @if($this_getroute->state == $state->id
            ) selected="selected" @endif >{{$state->state_long}}</option>
            @empty
            @endforelse
          </select> 

</div>

 <div class="col-md-6"> <b>WB / EB :</b>

    <select class="form-control" name="wb" >
            <option value=""> Select </option>
            <option value="wb" @if($this_getroute->wb_eb == 'wb') selected="selected" @endif> WB </option>
            <option value="eb" @if($this_getroute->wb_eb == 'eb') selected="selected" @endif> EB </option>            
          </select> 
   </div>


   <div class="col-md-6"> <b>Description :</b>

 <textarea name="description" class="form-control" placeholder=" ">{{ $this_getroute->description }}</textarea>   
  

   </div>

   <div class="col-md-6"> <b>Image Thumb :</b>

<div style="border: 1px solid #E6E9ED; margin-left: -1px;" class="uploadProfileImage" onClick="javascript:document.getElementById('browse_image').click();" align="left" title=" Browse Image"> 

          @if(is_null($this_getroute->image_thumb))

            <img src="{{  url('images/logo/plus.png') }}" alt="" class="avtar1 img-responsive" style="height: 100px; width: 100px;" />

            @else

            <img src="{{ url('storage/thumb/'.$this_getroute->image_thumb) }}" alt="" class="avtar1 img-responsive" style="height: 100px; width: 100px;" />

            @endif

       </div>

          <input type="file" name="imageThumb" value="" class="browse_image" id="browse_image" onChange="uploadProfileImage1(this);" style="height: 100px; width: 100px; margin-top: -98px; opacity: 0; cursor: pointer;">

   </div>

   <div class="col-md-6"> <b>Image Header :</b>

 <div style="border: 1px solid #E6E9ED; margin-left: -1px;" class="uploadProfileImage" onClick="javascript:document.getElementById('browse_image2').click();" align="left" title=" Browse Image"> 

          @if(empty($this_getroute->imageHeader1))

            <img src="{{  url('images/logo/plus.png') }}" alt="" class="avtar2 img-responsive" style="height: 100px; width: 100px;" />

            @else

          <img src="{{ url('storage/header/'.$this_getroute->imageHeader1) }}" alt="" class="avtar2 img-responsive" style="height: 100px; width: 100px;" />

          @endif

       </div>

          <input type="file" name="imageHeader1" class="browse_image2" id="browse_image2" onChange="uploadProfileImage2(this);" style="height: 100px; width: 100px; margin-top: -98px; opacity: 0; cursor: pointer;">

   </div>



</div>

<br/><br/>
<a class="btn btn-primary btn-xs"   style="padding: 8px; float: right;" href="{{ url('/admin-add-master_route') }}/{{ $this_getroute->id }}"  >Add</a> 

<div class="col-md-12"><br/><br/>
@foreach($this_getroute->master_route_connect as $this_masterroute)
<div class="x_panel" disabled="true">
       <div class="modal-body">

        <div class="col-sm-2">
          <label>Route :</label>
        </div> 
            <input type="hidden" name="route[{{ $this_masterroute->id }}][master_route_id]" value="{{ $this_masterroute->master_route_id }}">
        <div class="col-sm-9" id="top">
          <select class="form-control" name="route[{{ $this_masterroute->id }}][route]">
            <option value="">Select Route</option>
            @forelse($route as $this_route)
             @if($this_masterroute->route_id == $this_route->id)
              <option value="{{$this_route->id}}" selected="">{{$this_route->route_internal_name}}</option>
             @else
              <option value="{{$this_route->id}}">@if(isset($this_route->route_internal_name) != '')
                   {{ $this_route->route_internal_name }}
                   @else(isset($this_route->route_name)) 
                   {{ $this_route->route_name }}  
                 @endif</option>
              @endif
            @empty
            @endforelse
          </select>     

        </div> 
{!! html_entity_decode(link_to_route('admin-delete-master_route', '<i class="fa fa-times" aria-hidden="true"></i>', [$this_masterroute->id], ['class' => 'btn btn-danger btn-xs', 'onclick' => 'return checkInActive()', 'title' => 'Delete'])) !!}   
        </div>
        
  
             
         @foreach($this_masterroute->route_alternate as $this_alter)
              @php 
              $all_alter_ids[]=$this_alter->alter_route_id;
              @endphp
         @endforeach

        <div class="modal-body">
        <div class="col-sm-12">
        <div class="col-sm-2">
          <label>Alernative Route :</label>
        </div> 

        <div class="col-sm-9" id="top">
          <select class="form-control" name="route[{{ $this_masterroute->id }}][alter][1]">
            <option value="">Select Route</option>
            @forelse($route as $this_route)
              @if(isset($all_alter_ids[0]) && $this_route->id==$all_alter_ids[0])
              <option value="{{$this_route->id}}" selected="">@if(isset($this_route->route_internal_name) != '')
                   {{ $this_route->route_internal_name }}
                   @else(isset($this_route->route_name)) 
                   {{ $this_route->route_name }}  
                 @endif</option>
              @else
              <option value="{{$this_route->id}}">@if(isset($this_route->route_internal_name) != '')
                   {{ $this_route->route_internal_name }}
                   @else(isset($this_route->route_name)) 
                   {{ $this_route->route_name }}  
                 @endif</option>
              @endif
            @empty
            @endforelse
          </select>     
        </div> 
        <div class="col-sm-1">
        </div>
        </div>  




          <div class="col-sm-12">
        <div class="col-sm-2">
          <label>Alernative Route :</label>
        </div> 
        <div class="col-sm-9" id="top">
          <select class="form-control" name="route[{{ $this_masterroute->id }}][alter][2]">
            <option value="">Select Route</option>
            @forelse($route as $this_route)

              @if(isset($all_alter_ids[1]) && $this_route->id==$all_alter_ids[1])
              <option value="{{$this_route->id}}" selected="">@if(isset($this_route->route_internal_name) != '')
                   {{ $this_route->route_internal_name }}
                   @else(isset($this_route->route_name)) 
                   {{ $this_route->route_name }}  
                 @endif</option>
              @else
              <option value="{{$this_route->id}}">@if(isset($this_route->route_internal_name) != '')
                   {{ $this_route->route_internal_name }}
                   @else(isset($this_route->route_name)) 
                   {{ $this_route->route_name }}  
                 @endif</option>
              @endif
    
            @empty
            @endforelse
          </select>     
        </div> 
        <div class="col-sm-1">
        </div>
        </div>


              <div class="col-sm-12">
        <div class="col-sm-2">
          <label>Alernative Route :</label>
        </div> 
        <div class="col-sm-9" id="top">
          <select class="form-control" name="route[{{ $this_masterroute->id }}][alter][3]">
            <option value="">Select Route</option>
            @forelse($route as $this_route)
             @if(isset($all_alter_ids[2]) && $this_route->id==$all_alter_ids[2])
              <option value="{{$this_route->id}}" selected="">@if(isset($this_route->route_internal_name) != '')
                   {{ $this_route->route_internal_name }}
                   @else(isset($this_route->route_name)) 
                   {{ $this_route->route_name }}  
                 @endif</option>
              @else
              <option value="{{$this_route->id}}">@if(isset($this_route->route_internal_name) != '')
                   {{ $this_route->route_internal_name }}
                   @else(isset($this_route->route_name)) 
                   {{ $this_route->route_name }}  
                 @endif</option>
              @endif
            @empty
            @endforelse
          </select>     
        </div> 
        <div class="col-sm-1">
        </div>
        </div>


              <div class="col-sm-12">
        <div class="col-sm-2">
          <label>Alernative Route :</label>
        </div> 
        <div class="col-sm-9" id="top">
          <select class="form-control" name="route[{{ $this_masterroute->id }}][alter][4]">
            <option value="">Select Route</option>
            @forelse($route as $this_route)
             @if(isset($all_alter_ids[3]) && $this_route->id==$all_alter_ids[3])
              <option value="{{$this_route->id}}" selected="">@if(isset($this_route->route_internal_name) != '')
                   {{ $this_route->route_internal_name }}
                   @else(isset($this_route->route_name)) 
                   {{ $this_route->route_name }}  
                 @endif</option>
              @else
              <option value="{{$this_route->id}}">@if(isset($this_route->route_internal_name) != '')
                   {{ $this_route->route_internal_name }}
                   @else(isset($this_route->route_name)) 
                   {{ $this_route->route_name }}  
                 @endif</option>
              @endif
            @empty
            @endforelse
          </select>     
        </div> 
        <div class="col-sm-1">
        </div>
        </div>


              <div class="col-sm-12">
        <div class="col-sm-2">
          <label>Alernative Route :</label>
        </div> 
        <div class="col-sm-9" id="top">
          <select class="form-control" name="route[{{ $this_masterroute->id }}][alter][5]">
            <option value="">Select Route</option>
            @forelse($route as $this_route)
               @if(isset($all_alter_ids[4]) && $this_route->id==$all_alter_ids[4])
              <option value="{{$this_route->id}}" selected="">{{$this_route->route_internal_name}}</option>
              @else
              <option value="{{$this_route->id}}"> 

@if(isset($this_route->route_internal_name) != '')
                   {{ $this_route->route_internal_name }}
                   @else(isset($this_route->route_name)) 
                   {{ $this_route->route_name }}  
                 @endif
              </option>
              @endif
            @empty
            @endforelse
          </select>     
        </div> 
        <div class="col-sm-1">
        </div>
        </div>


        </div>




    </div>

 @endforeach


 <center>
 {{ Form::submit('Save', ['class' => 'btn btn-primary','style' => 'width:200px; margin-top:10px;']) }}
</center>
 {{ Form::close() }}
</div>






               @endforeach
            




      </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>