@extends('layouts.app')

@section('title', 'Update user profile| ')

@section('content')

   <!-- Page Content -->
   <div class="content container-fluid" style="background: #fff">
      <!-- Content Starts -->
      <div class="row">
         <div class="col-sm-12">
            {!! Form::model($user, ['method' => 'PUT', 'route' => ['user/update',  base64_encode($user->id) ] ]) !!}
               <div class="col-sm-8 offset-sm-2">
                  <div class="" style="padding: 20px 0;">
                     <h3 class=" text-center" style="padding-bottom: 20px ;">Update Profile <small>({{ $user->first_name.' '.$user->last_name }})</small></h3>
                     <!-- row -->
                     <div class="row" >
                        <div class="col-sm-6">
                           <div class="form-group">
                              <label>First Name <span class="text-danger">*</span></label>
                              
                              {!! Form::text('first_name', null, ['class' => 'form-control', 'placeholder' => 'First Name']) !!}    

                              @if ($errors->has('first_name')) <p class="text-danger">{{ $errors->first('first_name') }}</p> @endif
                           </div>
                        </div>
                        <div class="col-sm-6">
                           <div class="form-group">
                              <label>Last Name</label>
                               {!! Form::text('last_name', null, ['class' => 'form-control', 'placeholder' => 'Last Name']) !!}
                           </div>
                        </div>
                     </div>
                     <!-- row end -->
                     <!-- row -->
                     <div class="row" >
                        <div class="col-sm-6">
                           <div class="form-group">
                              <label>Phone <span class="text-danger">*</span></label>
                              <input type="hidden"  id="code" name ="primary_phone_code" value="@if($user->primary_phone_iso == null) 971 @else {{$user->primary_phone_code}} @endif" >
                              <input type="hidden"  id="iso" name ="primary_phone_iso" value="@if($user->primary_phone_iso == null) ae @else {{$user->primary_phone_iso}} @endif" >
                              <input type="tel" name ="phone_number" id="phone1" class="number_only" value="{{$user->phone_number}}" style='display:block'>
                              <small class="text-muted">(Primary contact number. )</small>
                              @if ($errors->has('phone_number')) <p class="text-danger">{{ $errors->first('phone_number') }}</p> @endif
                           </div>
                        </div>
                        <div class="col-sm-6">
                           <div class="form-group">
                              <label>Emergency Phone</label>
                              <input type="hidden"  id="code2" name ="other_phone_code" value="@if($user->other_phone_code == null) 971 @else {{$user->other_phone_code}} @endif" >
                              <input type="hidden"  id="iso2" name ="other_phone_iso" value="@if($user->other_phone_iso == null) ae @else {{$user->other_phone_iso}} @endif" >
                              <input type="tel"    id="phone2" class="number_only"  name ="other_phone_number"  placeholder="" value="{{$user->other_phone_number}}" style='display:block'>
                              <small class="text-muted">(Alternate contact number. )</small>
                               @if ($errors->has('other_phone_number')) <p class="text-danger">{{ $errors->first('other_phone_number') }}</p> @endif
                           </div>
                        </div>
                     </div>
                     <!-- row end -->
                     <!-- row -->
                     <div class="row" >
                        <div class="col-md-6">
                           <div class="form-group">
                              <label>DOB </label>
                              <div class="cal-icon">
                              <input type="text" class="form-control pastDatePicker" name="dob" placeholder='DD-MM-YYYY'           
          value="{{ ($user->dob !=NULL) ? date('d-m-Y', strtotime($user->dob)) : '' }}">          
                              </div>
                              
                           </div>
                        </div>
                        <div class="col-md-6">
                           <div class="form-group">
                              <label>Gender <span class="text-danger">*</span></label>
                              <select class="select select2-hidden-accessible " name="gender" >
                                 <option value="">Select Gender</option>
                                 <option value="male" {{ ( $user->gender == 'male') ? 'selected' : '' }}>Male</option>
                                 <option value="female" {{ ( $user->gender == 'female') ? 'selected' : '' }}>Female</option>
                                 <option value="other">Other</option>
                              </select>
                              @if ($errors->has('gender')) <p class="text-danger">{{ $errors->first('gender') }}</p> @endif
                           </div>
                        </div>
                     </div>
                     <!-- end row --> 
                     <!-- row -->
                     <div class="row" >
                        <div class="col-md-6">
                           <div class="form-group">
                              <label>Communication Email <small>(Employee Personal Email)</small> <span class="text-danger">*</span></label>
                              {!! Form::text('other_email', null, ['class' => 'form-control ', 'placeholder' => 'Personal email']) !!}
                             @if ($errors->has('other_email')) <p class="text-danger">{{ $errors->first('other_email') }}</p> @endif
                           </div>
                        </div>
                        <div class="col-md-6"></div>
                     </div>
                     <!-- end row --> 
                     <div class="row" >
                        <div class="col-sm-12">
                     <h4 class="card-title">Account detail</h4>
                   </div></div>
                     <!-- row -->
                     <div class="row" >
                        <div class="col-sm-6">
                           <div class="form-group">
                              <label>Employee ID</label>
                              {!! Form::text('employee_id', null, ['class' => 'form-control onlyAlphaNumeric', 'placeholder' => 'Employee ID']) !!}
                              <small class="text-muted">(e.g. TS0099)</small>
                           </div>
                        </div>
                        <div class="col-sm-6">
                           <div class="form-group">
                              <label>Joining Date</label>
                              <div class="cal-icon"><input type="text" class="form-control datetimepicker" name="join_date" placeholder='DD/MM/YYYY'           
          value="{{ ($user->join_date !=NULL) ? date('d-m-Y', strtotime($user->join_date)) : '' }}"> </div>
                           </div>
                        </div>
                     </div>
                     <!-- row end -->   
                                                 
                     <!-- row -->
                     <div class="row" >
                        <div class="col-sm-6">
                           <div class="form-group">
                              <label>Corporate Email <small>(Company email)</small></label>
                              {!! Form::text('email', null, ['class' => 'form-control', 'placeholder' => 'Email']) !!}
                              @if ($errors->has('email')) <p class="text-danger">{{ $errors->first('email') }}</p> @endif
                              <small class="text-muted">(e.g. john@techsaga.co.in, martin@wetechsaga.com etc.)</small>
                           </div>
                        </div>
                        <div class="col-sm-6">
                           <div class="form-group">
                              <label>Password <small>(Optional)</small></label>
                              <input class="form-control " type="password" name="password">
                              <small class="text-muted">(If left blank system will generate the password.)</small>
                           </div>
                        </div>
                     </div>
                     <!-- row end -->
                     <div class="row" >
                      <div class="col-sm-6">
                           <div class="form-group">
                            <label>User Role <span class="text-danger">*</span></label>

                            <select class="form-control " name="user_role">
                              @if($user->role_id==1)
                              <option value="1" selected >Admin</option>
                              @else              
                                         
                              <option value="">Select Role</option>
                              @foreach($roles as $item)
                              <option value="{{$item->id}}" {{ ( $user->role_id == $item->id) ? 'selected' : '' }} >{{$item->name}}</option>
                              @endforeach                              

                              @endif
                            </select>                            
                            <small class="text-muted">(User Role: To give specific access.)</small>
                            @if ($errors->has('user_role')) <p class="text-danger">{{ $errors->first('user_role') }}</p> @endif
                        </div>
                      </div>
                        <div class="col-sm-6">
                           <div class="form-group">
                              <label>Report to </label>
                              <select class="select " name="reporting_to_user_id">
                                 <option value="">Select an User</option>
                                  @foreach($reportingUser as $item)
                                 <option value="{{$item->id}}" {{ old('reporting_to_user_id') == $item->id ? 'selected="selected"' : '' }} {{ ( $user->reporting_to_user_id == $item->id) ? 'selected' : '' }}>{{ ucwords($item->first_name.' '.$item->last_name)}} ({{$item->name}})</option>
                                 @endforeach
                              </select>
                              <small class="text-muted">(Select an user who will be monitor their work. )</small>
                           </div>
                        </div>
                     </div>
                     <!-- row end -->                                   
                     <!-- row -->
                     <div class="row" >
                        <div class="col-md-6">
                           <div class="form-group">
                              <label>Department <span class="text-danger">*</span></label>
                              <select class="select  department_id"  name="department_id">
                                 <option value="">Select Department</option>
                                 @foreach($departments as $item)
        <option value="{{$item->id}}" {{ ( $user->department_id == $item->id) ? 'selected' : '' }}>{{$item->name}}</option>
         @endforeach
                              </select>
                              @if ($errors->has('department_id')) <p class="text-danger">{{ $errors->first('department_id') }}</p> @endif
                           </div>
                        </div>
                        <div class="col-md-6">
                           <div class="form-group">
                              <label>Designation <span class="text-danger">*</span></label>
                              <select class="select designation_id" name="designation_id">
                                 <option value="">Select Designation</option>                                 
                                 @foreach($designations as $item)
                                 <option value="{{$item->id}}" {{ ( $user->designation_id == $item->id) ? 'selected' : '' }}>
                                 {{$item->name}}</option>
                                 @endforeach
                              </select>
                              <small class="text-muted">(Job Profile: Web Devloper, Business Manger etc.  )</small>
                              @if ($errors->has('designation_id')) <p class="text-danger">{{ $errors->first('designation_id') }}</p> @endif
                           </div>
                        </div>
                     </div>
                     <!-- end row -->
                  <h4 class="card-title">Address </h4>                     

                     <div class="row">
                        <div class="col-md-6 ">
                           <label class="control-label" style='font-size:20px;color:#0aa638;'>Present address </label>
                         </div>
                     </div>
                     <div class="row">
                        <div class="col-md-6">
                           <div class="form-group">
                              <label>Address :</label>
                              <input type="text" class="form-control" name="street_address" value="@if($addresses != ''){{$addresses->street_address}} @endif">
                           </div>
                        </div> 
                        <div class="col-md-6">
                            <div class="form-group">
                              <label>Landmark:</label>
                              <input type="text" class="form-control" name="landmark" value="@if($addresses != ''){{$addresses->landmark}} @endif">
                           </div>                           
                        </div>
                     </div>
                     <div class="row">
                        <div class="col-md-6">
                           <div class="form-group">
                              <label>ZIP code:</label>
                              <input type="text" class="form-control number_only" name="zipcode" value="@if($addresses != ''){{$addresses->zipcode}} @endif">
                           </div>                           
                        </div>
                        <div class="col-md-6">
                           <div class="form-group">
                              <label>Country:</label>
                              <select class="select " name="country" >
                                 <option value="" >Select Country</option>
                                 @foreach($countries as $item)
                                    <option value="{{$item->id}}" @if($addresses != '') @if($addresses->country_id == $item->id) selected @endif @endif  >{{$item->country_name}}</option>
                                 @endforeach
                              </select>                              
                           </div>
                        </div>
                     </div>
                     <div class="row">
                        <div class="col-md-6">
                           <div class="form-group">
                              <label>State/Province:</label>
                              <input type="text" class="form-control" name="state" value="@if($addresses != ''){{$addresses->state_id}} @endif">
                           </div>
                        </div>
                        <div class="col-md-6">
                           <div class="form-group">
                              <label>City:</label>
                              <input type="text" class="form-control" name="city" value="@if($addresses != ''){{$addresses->city_id}} @endif">
                           </div>
                        </div>
                     </div>
                     <!-- row -->
                     <div class="row" style='margin-bottom:22px;'>                      
                     <div class="form-check">
                           <input type="checkbox" class="form-check-input" id="isPresentSame" name="isPresentSame" value="@if($addresses != '') @if($addresses->is_both == 1) 1 @else 0 @endif @endif">
                           <input type="hidden" id="isBoth" name="isBoth" value="0">
                           <label class="form-check-label" for="isPresentSame">Present address is same as permanent address?</label>
                        </div>
                     </div>
                     <!-- address2 -->
                     <span class="pAddress @if($addresses != '') @if($addresses->is_both == 1) hide  @endif @endif ">
                     <div class="row">
                        <div class="col-md-6 ">
                           <label class="control-label" style='font-size:20px;color:#0980c8'>Permanent address </label>
                         </div>
                     </div>
                     <div class="row">
                        <div class="col-md-6">
                           <div class="form-group">
                              <label>Street address :</label>
                              <input type="text" class="form-control" name="s_street_address" value="@if($paddress != ''){{$paddress->street_address}} @endif">
                              <small class="text-muted">(Street address e.g. D-99, New Rd. )</small>
                           </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                              <label>Landmark:</label>
                              <input type="text" class="form-control" name="s_landmark" value="@if($paddress != ''){{$paddress->landmark}} @endif">
                              <small class="text-muted">(e.g. Near school etc. )</small>
                           </div>                           
                        </div>
                     </div>
                     <div class="row">                        
                        <div class="col-md-6">
                          <div class="form-group">
                              <label>ZIP code:</label>
                              <input type="text" class="form-control number_only" maxlength='6' name="s_zipcode" value="@if($paddress != ''){{$paddress->zipcode}} @endif">
                           </div>
                        </div>
                          <div class="col-md-6">
                           <div class="form-group">
                              <label>Country:</label>
                              <select class="select " name="s_country" >
                                 <option value="" >Select Country</option>
                                 @foreach($countries as $item2)
                                    <option value="{{$item2->id}}" @if($paddress != '') @if($paddress->country_id == $item2->id) 'selected' @endif @endif  >{{$item2->country_name}}</option>
                                 @endforeach
                              </select>
                           </div>
                        </div>
                     </div>
                     <div class="row">                      
                        <div class="col-md-6">
                           <div class="form-group">
                              <label>State/Province:</label>
                              <input type="text" class="form-control" name="s_state" value="@if($paddress != ''){{$paddress->state_id}} @endif">
                           </div>
                        </div>
                         <div class="col-md-6">
                           <div class="form-group">
                              <label>City:</label>
                              <input type="text" class="form-control" name="s_city" value="@if($paddress != ''){{$paddress->city_id}} @endif">
                           </div>
                        </div>                        
                     </div>
                     </span>
                     
                     <div class="submit-section">

                        <button class="btn btn-success submit-btn">Update</button>
                     </div>

                     {!! Form::close() !!}
                  
            </div>
            </div>
         </div>
      </div>
   </div>
   <!-- /Content End -->
</div>
<!-- /Page Content -->
<style>
.form-check-input {
    position: absolute;
    margin-top: 0;
    margin-left: -8px;
}
.form-check-label {
    padding-left:18px;
}
</style>
<script type="text/javascript">

var ios2Country = "{{$user->primary_phone_iso}}";
if(ios2Country == null)
{
   ios2Country='ae';
}
$("#phone1").intlTelInput({
    initialCountry: ios2Country,
    separateDialCode: true,
    preferredCountries: ["ae", "in", "sa"],
    geoIpLookup: function (callback) {
        $.get('https://ipinfo.io', function () {
        }, "jsonp").always(function (resp) {
            var countryCode = (resp && resp.country) ? resp.country : "";
            callback(countryCode);
        });
    },
    utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/11.0.14/js/utils.js"
});


$("#phone1").on("countrychange", function (e, countryData) {
    $("#phone1").val('');
    var mask1 = $("#phone1").attr('placeholder').replace(/[0-9]/g, 0);
    $('#phone1').mask(mask1);
    $('#code').val($("#phone1").intlTelInput("getSelectedCountryData").dialCode);
    $('#iso').val($("#phone1").intlTelInput("getSelectedCountryData").iso2);
    
});
//
// phone2
var ios2Country = "{{$user->other_phone_iso}}";
if(ios2Country == null)
{
   ios2Country='ae';
}

$("#phone2").intlTelInput({
    initialCountry: ios2Country,
    separateDialCode: true,
    formatOnDisplay:true,
    preferredCountries: ["ae", "in", "sa"],
    geoIpLookup: function (callback) {
        $.get('https://ipinfo.io', function () {
        }, "jsonp").always(function (resp) {
            var countryCode = (resp && resp.country) ? resp.country : "";
            callback(countryCode);
        });
    },
    utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/11.0.14/js/utils.js"
});

/* ADD A MASK IN PHONE2 INPUT (when document ready and when changing flag) FOR A BETTER USER EXPERIENCE */

$("#phone2").on("countrychange", function (e, countryData) {
    $("#phone2").val('');
    var mask2 = $("#phone2").attr('placeholder').replace(/[0-9]/g, 0);
    $('#phone2').mask(mask2);
    $('#code2').val($("#phone2").intlTelInput("getSelectedCountryData").dialCode);
    $('#iso2').val($("#phone2").intlTelInput("getSelectedCountryData").iso2);
});

$(document).ready(function (e) {

   var isCheckVal= $('#isPresentSame').val();
   if( $('#isPresentSame').val() == '  1  '){
      $('.pAddress').addClass('hide');
      $('.pAddress').removeClass('show');

      $('#isPresentSame').prop('checked',true);
      $('#isPresentSame').val('1');
      $('#isBoth').val('1');
   }
   
});
//  check if 
$(document).on('click','#isPresentSame',function (e) {
   if(!$(this).is(':checked')){
   //show
   $('#isPresentSame').val('0');
   $('#isBoth').val('0');
   $('.pAddress').addClass('show');
   $('.pAddress').removeClass('hide');
   }else{
   // hide 
   $('#isPresentSame').val('1');
   $('#isBoth').val('1');
   $('.pAddress').addClass('hide');
   $('.pAddress').removeClass('show');
   }
});
//on change department
 $('.department_id').on('change', function(event){
  event.preventDefault();

  $('.designation_id')[0].options.length = 0;
  $(".designation_id ").append('<option value=" ">Select Designation</option>');

  $.ajax({
   url:"{{ route('getDesignations') }}",
   method:"POST",
   data:{"_token": "{{ csrf_token() }}",'department_id':$(this).val()},      
   success:function(data)
   {
      //console.log(data);
      var json = JSON.parse(data);
      
      for(var i = 0; i < json.length; i++) {
          var obj = json[i];

          $(".designation_id ").append('<option value="' + obj.id + '">' + obj.name + '</option>');
      }
      
   }
  })
 });
</script>

@endsection