@extends('layouts.backend')

@section('css_after')
    <link href="{{ asset('plugins/jquery-file-upload/css/jquery.fileupload.css')}}" rel="stylesheet"/>
    <link href="{{ asset('plugins/jquery-file-upload/css/jquery.fileupload.css')}}" rel="stylesheet"/>
    <link href="{{ asset('plugins/jquery-file-upload/css/jquery.fileupload-ui.css')}}" rel="stylesheet"/>
@endsection

@section('content')
    <!-- Page Content -->
    <div class="content">
        <div class="block">
            <!-- Your Block -->
            <div class="block-header">
                <h1 class="block-title">Change Pass</h1>
            </div>
            <div class="block-content block-content-full">
                <form id="formData">
                    <div class="row" style="margin-left: 15px;margin-right: 15px;">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="name">Old Password</label>
                                <input class="form-control" type="hidden" id="id" name="id" value="{{Session::get('users.id')}}">
                                <input class="form-control" type="password" id="pass" name="pass"  placeholder="Old Password">
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="sku">New Password</label>
                                <input class="form-control" type="password" id="pass_new" name="pass_new" placeholder="New Password">
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="sku">Validate New Password</label>
                                <input class="form-control" type="password" id="pass_validate" name="pass_validate" placeholder="Validate New Password">
                            </div>
                        </div>
                    </div>
                </form>
                <br>
                <br>
                <br>
                <div class="form-group" style="text-align:right;">
                    <a href="/dashboard" class="btn btn-secondary">Cancel</a>
                    <button type="submit" class="btn btn-primary" onclick="submitDataPassword();">Submit</button>
                </div>
            </div>
            <!-- END Your Block -->
        </div>
    </div>
    <!-- END Page Content -->
    <!-- Page Modal -->
    <!-- END Page Modal -->
@endsection

@section('js_after')
    @include('pages.changepass.function')
    <script src="{{ asset('plugins/jquery-file-upload/js/vendor/jquery.ui.widget.js')}}"  type="text/javascript"></script>
    <script src="{{ asset('plugins/jquery-file-upload/js/jquery.iframe-transport.js')}}"  type="text/javascript"></script>
    <script src="{{ asset('plugins/jquery-file-upload/js/jquery.fileupload.js')}}"  type="text/javascript"></script>
    @include('pages.globalFunction')
@endsection