@php
    $title = 'View Profile';
@endphp

@extends('layouts.auth')
@section('content')
<div class="content">
   <div class="card card-default card-profile">
      <div class="card-header-bg" style="background-image:url({{asset('assets/auth')}}/images/cover.webp)"></div>
      <div class="card-body card-profile-body">
         <div class="profile-avata">
            <img style="width: 120px; height: 120px; object-fit: cover; object-position: top center;" 
            class="rounded-circle" src="{{asset('assets')}}/public/images/judge2.jpg" alt="Avata Image">
            <span class="h5 d-block mt-3 mb-2">{{$user->name}}</span>
            <span class="d-block">{{$user->email}}</span>
         </div>
         <ul class="nav nav-profile-follow">
            <li class="nav-item">
               <a class="nav-link">
               <span class="mdi mdi-facebook-box">Facebook</span>
               <span class="text-color d-block"></span>
               </a>
            </li>
            <li class="nav-item">
               <a class="nav-link">
               <span class="mdi mdi-whatsapp">Whatsapp</span>
               <span class="text-color d-block"></span>
               </a>
            </li>
         </ul>
         <div class="profile-button">
            <a class="btn btn-primary btn-pill" href="{{ route('profile.edit') }}"><i class="mdi mdi-square-edit-outline"></i> Edit Profile</a>
         </div>
      </div>
      {{-- <div class="card-footer card-profile-footer">
         <ul class="nav nav-border-top justify-content-center">
            <li class="nav-item">
               <a class="nav-link active" href="user-profile.html">Profile</a>
            </li>
            <li class="nav-item">
               <a class="nav-link" href="user-activities.html">Activities</a>
            </li>
            <li class="nav-item">
               <a class="nav-link" href="user-profile-settings.html">Settings</a>
            </li>
         </ul>
      </div> --}}
   </div>
</div>
@endsection