@extends('user.template')
@section('content')
<div class="content-wrapper">
    <div class="row">
    <div class="col-sm-5">
        <div class="card mb-3">
            <div class="card-body m-5 text-center">
                <img src="https://ui-avatars.com/api/?name={{$user->nama}}&amp;color=7F9CF5&amp;background=EBF4FF" style="border-radius: 10px" class="pb-3 mb-3" alt="profile"> <br>
                <strong>{{$user->nama}}</strong> <br>
                <small>{{$user->entitas}}</small> <br>
                <small><i>Role : {{$user->role}}</i></small>
            </div>
        </div>
    </div>
    <div class="col-sm-7">
        
        <div class="card mb-3">
            <div class="card-body">
                <b>Update Profil</b> <br>
                <hr>

                <form action="{{route('user.profil.update')}}" method="post" > @method('put') @csrf
                    <input type="hidden" name="id" value="{{$user->id}}">
                    <div class="form-group row">
                        <label for="inputPassword" class="col-sm-4 col-form-label">Nama</label>
                        <div class="col-sm-8">
                            <input type="text" value="{{$user->nama}}" name="nama" placeholder="Nama" class="form-control" id="inputPassword">
                            @error('nama')
                                <div class="text-danger mt-2">{{$message}}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="username" class="col-sm-4 col-form-label">Username</label>
                        <div class="col-sm-8">
                            <input type="username" value="{{$user->username}}" name="username" placeholder="Username" class="form-control" id="username">
                            @error('username')
                                <div class="text-danger mt-2">{{$message}}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="inputPassword" class="col-sm-4 col-form-label"></label>
                        <div class="col-sm-8">
                            <button class="btn btn-outline-secondary btn-block" style="border-radius: 10px">Simpan</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>

        <div class="card">
            <div class="card-body">

                <b>Update Password</b> <br>
                <hr>

                <form action="{{route('user.profil.password')}}" method="post"> @method('put') @csrf
                    <input type="hidden" name="id" value="{{$user->id}}">
                    <div class="form-group row">
                        <label for="inputPassword" class="col-sm-4 col-form-label">Password Lama</label>
                        <div class="col-sm-8">
                            <input type="password" name="passwordlama" class="form-control" placeholder="Password Lama" id="inputPassword">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="inputPassword" class="col-sm-4 col-form-label">Password Baru</label>
                        <div class="col-sm-8">
                            <input type="password" name="passwordbaru" class="form-control" placeholder="Password Baru" id="inputPassword">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="inputPassword" class="col-sm-4 col-form-label">Konfirmasi Password Baru</label>
                        <div class="col-sm-8">
                            <input type="password" name="cpasswordbaru" class="form-control" placeholder="Konfirmasi Password Lama" id="inputPassword">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="inputPassword" class="col-sm-4 col-form-label"></label>
                        <div class="col-sm-8">
                            <button class="btn btn-outline-secondary btn-block" style="border-radius: 10px">Simpan</button>
                        </div>
                    </div>

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