@extends('layouts.web')

@section('content')
<div class="container-fluid pt-3">
    <form action="{{ route('user.update_change_password') }}"
            novalidate class="{{ ($errors->any()) ? 'was-validated' : 'needs-validation' }}"
            method="post"
    >
    @csrf
    <input type="hidden" name="uid" value="{{auth()->user()->id}}">
        <div class="row">
            <div class="col-12">
                <div class="card card-outline card-success">
                    <div class="card-header">
                        <h3 class="card-title">เปลี่ยนรหัสผ่านผู้ใช้</h3>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-4">
                                <div class="form-group">
                                    <label for="username">ชื่อผู้ใช้</label>
                                    <input type="text" class="form-control" id="username" name="username" value="{{ $user->username }}" readonly>
                                </div>
                            </div>
                            <div class="col-4">
                                <div class="form-group">
                                    <label for="name">ชื่อ</label>
                                    <input type="text" class="form-control" id="name" name="name" value="{{ $user->firstname." ".$user->lastname }}" readonly>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-4">
                                <div class="form-group">
                                    <label for="password">รหัสผ่านใหม่ <span class="text-red">*</span></label>
                                    <input type="text" class="form-control" id="password" name="password" placeholder="รหัสผ่านใหม่ อย่างน้อย 6 ตัวอักษร" required>
                                    @error('password')
                                    <div class="text-danger">{{  $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-4">
                                <div class="form-group">
                                    <label for="password_confirmation">ยืนยันรหัสผ่าน <span class="text-red">*</span></label>
                                    <input type="text" class="form-control" id="password_confirmation" name="password_confirmation" placeholder="ยืนยันรหัสผ่าน" required>
                                    @error('password_confirmation')
                                    <div class="text-danger">{{  $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                    </div>  <!-- div card body -->
                </div>
                <div class="row mt-3">
                    <div class="col-12">
                        <div style="float:left">
                            <a href="{{ route('home.index') }}" class="btn btn-outline-secondary"><i class="fas fa-chevron-left"></i> หน้าแรก</a>
                        </div>
                        <div style="float: right">
                            <button type="reset" class="btn btn-outline-secondary" value="reset">ล้างข้อความ</button>
                            <button type="submit" class="btn btn-success ml-2" value="add-course">เปลี่ยนรหัสผ่าน</button>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
@endsection


