@extends('layouts.app')

@section('title', $record->name)

@section('content')
    <x-page-header :title="$record->name">
        @can('update', $record)
            <a href="{{ route('{{ key }}.edit', $record) }}" class="btn btn-sm px-btn-ghost">
                <i class="bi bi-pencil"></i> {{ __('common.edit') }}
            </a>
        @endcan

        @can('delete', $record)
            <x-confirm-delete :action="route('{{ key }}.destroy', $record)" />
        @endcan
    </x-page-header>

    <x-px.panel>
        <dl class="px-totals mb-0">
            <div class="px-totals__row">
                <dt>{{ __('{{ key }}::messages.singular') }}</dt>
                <dd>{{ $record->name }}</dd>
            </div>
        </dl>
    </x-px.panel>
@endsection