DSW/UT8/Library/resources/views/penalties/show.blade.php

<!--
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 mb-3">
        <h1 class="col-12 mb-0 text-center">Penalty information</h1>
    </div>
    <div class="row">
        <div class="col-lg-4 col-md-6 col-sm-10 col-12 mx-auto">
            <div class="container">
                <div class="row mb-3">
                    <span class="col-md-4 col-12 my-md-auto mb-2">User name</span>
                    <span class="col-md-8 col-12">{{ $penalty->user->name }}</span>
                </div>
                <div class="row mb-3">
                    <span class="col-md-4 col-12 my-md-auto mb-2">User email</span>
                    <span class="col-md-8 col-12">{{ $penalty->user->email }}</span>
                </div>
                <div class="row mb-3">
                    <span class="col-xl-4 col-12 my-xl-auto mb-2">User image</span>
                    <img src="{{ asset($penalty->user->image) }}"  class="col-xl-6 col-12 mb-xl-0 mb-2 img-thumbnail" alt="{{ $penalty->user->name }}"/>
                </div>
                <div class="row">
                    <span class="col-md-4 col-12 my-md-auto mb-2">End</span>
                    <span class="col-md-8 col-12">{{ \Carbon\Carbon::parse($penalty->end)->format('d/m/Y') }}</span>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection