@extends('layouts.main')

@section('title', 'User Management')

@section('breadcrumb')
    <div class="row">
        <div class="col-sm-12">
            <div class="page-title-box">
                <h4 class="page-title">Reset Password</h4>
                <ol class="breadcrumb float-right">
                    <li class="breadcrumb-item"><a href="/">Home</a></li>
                    <li class="breadcrumb-item active">Settings</li>
                    <li class="breadcrumb-item active">Reset Password</li>
                </ol>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
@endsection

@section('content')

    <div class="content-body">
        <div class="row">
            <div class="col-md-7">
                <div class="card bg-card">
                    <div class="card-body">
                        <div class="card-block">
                            {{ Form::model($form, ['method'=>'post', 'autocomplete'=>'off']) }}
                            {{ Form::token() }}
                                <div class="form-body">
                                    <div class="form-group {{ $errors->has('old_password') ? ' has-error' : ''}}">
                                        {{ Form::label('old_password', 'Old Password') }}
                                        <input type="password" id="old_password" class="form-control" placeholder="Old Password" name="old_password" value="">
                                        @if ($errors->has('old_password'))
                                            <span class="help-block">
                                                <strong>{{ $errors->first('old_password') }}</strong>
                                            </span>
                                        @endif
                                    </div>

                                    <div class="form-group {{ $errors->has('new_password') ? ' has-error' : ''}}">
                                        {{ Form::label('new_password', 'New Password') }}
                                        <input type="password" id="new_password" class="form-control" placeholder="New Password" name="new_password" value="">
                                        @if ($errors->has('new_password'))
                                            <span class="help-block">
                                                <strong>{{ $errors->first('new_password') }}</strong>
                                            </span>
                                        @endif
                                    </div>
                                    <div class="form-group {{ $errors->has('r_new_password') ? ' has-error' : ''}}">
                                        {{ Form::label('r_new_password', 'Re-type New Password') }}
                                        <input type="password" id="r_new_password" class="form-control" placeholder="Re-type New Password" name="r_new_password" value="">
                                        @if ($errors->has('r_new_password'))
                                            <span class="help-block">
                                                <strong>{{ $errors->first('r_new_password') }}</strong>
                                            </span>
                                        @endif
                                    </div>
                                </div>
                                <div class="form-actions">
                                    <a class="btn btn-danger btn-custom waves-effect w-md m-b-5" href="{{ url('/') }}">
                                        <i class="mdi mdi-cancel"></i> Cancel
                                    </a>
                                    <button type="submit" class="btn btn-success btn-custom waves-effect w-md waves-light m-b-5">
                                        <i class="mdi mdi-content-save"></i> Save
                                    </button>
                                </div>
                            {{ Form::close() }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('footer_scripts')
    <script>
        $(document).ready(function() {
            changedCountry();
            changedState();

            $("#country_id").change(function(){
                changedCountry();
            });

            $("#state_id").change(function(){
                changedState();
            });
        });

        function changedCountry(){
            $('.state_option').hide();
            $('.country'+$('#country_id').val()).show();
        }

        function changedState(){

        }

        function ShowHidePassword(){
            console.log('norm');
            element = $('#password');
            element.replaceWith(element.clone().attr('type',(element.attr('type') == 'password') ? 'text' : 'password'));
            return false;
        }

    </script>

@endsection