@extends('layouts.agency')

@section('title', __('website.change_password').' | ITVJP.COM Seller')

@section('style-libraries')

@stop

@section('content')
 <div id="content">
    <section id="account" class="mb-30">
        <div class="w3-container">
            <h3 class="fw-700 text-center">{{ __('message.admin_dashboard')}}</h3>
            <p>{{ @$sub_page }}</p>
            <div class="w3-row mt-20">
                <div class="w3-col s12 m3 mb-30">
                    <div class="w3-card pro-menu">
                        @include('pages.agency.profile.nav', ['action' => @$action])
                    </div>
                </div>
                <div class="w3-col s12 m9" >
                    <div class="w3-card">
                        <h4 class="text-center">{{ __('website.change_password') }}</h4>
                        <form method="POST" id="change-password" action="">
                            {!! csrf_field() !!}
                            <div class="personal__account-security mt-30">
                                <input type="hidden" name="device_id" id="device_id" value="">
                                
                                <div class="form-input">
                                    <label class="w3-text fw-700 @if($errors->has('current_password')) w3-text-red @endif" for="current_password">{{__('website.current_password')}}</label>
                                    <input type="password" class="w3-input w3-border w3-round-large w3-change-password w3-input-coler @if($errors->has('current_password')) w3-border-red @endif" readonly onfocus="this.removeAttribute('readonly');" autocomplete="off" autofill="off" id="current_password" name="current_password" value="{{ old('current_password') }}" placeholder/>
                                    @if($errors->has('current_password'))
                                        <div class="error w3-text-red">{{ $errors->first('current_password') }}</div>
                                    @endif
                                </div>

                                <div class="w3-row mb-20">
                                    <div class="w3-col s6">
                                        <label class="w3-text fw-700 @if($errors->has('new_password')) w3-text-red @endif" for="new_password">{{__('website.new_password')}}</label>
                                        <input type="password" class="w3-input w3-border w3-round-large w3-change-password w3-input-coler @if($errors->has('new_password')) w3-border-red @endif" value="{{ old('new_password') }}" readonly onfocus="this.removeAttribute('readonly');" autocomplete="off" autofill="off" id="new_password" name="new_password" placeholder/>
                                        @if($errors->has('new_password'))
                                            <div class="error w3-text-red">{{ $errors->first('new_password') }}</div>
                                        @endif
                                    </div>
                                    <div class="w3-col s6">
                                        <label class="w3-text fw-700 @if($errors->has('confirm_new_password')) w3-text-red @endif" for="confirm_new_password">{{__('website.confirm_new_password')}}</label>
                                        <input type="password" class="w3-input w3-border w3-round-large w3-change-password w3-input-coler @if($errors->has('confirm_new_password')) w3-border-red @endif" readonly onfocus="this.removeAttribute('readonly');" autocomplete="off" autofill="off" id="confirm_new_password" value="{{ old('confirm_new_password') }}" name="confirm_new_password" placeholder/>
                                        @if($errors->has('confirm_new_password'))
                                            <div class="error w3-text-red">{{ $errors->first('confirm_new_password') }}</div>
                                        @endif
                                    </div>
                                </div>
                                <div class="form-input">
                                    <button class="btn btn-login">{{ trans('website.change_password') }}</button>
                                </div>

                                <div class="w3-center fw-700 mb-20">
                                    <a href="mailto:cs@itvmax.org">cs@itvmax.org</a>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
        
</div>

@endsection
@section('styles')
    <style type="text/css">
        select[readonly].select2 + .select2-container {
          pointer-events: none;
          touch-action: none;
          
          .select2-selection {
            background: #eee;
            box-shadow: none;
          }
          .select2-selection__arrow,
          .select2-selection__clear {
            display: none;
          }
        }
        #auth .w3-modal-content{
            background-color: #00BCD4;
        }
    
    </style>
@stop
@section('scripts')

@stop