@php
    use Carbon\Carbon;
    $title = $role->name;
@endphp
@extends('layouts.app')
@section('title', $title)
@section('content')
    <div class="flex justify-between items-center">
        @include('shared.button', ['type' => 'back', 'url' => route('roles.index')])
        @include('shared.title', [$title])
        @include('shared.fake-div')
    </div>
    <hr class="my-5 border-gray-300 dark:border-gray-700">
    <ul class="space-y-5">
        <li>
            Name : {{ $role->name }}
        </li>
        <li>
            {{ 'Created At : ' . Carbon::parse($role->created_at)->format('Y/m/d | H:i:s') }}
        </li>
        <li>
            {{ 'Updated At : ' . Carbon::parse($role->updated_at)->format('Y/m/d | H:i:s') }}
        </li>
    </ul>
    <h3 class="text-2xl my-5">
        Permissions :
    </h3>
    <ul class="space-y-5">
        @foreach($role->Permissions as $key => $permission)
            <li>
                {{ $key + 1 }} - {{ $permission->name }}
            </li>
        @endforeach
    </ul>
    <hr class="my-5 border-gray-300 dark:border-gray-700">
    <div class="flex space-x-2">
        @include('shared.button', ['type' => 'edit', 'url' => route('roles.edit', $role)])
        @include('shared.button', ['type' => 'delete', 'url' => route('roles.destroy', $role)])
    </div>
@endsection