@extends('mainlayout.layout')


@section('title')
@endsection

@push('css')

@endpush


@section('content')

<!-- start page title -->
<div class="row">
    <div class="col-12">
        <div class="page-title-box d-flex align-items-center justify-content-between">
            <h4 class="mb-0 font-size-18">Change Password</h4>
        </div>
    </div>
</div>
<!-- end page title -->



<div class="row">
    <div class="col-xl-12">
        <div class="card">
            <div class="card-body">

                <form action="/user/changepassword" method="POST">
                    @csrf

                    <div class="row">

                        <div class="col-lg-4 col-md-4">
                            <div class="form-group">
                                <label for="formrow-inputState">Old Password</label>
                                <input type="password" class="form-control @error('oldpassword') is-invalid @enderror"
                                    name="oldpassword" id="formrow-firstname-input">

                                @error('oldpassword')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                        </div>


                    </div>

                    <div class="row">
                        <div class="col-lg-4 col-md-4">
                            <div class="form-group">
                                <label for="formrow-inputState">New Password</label>
                                <input type="password" class="form-control " name="password"
                                    id="formrow-firstname-input">
                            </div>
                        </div>

                    </div>

                    <div class="row">
                        <div class="col-lg-4 col-md-4">
                            <div class="form-group">
                                <label for="formrow-inputState">Confirm Password</label>
                                <input type="password"
                                    class="form-control  @error('confirm_password') is-invalid @enderror"
                                    name="confirm_password" id="formrow-firstname-input">

                                @error('confirm_password')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                        </div>
                    </div>



                    <div class="row">
                        <div class="col-lg-3">
                            <button class="mt-4 btn btn_blck w-md" style="width:100%;">Change Password</button>
                        </div>
                    </div>

                </form>

            </div>
        </div>
    </div>
</div>


@endsection



@push('scripts')

<!-- twitter-bootstrap-wizard js -->


<script src="{{ asset('/web/assets/libs/select2/js/select2.min.js')}}"></script>
<script src="{{ asset('/web/assets/js/pages/form-advanced.init.js')}}"></script>

<script type="text/javascript">
    $(".propertycompany").hide();
    $(".role").change(function(){

        if($(this).val()=="propertyowner")
        $(".propertycompany").show();
        else
        $(".propertycompany").hide();


        
});

</script>

<script @endpush