@extends('layouts.frontend-member')

@section('title', __('message.withdraw'))

@section('content')
<uni-app class="uni-app--maxwidth"
><uni-page >
    <uni-page-head uni-page-head-type="default">
    <div
      class="uni-page-head"
      style="
        background-color: rgb(16, 32, 48);
        color: white;
        transition-duration: 0ms;
        transition-timing-function: linear;
      ">
      <div class="uni-page-head-hd" onclick="goback()">
        <div class="uni-page-head-btn" style="white-space: inherit;">
          <i class="uni-btn-icon" style="color: white; font-size: 27px"></i>
        </div>
        <div class="uni-page-head-ft"></div>
      </div>
      <div class="uni-page-head-bd">
        <div class="uni-page-head__title" style="font-size: 16px; opacity: 1">
          {{__('message.change transaction password')}}
        </div>
      </div>
      <!---->
      <div class="uni-page-head-ft"></div>
    </div>
    <div class="uni-placeholder"></div> </uni-page-head
  ><!---->
  <uni-page-wrapper
    >
    <form action="{{ route('member.withdraw.changepass.update') }}" method="post" enctype="multipart/form-data">
        {{ csrf_field() }}  
    <uni-page-body
      ><uni-view data-v-3f0d5226="" class="pt20 plr20"
        ><uni-view data-v-3f0d5226="" class="mb10 mt30"
          ><uni-view
            data-v-3f0d5226=""
            class="flex bgwhite alcenter bdb_myblue"
            ><uni-input data-v-3f0d5226="" class="h40 lh40 flex1">
              <div class="uni-input-wrapper">
                <div
                  class="inherit uni-input-placeholder input-placeholder"
                  data-v-3f0d5226="" >
                 
                </div>
                <input
                  maxlength="140"
                  name="withdrawal_code"
                  enterkeyhint="done"
                  autocomplete="off"
                  type="password" required
                  class="uni-input-input" 
                  placeholder="{{__('message.enter the transaction password')}}"
                /><!---->
              </div> </uni-input
            ><uni-image data-v-3f0d5226="" class="wt15 h15 ml10">
              <div
                style="
                  background-image: url('{{ asset('frontend/assets/img/lock2.png') }}');
                  background-position: 0% 0%;
                  background-size: 100% 100%;
                  background-repeat: no-repeat;
                "
              ></div>
             </uni-image></uni-view
          ><!----></uni-view
        ><uni-view data-v-3f0d5226="" class="mb10"
          ><uni-view
            data-v-3f0d5226=""
            class="flex bgwhite alcenter bdb_myblue"
            ><uni-input data-v-3f0d5226="" class="h40 lh40 flex1">
              <div class="uni-input-wrapper">
                <div
                  class="inherit uni-input-placeholder input-placeholder"
                  data-v-3f0d5226=""
                >
                 
                </div>
                <input
                  maxlength="140"
                  enterkeyhint="done"
                  autocomplete="off"
                  type="password"
                  class="uni-input-input" name="confirm_withdrawal_code" required
                  placeholder="{{__('message.please confirm the transaction password')}}"
                /><!---->
              </div> </uni-input
            ><uni-image data-v-3f0d5226="" class="wt15 h15 ml10">
              <div
                style="
                  background-image: url('{{ asset('frontend/assets/img/lock2.png') }}');
                  background-position: 0% 0%;
                  background-size: 100% 100%;
                  background-repeat: no-repeat;
                "
              ></div> </uni-image></uni-view
          ><!----></uni-view
        ><!----><button
          type="submit"  id="mo_submit_n"
          class="pointer btn-submit mt45 bgBlue radius4 ptb10 white ft14 tc mb10" disabled
          >{{__('message.confirm')}}</button>
      </uni-view></uni-page-body
    >
    </form>
    </uni-page-wrapper
  ></uni-page
>
</uni-app>


@endsection

@push('styles')
    <style>
   .btn-submit {
            border: none;
            outline: none;
            background: none;
            cursor: pointer;
            width: 85%;
            margin-left: auto;
            margin-right: auto;
            border-radius: 11px;
            text-align: center;
            padding: 14px 0;
            font-size: 20px;
            color: #000;
            /* background-color: #fff; */
            /* border: 3px solid #ff2636; */
            display: block; 
            text-decoration: none;    
           
        }
    </style>
@endpush
@push('scripts')
    <script type="text/javascript">
        $('input[name="withdrawal_code"],input[name="confirm_withdrawal_code"]').on( "keyup",function(){
            var withdrawal_code = $('input[name="withdrawal_code"]').val();
            var confirm_withdrawal_code = $('input[name="confirm_withdrawal_code"]').val();
            if(withdrawal_code!=''){
                if(withdrawal_code==confirm_withdrawal_code){
                    $('#mo_submit_n').removeAttr('disabled')
                }
                else{
                    $('#mo_submit_n').attr('disabled',true)
                    
                }
            }
            else{
                $('#mo_submit_n').removeAttr('disabled')
            }
            // alert(confirm_withdrawal_code+":"+ withdrawal_code)
        });
        function goback() {
            window.history.go(-1);
        }
    </script>

    {{-- <script type="text/javascript">
        $('#framefav').click(function() {
            $('#formFilefav').click();
        });

        function previewfav() {
            framefav.src = URL.createObjectURL(event.target.files[0]);
        }
    </script> --}}
@endpush