@extends('backend.layouts.app')
<style>
 table th, table td { overflow: hidden; }
</style>
@section('content')

@if(Session::has('message'))
<div class="callout callout-success">
                <h6>{{ Session::get('message')}}</h6>
              </div>
@endif

@if(Session::has('error_message'))
<div class="callout callout-danger">
                <h6>{{ Session::get('error_message')}}</h6>
              </div>
@endif


@if (count($errors) > 0)
    <div class="callout callout-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif
{!! Html::script('expand_theme/js/jquery.validate.min.js') !!}
<!-- jQuery Form Validation code -->
<script>
  
  // When the browser is ready...
  $(function() {
  $(".add_form").validate({
  	rules: {
  		class: {
			 	required:  function(element) {
		                if ($(".add_location_type:checked").length > 0) {
		                	return false;
		                }else{
		                	return true;
		                }

		            
			 	}
			 }
  	}
  });
  });
  
  </script>
  <script>
  // When the browser is ready...
  $(function() {
  

  
  	   $('#loc_phone').keyup(function(){
    $(this).val($(this).val().replace(/(\d{3})\-?(\d{3})\-?(\d{4})/,'$1-$2-$3'));
	 if(($(this).val().length)>12){
	    e.preventDefault();
        return false;
	 }
	
});	

$('#loc_fax').keyup(function(){
    $(this).val($(this).val().replace(/(\d{3})\-?(\d{3})\-?(\d{4})/,'$1-$2-$3'));
	 if(($(this).val().length)>12){
	    e.preventDefault();
        return false;
	 }
	
});	


	   $('#loc_contact_person_phone').keyup(function(){
    $(this).val($(this).val().replace(/(\d{3})\-?(\d{3})\-?(\d{4})/,'$1-$2-$3'));
	 if(($(this).val().length)>12){
	    e.preventDefault();
        return false;
	 }
	
});	


$.validator.addMethod("validEmail", function(value, element) 
{
    if(value == '') 
        return true;
    var temp1;
    temp1 = true;
    var ind = value.indexOf('@');
    var str2=value.substr(ind+1);
    var str3=str2.substr(0,str2.indexOf('.'));
    if(str3.lastIndexOf('-')==(str3.length-1)||(str3.indexOf('-')!=str3.lastIndexOf('-')))
        return false;
    var str1=value.substr(0,ind);
    if((str1.lastIndexOf('_')==(str1.length-1))||(str1.lastIndexOf('.')==(str1.length-1))||(str1.lastIndexOf('-')==(str1.length-1)))
        return false;
    str = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
    temp1 = str.test(value);
    return temp1;
}, "Please enter valid email.");


  $.validator.addMethod("phoneUS", function (phone_number, element) {
            phone_number = phone_number.replace(/\s+/g, "");
            return this.optional(element) || phone_number.length > 9 &&
                  phone_number.match(/\(?[\d\s]{3}\)[\d\s]{3}-[\d\s]{4}$/);
        }, "Invalid phone number");
  
  });
  
  $(document).ready(function()
{   
  //hide the all of the element with class msg_body
  $("#ajaxmaterialeditform").hide();
 
  //toggle the componenet with class msg_body
  $("#ajaxmaterialchange").click(function()
  {
    $("#ajaxmaterialeditform").slideToggle(900);
     $("#ajaxmaterialdisplayform").slideToggle(900);     
  });

  $("#ajaxmaterialcancel").click(function()
  {
     $("#ajaxmaterialdisplayform").slideToggle(900);     
     $("#ajaxmaterialeditform").slideToggle(900);    
  });

  $("#ajaxpartnercreateform").hide();
});
</script>
<script>
function phone_custom() {
    var e = document.getElementById("org_phone");
     e.id = "org_phone_int";
	 $("#org_phone_int").attr("placeholder", "");
}
function isNumber(evt) {
    evt = (evt) ? evt : window.event;
    var charCode = (evt.which) ? evt.which : evt.keyCode;
    if (charCode > 31 && (charCode < 48 || charCode > 57)) {

        return false;
    }
    if ($(this).val() > 100){
    alert("No numbers above 100");
    $(this).val('100');
  }


    return true;
}
$(function () {
   $( "#loc_priority" ).change(function() {
      var max = parseInt($(this).attr('max'));
      var min = parseInt($(this).attr('min'));
      if ($(this).val() > max)
      {
          $(this).val(max);
      }
      else if ($(this).val() < min)
      {
          $(this).val(min);
      }       
    }); 
});

</script>

	<script>
	$(document).ready(function()
    {
	 // $("#ajaxmaterialeditform").show();
	//  $("#ajaxmaterialdisplayform").hide();
    }); 	
	</script>
	<script>
		$(document).ready(function()
		{
			$(".red").click (function()
			{
				$(".add_form").trigger("reset");
				$(".edit_form").trigger("reset");

			});

		});
	</script>
  
<script>
    
	function deleteLocation(id) {
              if (confirm('@lang('messages.are_you_sure_you_want_to_delete')')) {
                                       $.ajax({
                                           type: "GET",
                                           url: "{{ URL::to('admin/locations/delete') }}" + "/" + id,
                                           success: function(message) {
                                         
										   window.location.href = "{{ URL::to('admin/locations') }}";
                                           }
                                        });
				}
                        
              
       }
	   
	   function loc_avail(){
var res=$('#loc_code').val();
if(res == ''){
var r=confirm('@lang('messages.enter_location_code')');
 return false;
}else{
$.ajax({
	type: "GET",
	 url: "{{ URL::to('admin/check_location') }}" + "/" + res,
	success: function(data){
	if(data == 1){
	alert('@lang('messages.location_code_already_exist')');
	$('#loc_code').val('');
	}else{
	alert('@lang('messages.location_code_available')');
	}
	}
	});
}


}

    </script>
<!--<div class="row" id="ajaxmaterialdisplayform">

<div class="row">
	<div class="col-md-10">
		<h3>Services List</h3>
	</div>
	<div class="col-md-2">
	<a href="{{ url('admin/services/create') }}" class="btn default pull-right" id="">Add New <i class="fa fa-plus"></i></a>
	</div>
</div>	
<hr>

<!-- End Page Content 
</div>

  
  <br><br>-->

		
		
<div class="row" id="ajaxmaterialdisplayform">
  <div class="col-md-12" id="backend-configuration-mobile-gp">
    <div class="box">
      <div class="box-header">
        <div class="row">
          <div class="col-md-7">
            <h3>@lang('messages.manage_locations')</h3>
          </div>
		  
          <div class="col-md-5">
          	
			<button type="button" class="btn btn-default" data-toggle="modal" data-target="#modal-add" style="float:right;">
                <i class="fa fa-plus"></i>&nbsp;@lang('messages.add_location')
            </button>

            @include('locations.popup_create_location')
			  
			  
			</p>
          </div>
         </div>
      </div>