@extends('layouts.admin')

@section('content')
<div class="container">
  <div class="content">
    <div class="card">
      <div class="card-header">
        <h6 class="card-title">កែប្រែលេខសម្ងាត់សាខា</h6>
      </div>
      <div class="card-body">
        <form class="" action="{{ route('home.resetPassword')}}" method="post">
          @csrf
          @if ($errors->any())
              <div class="alert alert-danger">
                  <ul style="margin-bottom: 0px">
                      @foreach ($errors->all() as $error)
                          <li>{{ $error }}</li>
                      @endforeach
                  </ul>
              </div>
          @endif
          <div class="form-group row">
            <label class="col-form-label col-lg-2">@lang('keyword.profile-picture')</label>
            <div class="col-lg-10">
              @if($merchant->picture)
                <img id="holder" src="{{ asset('uploads') }}/{{$merchant->picture}}" style="margin-top:15px;max-height:100px;">
              @endif
            </div>

          </div>
          <div class="form-group row">
            <label class="col-form-label col-lg-2">@lang('keyword.brand_code')</label>
            <div class="col-lg-10">
              <input type="text" readonly  value="{{ $merchant->code }}" class="form-control">
            </div>
          </div>
          <div class="form-group row">
            <label class="col-form-label col-lg-2">@lang('keyword.brand_name')</label>
            <div class="col-lg-10">
              <input type="text" readonly  value="{{ $merchant->brand_name }}" class="form-control">
            </div>
          </div>

          <div class="form-group row">
            <label class="col-form-label col-lg-2">ពាក្យសម្ងាត់ថ្មី</label>
            <div class="col-lg-10">
              <input type="password" required name="password"  value="" class="form-control">
              <input type="hidden" required name="id"  value="{{ $merchant->id }}">
            </div>
          </div>
          <div class="form-group row">
            <label class="col-form-label col-lg-2">ផ្ទៀងផ្ទាត់ពាក្យសម្ងាត់ថ្មី</label>
            <div class="col-lg-10">
              <input type="password" required name="password_confirmation"  value="" class="form-control">
            </div>
          </div>

          <div class="row justify-content-between m-1">
            <div class="">
              <input type="submit" name="" class="btn btn-primary" value="រក្សាទុក">
            </div>
          </div>

        </form>
      </div>

    </div>
  </div>
</div>
<script type="text/javascript">

$(document).ready(function(){
  $('#province_selector').on('change',function(){
    var pro_id = $(this).val();
    // console.log(pro_id);
    $.ajax({
      url: "{{route('location.getDistrict')}}",
      method: "post",
      dataType: 'JSON',
      dataSrc: 'data',
      data: {"pro_id": pro_id, "_token": "{{ csrf_token() }}"},
      success: function(data){
          $('select[name="district"]').html('');
          $.each(data.data,function(){
            $('select[name="district"]').append('<option value="'+ this.dis_id +'">'+ this.district +'</option>');
          })
        },
      error: function(){
        alert('Try again later!');
      }
    });
  });
  $('select[name="district"]').on('change',function(){
    var dis_id = $(this).val();
    $.ajax({
      url: "{{route('location.getCommune')}}",
      method: "post",
      dataType: 'JSON',
      dataSrc: 'data',
      data: {"dis_id": dis_id, "_token": "{{ csrf_token() }}"},
      success: function(data){
          $('select[name="commune"]').html('');
          $.each(data.data,function(){
            $('select[name="commune"]').append('<option value="'+ this.com_id +'">'+ this.commune +'</option>');
          })
        },
      error: function(){
        alert('Try again later!');
      }
    });
  });
});

</script>
@endsection