<x-admin.contents>
    <x-slot:title>{{ $data['title'] }}</x-slot:title>
    {{-- slot page --}}
    <x-slot:page>{{ $data['page'] }}</x-slot:page>
    {{-- menu active --}}
    <x-slot:menuActive>{{ $data['menuActive'] }}</x-slot:menuActive>
    <x-slot:menuOpen>{{ $data['menuOpen'] }}</x-slot:menuOpen>

    <x-slot:head>
        <link rel="stylesheet" href="{{ asset('') }}assets/plugins/sweetalert2/sweetalert2.min.css">
    </x-slot:head>







    <section class="content">

        <!-- Default box -->
        <div class="row">
            <div class="col-md-6">
                <x-message></x-message>
                <div class="card card-primary card-outline">
                    <div class="card-header">
                        <h3 class="card-title"><i class="fa fa-server text-primary"></i> {{ $data['page'] }}</h3>
                    </div>
                    <form action="ubahpassword" method="POST">
                        @csrf
                        <div class="card-body">
                            <div class="form-group row">
                                <label for="inputPassword3" class="col-sm-5 col-form-label">Username</label>
                                <div class="col-sm-7">
                                    <input type="text" class="form-control" id="inputPassword3"
                                        value="{{ Auth::user()->username }}" readonly>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="inputPassword3" class="col-sm-5 col-form-label">Password Lama</label>
                                <div class="col-sm-7">
                                    <input type="password" name="pass_lama" class="form-control" id="inputPassword3"
                                        placeholder="Password Lama">
                                    @error('pass_lama')
                                        <small class="text-danger mt-2">
                                            {{ $message }}
                                        </small>
                                    @enderror
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="inputPassword3" class="col-sm-5 col-form-label">Password Baru</label>
                                <div class="col-sm-7">
                                    <input type="password" name="password" class="form-control" id="inputPassword3"
                                        placeholder="Password Baru">
                                    @error('password')
                                        <small class="text-danger mt-2">
                                            {{ $message }}
                                        </small>
                                    @enderror
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="inputPassword3" class="col-sm-5 col-form-label">Konfirmasi Password
                                    Baru</label>
                                <div class="col-sm-7">
                                    <input type="password" name="password_confirmation" class="form-control"
                                        id="inputPassword3" placeholder="Konfirmasi Password Baru">
                                    @error('password_confirmation')
                                        <small class="text-danger mt-2">
                                            {{ $message }}
                                        </small>
                                    @enderror
                                </div>
                            </div>
                        </div>
                        <div class="card-footer">
                            <button type="reset" class="btn btn-default"><i class="fa fa-sync-alt"></i>
                                Reset</button>
                            <button class="btn btn-primary float-right"><i class="fa fa-save"></i> Simpan </button>
                        </div>
                    </form>
                </div>
            </div>


        </div>
        <!-- /.card -->

    </section>





    <x-slot:foot>
    </x-slot:foot>
</x-admin.contents>
