@extends('layout.master')
@section('parentPageTitle', 'Home')
@section('title', 'Change Password')


@section('content')
<div class="section-body mt-3">
        <div class="container-fluid">
            <div class="card">
                <div class="card-body">
                    <form id="frm_change_password" action="#">
                    @csrf
                        <div class="row clearfix">
                            <div class="col-lg-12 col-md-12 col-sm-12">
                                <div class="form-group">
                                    <label for="old_password" class="col-sm-3 col-form-label">Old Password<span class="required" style="color: red;"> *</span></label>
                                    <input type="password" id="old_password" name="old_password" class="form-control col-sm-10" placeholder="Old Password">
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-12 col-sm-12">
                                <div class="form-group">
                                    <label for="new_password" class="col-sm-3 col-form-label">New Password<span class="required" style="color: red;"> *</span></label>
                                    <input type="password" id="new_password" name="new_password" class="form-control col-sm-10" placeholder="New Password">
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-12 col-sm-12">
                                <div class="form-group">
                                    <label for="confirm_password" class="col-sm-3 col-form-label">Confirm Password<span class="required" style="color: red;"> *</span></label>
                                    <input type="password" id="confirm_password"  name="confirm_password" class="form-control col-sm-10" placeholder="Confirm Password">
                                </div>
                            </div>

                            <div class="col-12">
                                <div align="left">
                                    <button type="submit" id="to_change_password"class="btn btn-primary">Ubah</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>            
    </div>
@stop

@section('page-styles')
<link rel="stylesheet" href="{{ asset('assets/plugins/sweetalert/sweetalert.css') }}">
<link rel="stylesheet" href="{{ asset('assets/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css') }}">

@stop

@section('page-script')
<script src="{{ asset('assets/plugins/sweetalert/sweetalert.min.js') }}"></script>

<script src="{{ asset('assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js') }}"></script>
<script src="{{ asset('assets/js/core.js') }}"></script>
<script src="{{ asset('assets/js/page/dialogs.js') }}"></script>
@stop