@extends('layouts.app')

@section('content')

<div class="container-xxl">
    <div class="row clearfix">
        <div class="col-md-12">
            <div class="card border-0 mb-4 no-bg">
                <div class="card-header py-3 px-0 d-sm-flex align-items-center  justify-content-between border-bottom">
                    <h5 class=" fw-bold flex-fill mb-0 mt-sm-0">Ganti Password</h5>
                </div>
            </div>
        </div>
    </div>
    <div class="col">
        <div class="card teacher-card">
            <div class="card-body d-flex">
                <div class="teacher-info ps-xl-4 ps-md-3 ps-sm-4 ps-4 w-100">
                    <form method="post" action="{{ route('user.change', Auth::user()->id) }}" enctype="multipart/form-data">
                        {{ Form::hidden('id', Auth::user()->id) }}
                        @csrf
                        <div class="row g-3 align-items-center">
                            <div class="col-md-6">
                                <label for="password" class="form-label">Password</label>
                                <input type="password" class="form-control form-control-sm" id="password" name="password" required>
                            </div>
                        </div>
                        <button type="submit" class="btn btn-primary mt-4">Submit</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection