@extends ('backend.layouts.app')

@section ('title', __('page::labels.backend.page.management'))

@section('breadcrumb-links')
    @include('page::includes.breadcrumb-links')
@endsection

@push('after-styles')

@endpush

@section('content')
<div class="card">
    <div class="card-body">
        <div class="row">
            <div class="col-sm-5">
                <h4 class="card-title mb-0">
                    {{ __('page::labels.backend.page.management') }}
                    <small class="text-muted">{{ __('page::labels.backend.page.show') }}</small>
                </h4>
            </div><!--col-->
        </div><!--row-->

        <div class="row mt-4 mb-4">
            <div class="col">
                <table class="table table-hover">
                        <tbody>
                            <tr>
                                <th>{{ __('page::labels.backend.page.table.page') }}</th>
                                <td>{{ $page->page }}</td>
                            </tr>
                            <tr>
                                <th>{{ __('page::labels.backend.page.table.meta_tags') }}</th>
                                <td>{!! $page->meta_tags !!}</td>
                            </tr>
                            <tr>
                                <th>{{ __('page::labels.backend.page.table.keyword') }}</th>
                                <td>{!! $page->keyword !!}</td>
                            </tr>
                            <tr>
                                <th>{{ __('page::labels.backend.page.table.title') }}</th>
                                <td>{!! $page->title !!}</td>
                            </tr>
                            <tr>
                                <th>{{ __('page::labels.backend.page.table.content') }}</th>
                                <td>{!! $page->content !!}</td>
                            </tr>
                            <tr>
                                <th>{{ __('page::labels.backend.page.table.mm_title') }}</th>
                                <td>{!! $page->mm_title !!}</td>
                            </tr>
                            <tr>
                                <th>{{ __('page::labels.backend.page.table.mm_content') }}</th>
                                <td>{!! $page->mm_content !!}</td>
                            </tr>
                        </tbody>
                    </table>
            </div><!--col-->
        </div><!--row-->
    </div><!--card-body-->

    <div class="card-footer">
        <div class="row">
            <div class="col">
                <small class="float-right text-muted">
                    <strong>{{ __('page::labels.backend.page.table.created') }}:</strong> {{ $page->created_at->timezone(get_user_timezone()) }} ({{ $page->created_at->diffForHumans() }}),
                    <strong>{{ __('page::labels.backend.page.table.last_updated') }}:</strong> {{ $page->updated_at->timezone(get_user_timezone()) }} ({{ $page->updated_at->diffForHumans() }})
                </small>
            </div><!--col-->
        </div><!--row-->
    </div><!--card-footer-->
</div><!--card-->
@endsection

@push('after-scripts')

<script>


</script>
@endpush