@extends('layouts.admin')

@section('breadcrumb-item')
    <li class="breadcrumb-item active"><a href="#">User Details</a></li>
@endsection

@section('content')
    <div class="card">
        <div class="card-header bg-theme">User Details</div>
        <div class="card-body">
            <table class="table table-hover">
                <thead>
                <tr>
                    <th colspan="2" class="border-0 pt-0">
                        <h4 class="text-center">
                            <img class="rounded-circle" src="{{ $user->avatar }}"
                                 alt="{{ $user->name }}" height="150" width="150">
                        </h4>
                    </th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <th>Name:</th>
                    <td>{{ $user->name }}</td>
                </tr>
                <tr>
                    <th>Mobile Number:</th>
                    <td>{{ $user->mobile }}</td>
                </tr>
                <tr>
                    <th>Email Address:</th>
                    <td>{{ $user->email }}</td>
                </tr>
                <tr>
                    <th>Address:</th>
                    <td>{{$user->address}}</td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
@endsection