@extends('admin.layouts.master')
@section('title', 'Edit User - Admin')
@section('body')
<!-- <div>
  @include('includes.test')
</div> -->

<section class="content">
  @include('admin.message')
  <div class="row">
    <div class="col-md-12">
      <div class="box box-primary">
        <div class="box-header with-border d-flex">
          <h3 class="box-title"> {{ __('adminstaticword.Edit') }} {{ __('adminstaticword.Role') }}</h3>
          <div class="float-right"><h4 class="admin-form-text"><a href="{{ route('user.index') }}" data-toggle="tooltip" data-original-title="Go back" class="btn-floating"><i class="material-icons"><button class="btn btn-xs btn-success abc"> << {{ __('adminstaticword.Back') }}</button> </i></a></h4></div>
        </div>
        <br>
        <div class="panel-body">
          <form action="{{ route('user.update',$user->id) }}" method="POST" enctype="multipart/form-data" autocomplete="off">
            {{ csrf_field() }}
            {{ method_field('PUT') }}

            <div class="row">
              <div class="col-md-6">
                <label for="fname">
                  {{ __('adminstaticword.FirstName') }} :
                  <sup class="redstar">*</sup>
                </label>
                <script>
                  function showKeyPress(evt) {
                    if( !checkSpecificKey(evt.keyCode) ){
                      evt.preventDefault();
                      return;
                    }
                  }
                  function checkSpecificKey(keyCode) {
                    var specialKey = "[`~!#$^&*()=|{}':;',\\[\\].<>/?~！#￥……&*（）——|{}【】‘；：”“'。，、？]‘'";//Specific Key list
                    var realkey = String.fromCharCode(keyCode);
                    var flg = false;
                    flg = (specialKey.indexOf(realkey) >= 0);
                    if (flg) {
                    // alert('請勿輸入特殊字元: '   realkey);
                    return false;
                    }
                  return true;
                  }
                </script>
                <input onkeypress="showKeyPress(event)" value="{{ $user->fname }}" autofocus required name="fname" type="text" class="form-control" placeholder="{{ __('adminstaticword.Enter') }} {{ __('adminstaticword.FirstName') }}"/>
              </div>

              {{-- <div class="col-md-6">
                <label for="lname">
                  {{ __('adminstaticword.LastName') }} :
                  <sup class="redstar">*</sup>
                </label>
                <input value="{{ $user->lname }}" required name="lname" type="text" class="form-control" placeholder="{{ __('adminstaticword.Enter') }} {{ __('adminstaticword.LastName') }}"/>
              </div> --}}
            </div>
            <br>

            <div class="row">
              <div class="col-md-6 {{ $user->role === 'instructor' ? 'd-none' : '' }}">
                <label for="mobile"> {{ __('adminstaticword.Mobile') }} :<sup class="redstar">*</sup> </label>
                <input value="{{ $user->mobile }}" type="text" name="mobile" placeholder="{{ __('adminstaticword.Enter') }} {{ __('adminstaticword.Mobile') }}" class="form-control">
               </div>
               <div class="col-md-6 {{ $user->role === 'instructor' ? 'd-none' : '' }}">
                <label for="mobile">{{ __('adminstaticword.Email') }} :<sup class="redstar">*</sup> </label>
                <input value="{{ $user->email }}" type="email" name="email" placeholder="{{ __('adminstaticword.Enter') }} {{ __('adminstaticword.Email') }}" class="form-control" autocomplete="false">
              </div>
            </div>
            <br>

            

            <div class="row">
              

              <div class="col-md-6">
                <label for="role">{{ __('adminstaticword.SelectRole') }} :</label>
                  @if(Auth::User()->role=="admin")
                  <select class="form-control js-example-basic-single" name="role">
                    <option {{ $user->role == 'user' ? 'selected' : ''}} value="user">{{ __('adminstaticword.User') }}</option>
                    <option {{ $user->role == 'admin' ? 'selected' : ''}} value="admin">{{ __('adminstaticword.Admin') }}</option>
                    <option {{ $user->role == 'instructor' ? 'selected' : ''}} value="instructor">{{ __('adminstaticword.Instructor') }}</option>
                  </select>
                  @endif
                  @if(Auth::User()->role=="instructor")
                  <select class="form-control js-example-basic-single" name="role">
                    <option {{ $user->role == 'user' ? 'selected' : ''}} value="user">{{ __('adminstaticword.User') }}</option>
                    <option {{ $user->role == 'instructor' ? 'selected' : ''}} value="instructor">{{ __('adminstaticword.Instructor') }}</option>
                  </select>
                  @endif
                  @if(Auth::User()->role=="user")
                  <select class="form-control js-example-basic-single" name="role">
                    <option {{ $user->role == 'user' ? 'selected' : ''}} value="user">{{ __('adminstaticword.User') }}</option>
                  </select>
                  @endif
              </div>
              {{-- <div class="col-md-6">
                <label for="address">{{ __('adminstaticword.Address') }} : </label>
                <textarea name="address" class="form-control" rows="1"  placeholder="{{ __('adminstaticword.Enter') }} adderss" value="">{{ $user->address }}</textarea>
                <input id="address" name="address" class="form-control" placeholder="{{ __('adminstaticword.Enter') }} {{ __('adminstaticword.Address') }}" value="{{ $user->address }}">
              </div> --}}
            </div>
            <br>


            <div class="row">
              
              
            </div>
            <br>

            <div class="row city-selector-set">
              <div class="col-md-4">
                <label for="city_id">{{ __('adminstaticword.ChooseState') }} :</label>
                <select id="country_id" class="form-control js-example-basic-single county" name="country_id" @if(isset($user->county)) data-value="{{ $user->county }}" @endif>
                  {{-- <option value="none" selected disabled hidden> 
                      {{ __('adminstaticword.SelectanOption') }}
                    </option>
                  
                  @foreach ($countries as $coun)
                    <option value="{{ $coun->country_id }}" {{ $user->country_id == $coun->country_id ? 'selected' : ''}}>{{ $coun->nicename }}
                    </option>
                  @endforeach --}}
                </select>
              </div>

              <div class="col-md-4">
                <label for="city_id">{{ __('adminstaticword.ChooseCity') }} :</label>
                <select id="upload_id" class="form-control js-example-basic-single district" name="state_id"  @if(isset($user->district)) data-value="{{ $user->district }}" @endif>
                  {{-- <option value="none" selected disabled hidden> 
                    {{ __('adminstaticword.SelectanOption') }}
                  </option>
                  @foreach ($states as $s)
                    <option value="{{ $s->state_id}}" {{ $user->state_id==$s->state_id ? 'selected' : '' }}>{{ $s->name}}</option>
                  @endforeach --}}

                </select>
              </div>

              {{-- <div class="col-md-3">
                <label for="city_id">{{ __('adminstaticword.City') }} :</label>
                <select id="grand" class="form-control js-example-basic-single" name="city_id">
                  <option value="none" selected disabled hidden> 
                     {{ __('adminstaticword.SelectanOption') }}
                  </option>
                  @foreach ($cities as $c)
                    <option value="{{ $c->id }}" {{ $user->city_id == $c->id ? 'selected' : ''}}>{{ $c->name }}
                    </option>
                  @endforeach
                </select>
              </div> --}}
          
              <div class="col-md-4">
                <label for="pin_code">{{ __('adminstaticword.Pincode') }} :</label>
                {{-- <input value="{{ $user->pin_code }}" placeholder="{{ __('adminstaticword.Enter') }} {{ __('adminstaticword.Pincode') }}" type="text" name="pin_code" class="form-control"> --}}
                <input class=" form-control zipcode" type="text" size="3"  readonly placeholder="郵遞區號" name="pin_code" value="{{ $user->pin_code }}">
              </div>

              <div class="col-md-12">
                <label for="address">{{ __('adminstaticword.Address') }} : </label>
                {{-- <textarea name="address" class="form-control" rows="1"  placeholder="{{ __('adminstaticword.Enter') }} adderss" value="">{{ $user->address }}</textarea> --}}
                <input id="address" name="address" class="form-control" placeholder="{{ __('adminstaticword.Enter') }} {{ __('adminstaticword.Address') }}" value="{{ $user->address }}">
              </div>
              
            </div>
            <br>

            <div class="row">
              {{--<div class="col-md-3">
                <label for="exampleInputTit1e">{{ __('adminstaticword.Verified') }} :</label>
                <li class="tg-list-item">
                  <input class="tgl tgl-skewed" id="verified"  type="checkbox"  {{ $user->email_verified_at != NULL ? 'checked' : '' }}>
                  <label class="tgl-btn" data-tg-off="否" data-tg-on="是" for="verified"></label>
                </li>
                <input type="hidden" name="verified" value="{{ $user->verified }}" id="verified">
              </div>--}}

              <div class="col-md-3">
                <label for="exampleInputTit1e">{{ __('adminstaticword.Status') }} :</label>
                <li class="tg-list-item">              
                  <input class="tgl tgl-skewed" id="jeet120" type="checkbox" {{ $user->status == '1' ? 'checked' : '' }} >
                  <label class="tgl-btn" data-tg-off="關閉" data-tg-on="啟用" for="jeet120"></label>
                </li>
                <input type="hidden"  name="status" value="{{ $user->status }}" id="jeet121">
              </div>

              <div class="col-md-3">
                <label for="exampleInputTit1e">推薦 :</label>
                <li class="tg-list-item">              
                  <input class="tgl tgl-skewed" id="jeet125" type="checkbox" {{ $user->featured == '1' ? 'checked' : '' }} >
                  <label class="tgl-btn" data-tg-off="關閉" data-tg-on="啟用" for="jeet125"></label>
              </li>
                <input type="hidden"  name="featured" value="{{ $user->featured }}" id="jeet126">
              </div>
             
            </div>
            <br>

            <div class="row">
              <div class="col-md-6">
                <label>{{ __('adminstaticword.Image') }} :</label> <p class="inline info">{{ __('adminstaticword.Recommendedsize') }} 625x625</p>
                <br>
                <input type="file" name="user_img" accept="image/*" class="form-control">
              </div>
              <div class="col-md-6">
                @if($user->user_img != null || $user->user_img !='')
                  <div class="edit-user-img">
                    <img src="{{ gc_asset('images/user_img/'.$user->user_img) }}" class="img-fluid" alt="User Image" class="img-responsive">
                  </div>
                @else
                  <div class="edit-user-img">
                    <img src="{{ gc_asset('images/default/user.jpg')}}" class="img-fluid" alt="User Image" class="img-responsive">
                  </div>
                @endif
              </div>
            </div>
            <br>


            <div class="row">
              <div class="col-md-12">
                <div class="update-password">
                  <label for="box1"> {{ __('adminstaticword.UpdatePassword') }} :</label>
                  <input type="checkbox" id="myCheck" name="update_pass" onclick="myFunction()">
                </div>
              </div>
            </div>

            <div class="row display-none" id="update-password">
              <div class="col-md-6">
                <label>{{ __('adminstaticword.Password') }}</label>
                <input type="password" name="password" class="form-control" placeholder="{{ __('adminstaticword.Enter') }} {{ __('adminstaticword.Password') }}" autocomplete="new-password">
              </div>
              <div class="col-md-6">
                <label>{{ __('adminstaticword.ConfirmPassword') }}</label>
                <input type="password" name="confirmpassword" class="form-control" placeholder="{{ __('adminstaticword.ConfirmPassword') }}">
              </div>
            </div>
            <br>
            <br>

            


            <div class="row">
              <div class="col-md-12">
                <label for="details">{{ __('adminstaticword.Detail') }} :<sup class="redstar">*</sup></label>
                <textarea id="details" name="detail" class="form-control" rows="5" placeholder="{{ __('adminstaticword.Enter') }} {{ __('adminstaticword.Detail') }}">{{ $user->detail }}</textarea>
              </div>
            </div>
            <br>


            <div class="row">
              <div class="col-md-12">
                <label for="google_id">Google :</label>
                <input type="text" id="google_id" value="{{ $user->google_id }}" disabled>
              </div>
              <div class="col-md-12">
                <label for="facebook_id">FB :</label>
                <input type="text" id="facebook_id" value="{{ $user->facebook_id }}" disabled>
              </div>
              <div class="col-md-12">
                <label for="line_id">Line :</label>
                <input type="text" id="line_id" value="{{ $user->line_id }}" disabled>
              </div>
              <div class="col-md-12">
                <label for="op_id">OP會員 :</label>
                <input type="text" id="op_id" value="{{ $user->op_id }}" disabled>
              </div>
              <div class="col-md-12">
                <label for="">ICashPay :</label>
                {{ $user->icashpay_token ? '已綁定' : '未綁定' }}
              </div>
              <div class="col-md-12">
                <label for="">信用卡 :</label>
                {{ $user->cathay_card_id ? '已綁定' : '未綁定' }}
              </div>
            </div>
            <br>


            {{--<div class="box-header with-border">
              <h3 class="box-title">{{ __('adminstaticword.SocialProfile') }}</h3>
            </div>
            <br>

            <div class="row">
              <div class="col-md-6">
                <label for="fb_url">
                {{ __('adminstaticword.FacebookUrl') }} :
                </label>
                <input autofocus name="fb_url" value="{{ $user->fb_url }}" type="text" class="form-control" placeholder="Facebook.com/"/>
              </div>
              <div class="col-md-6">
                <label for="youtube_url">
                {{ __('adminstaticword.YoutubeUrl') }} :
                </label>
                <input autofocus name="youtube_url" value="{{ $user->youtube_url }}" type="text" class="form-control" placeholder="youtube.com/"/>
                <br>
              </div>
            
              <div class="col-md-6">
                <label for="twitter_url">
                {{ __('adminstaticword.TwitterUrl') }} :
                </label>
                <input autofocus name="twitter_url" value="{{ $user->twitter_url }}" type="text" class="form-control" placeholder="Twitter.com/"/>
              </div>
              <div class="col-md-6">
                <label for="linkedin_url">
                {{ __('adminstaticword.LinkedInUrl') }} :
                </label>
                <input autofocus name="linkedin_url" value="{{ $user->linkedin_url }}" type="text" class="form-control" placeholder="Linkedin.com/"/>
              </div>
            </div>--}}

            <div class="box-footer">
              <button type="submit" class="btn btn-md btn-primary">
                <i class="fa fa-save"></i> {{ __('adminstaticword.Save') }}
              </button>
            </form>
              <a href="{{ route('user.index') }}" title="Cancel and go back" class="btn btn-md btn-default btn-flat ">
                <i class="fa fa-reply"></i> {{ __('adminstaticword.Back') }}
              </a>
            </div>
            <br>

          </form>
        </div>
        <!-- /.panel body -->
      </div>
      <!-- /.box -->
    </div>
    <!-- /.col -->
  </div>
  <!-- /.row -->
</section>

@endsection

@section('scripts')

<script>
(function($) {
  "use strict";

  $( function() {
    $( "#dob,#doa" ).datepicker({
      changeYear: true,
      yearRange: "-100:+0",
      dateFormat: 'yy/mm/dd',
    });
  });
  

  $('#married_status').change(function() {
      
    if($(this).val() == 'Married')
    {
      $('#doaboxxx').show();
    }
    else
    {
      $('#doaboxxx').hide();
    }
  });

  $(function() {
    var urlLike = '{{ url('country/dropdown') }}';
    $('#country_id').change(function() {
      var up = $('#upload_id').empty();
      var cat_id = $(this).val();    
      if(cat_id){
        $.ajax({
          headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          },
          type:"GET",
          url: urlLike,
          data: {catId: cat_id},
          success:function(data){   
            console.log(data);
            up.append('<option value="0">Please Choose</option>');
            $.each(data, function(id, title) {
              up.append($('<option>', {value:filter(id), text:filter(title)}));
            });
          },
          error: function(XMLHttpRequest, textStatus, errorThrown) {
            console.log(XMLHttpRequest);
          }
        });
      }
    });
  });

  $(function() {
    var urlLike = '{{ url('country/gcity') }}';
    $('#upload_id').change(function() {
      var up = $('#grand').empty();
      var cat_id = $(this).val();    
      if(cat_id){
        $.ajax({
          headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          },
          type:"GET",
          url: urlLike,
          data: {catId: cat_id},
          success:function(data){   
            console.log(data);
            up.append('<option value="0">Please Choose</option>');
            $.each(data, function(id, title) {
              up.append($('<option>', {value:filter(id), text:filter(title)}));
            });
          },
          error: function(XMLHttpRequest, textStatus, errorThrown) {
            console.log(XMLHttpRequest);
          }
        });
      }
    });
  });

})(jQuery);
</script>

<script>
  function myFunction() {
    var checkBox = document.getElementById("myCheck");
    var text = document.getElementById("update-password");
    if (checkBox.checked == true){
      text.style.display = "block";
    } else {
       text.style.display = "none";
    }
  }

</script>

{{-- tw-city-selector --}}
<script src="{{ asset('js/tw-city-selector.min.js') }}"></script>
<script>
   new TwCitySelector({
            el: '.city-selector-set',
            elCounty: '.county', // 在 el 裡查找 element
            elDistrict: '.district', // 在 el 裡查找 element
            elZipcode: '.zipcode' // 在 el 裡查找 element
        });
</script>

@endsection