@extends('layouts.app')

@section('content')

<div class="container-fluid">

    @if(session('success'))
        <div class="alert alert-success">
            {{ session('success') }}
        </div>
    @endif

    <div class="card shadow border-0">

        <div class="card-header bg-primary text-white">

            <h4 class="mb-0">

                <i class="bi bi-person-circle"></i>

                Profil Pengguna

            </h4>

        </div>

        <div class="card-body">

            <div class="row">

                <!-- FOTO -->

                <div class="col-md-4 text-center">

                    @if(Auth::user()->foto)

                        <img src="{{ asset('storage/'.Auth::user()->foto) }}"
                             class="rounded-circle shadow"
                             width="180"
                             height="180"
                             style="object-fit:cover;">

                    @else

                        <img src="https://ui-avatars.com/api/?name={{ urlencode(Auth::user()->nama) }}&background=0D6EFD&color=fff&size=200"
                             class="rounded-circle shadow">

                    @endif

                    <br><br>

                    <h4>

                        {{ Auth::user()->nama }}

                    </h4>

                    <span class="badge bg-success">

                        {{ strtoupper(Auth::user()->role) }}

                    </span>

                </div>

                <!-- DATA -->

                <div class="col-md-8">

                    <table class="table table-borderless">

                        <tr>

                            <th width="220">

                                Nama Lengkap

                            </th>

                            <td>

                                {{ Auth::user()->nama }}

                            </td>

                        </tr>

                        <tr>

                            <th>

                                Username

                            </th>

                            <td>

                                {{ Auth::user()->username }}

                            </td>

                        </tr>

                        <tr>

                            <th>

                                Email

                            </th>

                            <td>

                                {{ Auth::user()->email }}

                            </td>

                        </tr>

                        <tr>

                            <th>

                                Role

                            </th>

                            <td>

                                {{ ucfirst(str_replace('_',' ',Auth::user()->role)) }}

                            </td>

                        </tr>

                        <tr>

                            <th>

                                Bergabung Sejak

                            </th>

                            <td>

                                {{ Auth::user()->created_at->format('d F Y') }}

                            </td>

                        </tr>

                    </table>

                    <hr>

                    <a href="{{ route('profil.edit') }}"
                       class="btn btn-warning">

                        <i class="bi bi-pencil-square"></i>

                        Edit Profil

                    </a>

                    <a href="{{ route('profil.password') }}"
                       class="btn btn-danger">

                        <i class="bi bi-key-fill"></i>

                        Ubah Password

                    </a>

                </div>

            </div>

        </div>

    </div>

</div>

@endsection