<!--
Copyright (C) 2022 Echedey López Romero <elr@disroot.org>

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
-->

@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">Profile</div>
                <div class="card-body">
                    <div class="container px-0">
                        <div class="row mb-3">
                            <span class="col-md-4 text-md-end">{{ __('Name') }}</span>
                            <span class="col-md-6">{{ $user->name }}</span>
                        </div>
                        <div class="row mb-3">
                            <span class="col-md-4 text-md-end">{{ __('Email Address') }}</span>
                            <span class="col-md-6">{{ $user->email }}</span>
                        </div>
                        <div class="row mb-3">
                            <span class="col-md-4 text-md-end">{{ __('Image') }}</span>
                            <img src="{{ $user->image }}"  class="col-md-4" alt="{{ $user->name }}"/>
                        </div>
                        <div class="row mb-3">
                            <span class="col-md-4 text-md-end">{{ __('Role') }}</span>
                            <span class="col-md-6">{{ $role->name }}</span>
                        </div>
                        <div class="row">
                            <div class="col-md-8 offset-md-4">
                                <a href="{{ route('profiles.edit', $user->id) }}" class="btn btn-warning">Edit</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
