@extends('backend.layouts.app')

@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') !!}
<script>
  // When the browser is ready...
  $(function() {
  
  $(".edit_form").validate({
  rules: {
/*       org_phone: {
      required: true,
      phonevrfy: true
     }, */
	  org_email: {
        required: true,
        validEmail: true
    },
	 zip:{
	 required: true,
      zipcode: true
	 },
	  org_website:{
	    url: true
	 }
   }
  });
  
  
  $(".loc_add_form").validate();
  $(".loc_edit_form").validate({
  rules: {
     /*  loc_phone: {
      required: true,
      phoneUS: true
     } */
	 loc_email: {
       // required: true,
        validEmail: true
    }, 
	 	 loc_website:{
	 //required: true,
      url: true
	 }
   }
  });
  
  
      $('#org_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_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 = /(^[a-zA-Z0-9]+[\._-]{0,1})+([a-zA-Z0-9]+[_]{0,1})*@([a-zA-Z0-9]+[-]{0,1})+(\.[a-zA-Z0-9]+)*(\.[a-zA-Z]{2,3})$/;
    temp1 = str.test(value);
    return temp1;
}, "Please enter valid email.");

/*      $.validator.addMethod("phonevrfy", 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");
		 */
		
				$.validator.addMethod("zipcode", function(value, element) {
  return this.optional(element) || /^\d{5}(?:-\d{4})?$/.test(value);
}, "Please provide a valid zipcode.");
		//}
		
		
		
  });
  
  $(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();
});

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;
    }
    return true;
}

var _URL = window.URL || window.webkitURL;

$("#file").change(function(e) {
    var file, img;


    if ((file = this.files[0])) {
        img = new Image();
        img.onload = function() {
		   if(this.width >800 || this.height >800){
			   alert('Recommended size 800 x 800px for default');
			  $("#file").val('');
			}
        };
        img.onerror = function() {
            alert( "Not a valid file: " + file.type + "."+"Please upload JPG, GIF or PNG format files only");
			$("#file").val('');
        };
        img.src = _URL.createObjectURL(file);


    }

});


function deleteLocation(id) {
    var org_id='';
              if (confirm('Are you sure you want to delete?')) {
                                       $.ajax({
                                           type: "GET",
                                           url: "{{ URL::to('admin/locations/delete') }}" + "/" + id + "/" +org_id,
                                           success: function(message) {
                                            window.location.href = "{{ URL::to('admin/organizations') }}" + "/" +org_id;
                                           }
                                        });
				}
                        
              
       }
	   
	   
function loc_avail(){
    var org_id='';
	var res=$('#loc_code').val();
	if(res == ''){
	var r=confirm('Enter Location Code');
	return false;
	}else{
	$.ajax({
	type: "GET",
	url: "{{ URL::to('admin/check_location') }}" + "/" + res + "/" + org_id,
	success: function(data){
	if(data == 1){
	alert('Location Code Already Exist');
	$('#loc_code').val('');
	}else{
	alert('Location Code Available');
	}
	}
	});
	}
}



</script>

<!-- Will be used to show any messages -->

{!! Html::style('expand_theme/dataTables.bootstrap.css') !!}
{!! Html::script('expand_theme/jquery.dataTables.min.js') !!}
{!! Html::script('expand_theme/dataTables.bootstrap.min.js') !!}
<script>
    $(document).ready(function() {
	        $('#example').DataTable({
			   "lengthMenu": [ [25, 50, 100, -1], [25, 50, 100, "All"] ],
                responsive: true,
				"aaSorting": []
        });
    });
	</script>


<!-- Begin Page Content 
<div class="row">
	<div class="col-md-8">
		<h3>Edit Member Info</h3>
		
	</div>
	<div class="col-md-4">
		<a href="{{ url('/') }}" class="btn btn-primary pull-right">Back</a>
		
	</div>
</div>	
<hr>-->


<div class="modal fade" id="modal-add">
          <div class="modal-dialog">
              <div class="modal-content">
                <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                  <h4 class="modal-title">Add Location</h4>
                </div>
            {!! Form::open(array('url' => 'admin/locations/create', 'class' => 'form-horizontal loc_add_form', 'files' => true )) !!}
					<div class="modal-body">
					
					<div class="row" style="margin:0px 0px 0px 0px !important;">
					<div class="col-md-4">

					<label class="control-label">Location Code <span class="required" aria-required="true">* </span></label>  
					</div>
					<div class="col-md-6">
					<input type="text" name="loc_code" id="loc_code" class="form-control required" value="{{ old('loc_code') }}">
					</div>
					
					<div class="col-md-2" style="padding: 5px 0px 0px 0px;"><button class="btn btn-info" onclick="loc_avail()" style="padding: 0px 0px 0px 0px;">Is Available?</button></div>
					</div><br>
                    <div class="row" style="margin:0px 0px 0px 0px !important;">
					<div class="col-md-4">
					<label class="control-label">Location Name <span class="required" aria-required="true">* </span></label>  
					</div>
					<div class="col-md-6">
					<input type="text" name="loc_name" id="loc_name" class="form-control required" value="{{ old('loc_name') }}">
					</div>

					</div>
                    <br />
					<input type="hidden" name="redirect_path" value="organization">
					<input type="hidden" name="org_id" value="{{ $organization->org_id }}" id="org_id">
					<div class="row">
					<div class="col-md-3">
					<p>&nbsp; </p>
					</div>
					<div class="col-md-9"> {!! Form::submit('Save', ['class' => 'btn btn-primary']) !!}

					&nbsp; <a href="#" class="btn btn-default btn red" data-dismiss="modal" aria-hidden="true">Cancel</a> </div>
					</div>
					</div>
                {!! Form::close() !!} </div>
            </div>
          <!-- /.modal-dialog -->
        </div>
		
 
 
 
<div class="row" id="ajaxmaterialdisplayform">
	<div class="col-md-12">
        <div class="box">
		  <div class="box-header">
        <div class="row">
          <div class="col-md-6">
            <h3>Organization - {{ $organization->org_name }}</h3>
          </div>
		  
          <div class="col-md-6">
            <p class="form-control-static pull-right"> <a  href="{{ url('admin/organizations/'.$organization->org_id.'/edit') }}" class="btn btn-info"><i class="fa fa-pencil"></i> Edit Organization</a>&nbsp;<a  class="btn btn-default" href=""  data-toggle="modal" data-target="#modal-add"><i class="fa fa-plus"></i> Add Location</a>&nbsp;<!--<a class="btn btn-info" href="{{ url('admin/organization/'.$organization->org_id.'/settings') }}"><i class="fa fa-pencil"></i> Edit Organization Settings</a>--></p>
          </div>
         </div>
      </div>
            <div class="box-body form form-horizontal show_form">
                <div class="form-body">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                  <label class="col-md-4 control-label">Organization Name: </label>
                                  <div class="col-md-8">
                                     <p class="form-control-static">{{ $organization->org_name }}</p>
                                   </div>
                            </div>
                         </div>
						  <div class="col-md-6">
                            <div class="form-group">
                                  <label class="col-md-4 control-label"> Organization Code: </label>
                                  <div class="col-md-8">
                                     <p class="form-control-static">{{ $organization->org_code }}</p>
                                   </div>
                            </div>
                         </div>
                       
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="col-md-4 control-label">Org Email : </label>
                                <div class="col-md-8">
                                <p class="form-control-static">{{ $organization->org_email }}</p>                                    </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                             <div class="form-group">
                                  <label class="col-md-4 control-label">Org Phone : </label>
                                  <div class="col-md-8">
                                     <p class="form-control-static">{{ $organization->org_phone }}</p>
                                   </div>
                            </div>
                        </div>
                    </div>                                         
                    <div class="row">
                        <div class="col-md-6">
                             <div class="form-group">
                                  <label class="col-md-4 control-label">Org Website : </label>
                                  <div class="col-md-8">
                                     <p class="form-control-static">{{ $organization->org_website }}</p>
                                   </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="col-md-4 control-label">Org Address : </label>
                                <div class="col-md-8">
                                 <p class="form-control-static">{{ $organization->addr1 }} {{ $organization->addr2 }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="col-md-4 control-label">Org City : </label>
                                <div class="col-md-8">
                                 <p class="form-control-static">{{ $organization->city }}</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="col-md-4 control-label">Org State : </label>
                                <div class="col-md-8">
                                <p class="form-control-static">{{ $organization->state }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
					<div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="col-md-4 control-label">Org Country : </label>
                                <div class="col-md-8">
                                 <p class="form-control-static"></p>
                                </div>
                            </div>
                        </div>
						<div class="col-md-6">
                            <div class="form-group">
                                <label class="col-md-4 control-label">Org Zipcode : </label>
                                <div class="col-md-8">
                                <p class="form-control-static">{{ $organization->zip }}</p>
                                </div>
                            </div>
                        </div>
                     </div>
                    <div class="row">
                       <div class="col-md-6">
                            <div class="form-group">
                                <label class="col-md-4 control-label">Org Status : </label>
                                <div class="col-md-8">
                                <p class="form-control-static">Inactive</p>
                                </div>
                            </div>
                        </div>
						 <!--<div class="col-md-6">
                            <div class="form-group">
                              <label class="col-md-4 control-label">Logo: </label>
                              <div class="col-md-8">
                              	<p class="form-control-static">
								</p>
                               </div>
                            </div>
                        </div>-->
                    </div>
                </div>
            </div>
			
								  <div class="row">  <div class="box-header">
     
          <div class="col-md-7">
            <h3><b>Location Details</b></h3>
          </div>
		  
        
      </div> <div class="box-body">
	   <div class="table-responsive" style="padding: 7px;">
					   <table class="table table-striped table-hover table-bordered">
            <thead>
                <tr>
                   
					<th>Location Name</th>
                    <th>Location Code</th>
					 <th>Location Email</th>
					 <th>Phone</th>
					 <th>Fax</th>
					 <th>Action</th>
                </tr>
            </thead>
            <tbody style="font-size:13px;">
               @foreach ($locations as $location)  
               
                <tr>
                    <td>{{ $location->loc_name }}</td>
					 <td>{{ $location->loc_code }}</td>
                    <td></td>
					<td>{{ $location->loc_phone }}</td>
					<td>{{ $location->loc_fax }}</td>
					<td>
                  <a class="" data-toggle="modal" data-target="#editstack{{ $location->loc_id }}" href="">
					<i class="fa fa-fw fa-edit" data-toggle="tooltip" data-placement="top" title="Edit"></i> </a> 
                       <!-- <a id="delete_mgp" href="javascript:deleteLocation({{ $location->loc_id }});" class=""> <i class="fa fa-trash" data-toggle="tooltip" data-placement="top" title="Delete"></i></a>-->