@extends('Backend.Layouts.app')
@php
    $page_title = "profile";
@endphp

@section('content')
<div class="container">

    <section class="card d-flex justify-content-center">
        <div class="card-body">
            <p class="text-center"><i class="fa fa-user-circle text-success  fa-4x"></i></p>
            <h4 class="text-center"> {{ $user->name }}</h4>
            <p class="text-center"> {{ $user->username }}</p>
        </div>
    </section>

   <div class="row">
    <div class="col-md-6">
        <section class="card d-flex justify-content-center">
            <div class="card-header">Contact Info</div>
            <div class="card-body">
                <p>Email: {{ $user->email }}</p> 
                <p>Phone Number: {{ $user->phone_number }}</p>
                <p>Gender: {{ $user->gender }}</p> 
                <p>Role: {{ $user->role_name() }}</p>
            </div>
        </section>
    </div>

    <div class="col-md-6">
        <section class="card d-flex justify-content-center">
            <div class="card-header">User Permissions</div>
            <div class="card-body">
                @foreach ( $user->permissions() as $permission )
                   <p> {{ ucwords( clean_text( $permission ) ) }} </p>
                @endforeach
            </div>
        </section>
    </div>
   </div>

</div>
@stop