@extends('dashboard.base')

@section('content')
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.min.css" rel="stylesheet"/>
<style >
  .box{
    width:600px;
    margin:0 auto;
   }
</style>
<div class="container-fluid">
    <div class="animated fadeIn">
        <div class="row">
            <div class="col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="card">
                    <div class="card-header">
                        <h4>Edit Organization User</h4>
                    </div>
                    <div class="card-body">
                      @if ($errors->any())
                        <div class="alert alert-danger">
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                      @endif
                        <form method="POST" id="businessuser" name="businessuser" action="{{url('business-user-update/'.$usermange->id)}}">
                            @csrf

                            <div class="form-group row ">
                                <!-- <input type="hidden"  class="form-control " id="menuroles" value="user" name="menuroles"  >
   -->
                             <div class="col-sm-6 required">
                              @if( $usermange->user_role == '2')
                                <label class="control-label">Minipol Organization</label>
                              @else
                                <label class="control-label">Pinipol Organization</label>

                              @endif      
                                <!--      <input type="radio" name="utype" value="2" {{ $usermange->user_role == '2' ? 'checked': '' }}>
                                      <label class="control-label">Pinipol</label>
                                    <input type="radio" name="utype" value="3" {{ ($usermange->user_role==3) ?  "checked" : "" }} >
 -->
                              </div>
                            </div>

                            <div class="form-group row ">
                              <div class="col-sm-6 required">
                                <input type="text"  class="form-control " id="businessname" value="{{ $usermange->name }}" name="name" placeholder="Organization Name" required>
                              </div>
                              <div class="col-sm-6">
                                <input type="text"  class="form-control" readonly id="username"  value="{{$usermange->username}}" name="username" placeholder="Username" >
                                <span id="error_email"></span>
                      
                              </div>
                            </div>

                            <div class="form-group row">
                              <div class="col-sm-6">
                                <input type="email"  class="form-control " id="email"  value="{{$usermange->email}}" name="email" placeholder="Email Address" >
                              </div>
                              <div class="col-sm-2">
                                  <select class="form-control"  id="country_code" placeholder="Select Country Code" name="country_code">
                                    <option value="0">Select Country Code</option>
                                   
                                        
                                      @if ($countrycodeData->count() > 0)
                                              @foreach($countrycodeData as $countrycode)

                                                <option  {{($usermange->country_code == $countrycode->c_code) ? 'selected'  : '' }}  value="{{ $countrycode->id }}" >{{ $countrycode->c_code }}</option>    
                                              @endforeach

                                      @endif
                                  </select> 
                                </div>
                              <div class="col-sm-4">
                                  <input type="text"  class="form-control" id="phone_no" value="{{$usermange->phone_no}}" name="phone_no" placeholder="Phone Number" >
                              </div>
                              
                            </div> 
                            <div class="form-group row">
                              
                              <div class="col-sm-6">
                                  <input type="text"  class="form-control" id="website" value="{{$usermange->website}}" name="website" placeholder="Website" >
                                </div>
                            </div>
                            <div class="form-group row col-sm-12">
                                <label class="control-label">Business Contact:</label>
                            </div>    
                            <div class="form-group row ">
                                <div class="col-sm-4 required">
                                 <input type="text"  class="form-control " id="firstname" value="{{$usermange->firstname}}" name="firstname" placeholder="Legal First Name" >
                                 </div>

                                 <div class="col-sm-4 required">
                                   <input type="text"  class="form-control" id="lastname"  value="{{$usermange->lastname}}" name="lastname" placeholder="Legal Last Name" >
                                </div>
                                <div class="col-sm-4 required">
                                   <input type="text"  class="form-control" id="position" value="{{$usermange->position}}" name="position" placeholder="Position" >
                                </div>

                            </div> 
                            <div class="form-group col-sm-12 ">
                                <label class="control-label">Business Details:</label>
                            </div>
                    
                            <div class="form-group row ">
                              <div class="col-md-6">
                                 <select class="form-control"  id="organizationtype" placeholder="select organization type" name="organizationtype">
                                    <option value="0">Organization Type</option>
                                   
                                  @if ($orgtypeData->count())

                                          @foreach($orgtypeData as $orgtype)
                                            <option {{($usermange->organisation_type == $orgtype->id) ? 'selected'  : '' }} value="{{ $orgtype->id }}" >{{ $orgtype->name }}</option>    
                                          @endforeach

                                  @endif
                                  {{ csrf_field() }}
                                
                              </div>
                              <div class="col-md-6">
                                  <!-- <input type="text" name="sector" id="sector" class="form-control input-lg" value = "{{$usermange->sector ? $usermange->sector  : '' }}" placeholder="Enter Sector" />
                                  <div id="sectoroptions"></div>
                                
                                   -->
                                    <select id = "sector" name = "sector" placeholder = "Select Sector" class="form-control" >
                                      <option value="0">Select Sector</option>
                                       
                                       @if ($sectorData->count())
                                              @foreach($sectorData as $sector)
                                                <option {{($usermange->sector == $sector->id) ? 'selected'  : '' }} value="{{ $sector->id }}" >{{ $sector->name }}</option>    
                                              @endforeach

                                       @endif
                                    </select>
                                   {{ csrf_field() }}
                                
                              </div>
                            </div>
                            <div class="form-group row col-sm-12 ">
                              <label class="control-label">Business Address:</label>
                           </div> 
                          <div class="form-group row ">
                            <div class="col-sm-6 required">
                              <input type="text"  class="form-control " id="street_address" value="{{$usermange->address}}" name="street_address" placeholder="Street Address" >
                            </div>

                                                        <div class="col-sm-6 required">
                              <input type="text"  class="form-control" id="apt_street"  value = "{{ $apt_street }}"  name="apt_street" placeholder="Apt,Street,bldg." >
                            </div>
                          </div>      
                          <div class="form-group row ">
                              <div class="col-sm-6 required">
                                <select class="form-control"  id="country" placeholder="Select a Country" name="country">
                                    <option value="0">Select a Country</option>
                                   
                                        
                                      @if ($countriesData->count() > 0)
                                              @foreach($countriesData as $countries)
                                                <option {{($usermange->country == $countries->country) ? 'selected'  : '' }}  value="{{ $countries->country }}" >{{ $countries->country }}</option>    
                                              @endforeach

                                      @endif
                                  </select>  
                              </div>
                              <div class="col-sm-6 required">
                                <select class="form-control" id = "city" name = "city">
                                 <option value = "0">Select City</option> 
                                </select> 
                               </div>
                             <!-- <div class="col-sm-6 required">
                                  <select class="form-control" id = "state" name = "state">
                                    <option value = "0">Select State</option> 
                                  </select> 
                               </div> -->
                          </div> 
                          <div class="form-group row ">
                               
                                
                              <div class="col-sm-6 required">
                                 <input type="text"  class="form-control" id="zipcode" value="{{$usermange->zipcode}}" name="zipcode" placeholder="Zip Code" >
                              </div>

                          </div> 
                            
                            @if( $usermange->suspend == '0' && $usermange->user_role == '2')
                          <div class="form-group row">

                              <div class="col-sm-6 required">
                                <input type="checkbox" id="account_verify" name="account_verify" value="  {{ $usermange->status  ? '1': '' }}"  {{ $usermange->status == '1' ? 'checked': '' }}>
                                <label class="control-label"> Verify Account</label>
                                
                              </div>
                          
                            
                            </div>

                            <div class="form-group row">
                          
                              <div class="col-sm-6 required">
                                <input type="checkbox" id="account_rejection" name="account_rejection" value="  {{ $usermange->status  ? '2': '' }}"  {{ $usermange->status == '2' ? 'checked': '' }}>
                                <label class="control-label"> Reject Account</label>
                                
                              </div>
                            </div>
                           
                            @endif
                         
                              <input type="hidden" id="account_status" name="account_status" value="{{ $usermange->status  ? $usermange->status: '0' }}" >
                              <input type="hidden" id="status_mail_sent" name="status_mail_sent" value="0" >
                         <div class="form-group row">
                          
                            @if( $usermange->status == '1')
                              <i><label class="alert alert-activation alert-success control-label"> This account is verified by Admin!</label></i>
                            @endif
                            @if( $usermange->status == '2')
                              <i><label class="alert alert-activation alert-success control-label"> This account is rejected by Admin!</label></i>
                            @endif      
                         </div>       
                         <div class="form-group row">
                          <div class="col-sm-6 required">
                             <input type="hidden" id="suspend_mail_sent" name="suspend_mail_sent" value="0" >
                            <input type="checkbox" id="suspend" name="suspend" value="{{ $usermange->suspend  ? '1': '0' }}"  {{ $usermange->suspend == '1' ? 'checked': '' }}>
                            <label class="control-label">Suspend User</label>
                          </div>
                        </div>
                        <button class="btn btn-success" type="submit">Update</button>
                        <a href="/organization-management" class="btn btn-primary">Cancel</a>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection
@section('javascript')
  <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.min.js"></script>
<script type = "text/javascript">

jQuery.validator.addMethod("lettersonly", function(value, element) {
    return this.optional(element) || /^[0-9a-z\s]+$/i.test(value);
}, "Only alphabetical characters and numbers");
$( "#businessuser" ).validate({
        rules: {
            businessname: {
                  required: true,
                  lettersonly: true,
                  maxlength:150
              },
              firstname: {
                  required: true,
                  lettersonly: true,
                  maxlength:60
              },
              lastname: {
                  required: true,
                  lettersonly: true,
                  maxlength:60
              },
            
            password: {
                required: true,
                minlength:8,
                maxlength:60
            },
            confirm: {
                required: true,
                minlength:8,
                equalTo : "#password",
                maxlength:60
            },
             
             phone_no: {
                number: true, // <-- no such method called "matches"!
                minlength:10,
                maxlength:12
            },

      
        }
    });

</script>
<script>
  $(document).ready( function () {
    var sectorval = '{{$usermange->sector}}';
   // alert(sectorval);
    var ccname    = $('#country').val();
    var cityid    = {{$usermange->city}};
    getCities(ccname,cityid);

    $("#sector").select2({
      tags: "true",
      allowClear: true,
      placeholder: "Select Sector",
      //minimumInputLength: 2 // only start searching when the user has input 3 or more characters
    });
    $("#country").select2({
        tags: "true",
        allowClear: true,
        placeholder: "Select Country",
      // minimumInputLength: 2 // only start searching when the user has input 3 or more characters
    });

    
     $('#suspend').click(function(){
            if($(this).prop("checked") == true){
              $(this).val('1');
              $('#suspend_mail_sent').val('1');
              
            }
            else if($(this).prop("checked") == false){
              $(this).val('2');
              $('#suspend_mail_sent').val('2');
              
            }
            $('.alert-activation').hide();
              $('#account_status').val('0');
              $('#account_rejection').prop('checked',false);
              $('#account_verify').prop('checked',false);
        });
     $('#account_verify').click(function(){
            if($(this).prop("checked") == true){

                $('#account_status').val('1');
                $('#status_mail_sent').val('1');
                $('#account_rejection').attr('checked', false);

            }
            else if($(this).prop("checked") == false){
                $('#account_status').val('0');
                $('#status_mail_sent').val('0');

            }
            $('#suspend').val('0');
            $('#suspend').prop('checked',false);
      });
     $('#account_rejection').click(function(){
            if($(this).prop("checked") == true){
                $('#account_status').val('2');
                $('#status_mail_sent').val('2');
                
                $('#account_verify').attr('checked', false);
            }
            else if($(this).prop("checked") == false){
                $('#account_status').val('0');
                $('#status_mail_sent').val('0');
            }
            $('#suspend').val('0');
            $('#suspend').prop('checked',false);
      });


     

  });

   function checkUsername(that){

     var username = $('#username').val();
     var _token = $('input[name="_token"]').val();
   
    $.ajax({
      
      url:"{{ route('businessusername_available.check') }}",
      method:"POST",
      data:{username:username, _token:_token},
      success:function(result)
      {
    
           if(result == 'unique')
           {
            $('#error_email').html('<label class="text-success">Username Available</label>');
             $(".btn-success"). attr("disabled", false);
           }
           else
           {
            $('#error_email').html('<label class="error">Username not Available</label>');
             $(".btn-success"). attr("disabled", true);
           }
        }
    });
  }

  $("#country").change(function(){
    var val = $(this).val();
    getCities(val);
  });
function getCities(val,cityid){
  $.ajax({
     type: "POST",
     url: "{{ url('cities')  }}",
     data:{name:val,"_token": "{{ csrf_token() }}",},
     async: true,
     success: function(response){
        var city = "<option value='0'>Select City</option>";
        $(response).each(function(key,value){
          if(value.id == cityid){
            var selected = 'selected';
          }else{
            var selected = '';

          }
          city += "<option "+selected+" value='"+value.id+"'>"+value.city+' - '+value.admin_name+"</option>";
        });
        $('#city').html(city);
         $("#city").select2({
        tags: "true",
        allowClear: true,
        placeholder: "Select City",
      // minimumInputLength: 2 // only start searching when the user has input 3 or more characters
    });
     }
  });
}



</script>
@endsection