{% extends 'admin/base.html.twig' %}

{% block title %}{{ post.title }} | Admin | Universities.com{% endblock %}

{% block body %}
    <div class="container">

        <div class="row">
            <div class="col-md-6">
                <div class="page-title-box">
                    <div class="page-title-right mb-3">
                        <ol class="breadcrumb m-0">
                            <li class="breadcrumb-item"><a href="{{ path("admin_dashboard") }}">Dashboard</a></li>
                            <li class="breadcrumb-item"><a href="{{ path("admin_posts") }}">Posts</a></li>
                            <li class="breadcrumb-item active">{{ post.title }}</li>
                        </ol>
                    </div>
                </div>
                <h1 class="fw-light mb-3">{{ post.title }}</h1>
            </div>
            <div class="col-md-6 text-md-end">
                <a href="{{ path('admin_posts') }}" class="btn btn-primary mb-3">Back to Posts</a>
            </div>
        </div>

        <div class="row">
            <div class="col">
                <div class="card bg-light">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-lg-9">
                                <nav>
                                    <div id="post-nav-tab" class="nav nav-tabs" role="tablist">
                                        <button class="nav-link active" id="post-nav-main-tab" data-bs-toggle="tab" data-bs-target="#post-nav-main" type="button" role="tab" aria-controls="post-nav-main" aria-selected="true">Main</button>
                                        <button class="nav-link" id="post-nav-seo-tab" data-bs-toggle="tab" data-bs-target="#post-nav-seo" type="button" role="tab" aria-controls="post-nav-seo" aria-selected="false">SEO</button>
                                    </div>
                                </nav>
                                <div id="post-nav-tab-content" class="tab-content bg-white border border-1 border-top-0 p-3 mb-3">
                                    <div class="tab-pane fade show active" id="post-nav-main" role="tabpanel" aria-labelledby="post-nav-main-tab">
                                        <div class="row border-bottom border-1 pb-2">
                                            <div class="col-lg-3">Title</div>
                                            <div class="col-lg-9 fw-light text-primary">{{ post.title }}</div>
                                        </div>
                                        <div class="row border-bottom border-1 py-2">
                                            <div class="col-lg-3">Slug</div>
                                            <div class="col-lg-9 fw-light text-primary">{{ post.slug }}</div>
                                        </div>
                                        <div class="mt-2">
                                            <div class="mb-3">Content</div>
                                            <div class="p-3 border border-1 rounded shadow-sm">
                                                {{ post.content|raw }}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="post-nav-seo" role="tabpanel" aria-labelledby="post-nav-seo-tab">
                                        <div class="row border-bottom border-1 pb-2">
                                            <div class="col-lg-3">Meta Title</div>
                                            <div class="col-lg-9 fw-light text-primary">{{ post.metaTitle }}</div>
                                        </div>
                                        <div class="row border-bottom border-1 py-2">
                                            <div class="col-lg-3">Meta Description</div>
                                            <div class="col-lg-9 fw-light text-primary">{{ post.metaDescription }}</div>
                                        </div>
                                        <div class="row border-bottom border-1 py-2">
                                            <div class="col-lg-3">No Index</div>
                                            <div class="col-lg-9 fw-light text-primary">{{ post.metaNoindex ? 'Yes' : 'No' }}</div>
                                        </div>
                                        <div class="row pt-2">
                                            <div class="col-lg-3">No Follow</div>
                                            <div class="col-lg-9 fw-light text-primary">{{ post.metaNofollow ? 'Yes' : 'No' }}</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3">
                                <a href="{{ path('admin_post_edit', {'id': post.id}) }}" class="d-block w-100 btn btn-primary mb-3">Edit</a>
                                <div class="mb-3 border-bottom border-1">
                                    <div class="mb-2">ID</div>
                                    <div class="mb-2 fw-light text-primary">{{ post.id }}</div>
                                </div>
                                <div class="mb-3 border-bottom border-1">
                                    <div class="mb-2">Status</div>
                                    <div class="mb-2 fw-light text-primary">{{ post.status.value|title }}</div>
                                </div>
                                <div class="mb-3 border-bottom border-1">
                                    <div class="mb-2">Url</div>
                                    <a href="{{ post_path(post) }}" target="_blank" class="d-block mb-2 fw-light small">{{ post_path(post) }}</a>
                                </div>
                                <div class="mb-3 border-bottom border-1">
                                    <div class="mb-2">Secret</div>
                                    <a href="{{ path('app_post_secret', {'secret': post.secret }) }}" class="d-block mb-2 fw-light small">{{ post.secret }}</a>
                                </div>
                                <div class="mb-3 border-bottom border-1">
                                    <div class="mb-2">Unlisted</div>
                                    <div class="mb-2 fw-light text-primary">{{ post.unlisted ? 'Yes' : 'No' }}</div>
                                </div>
                                <div class="mb-3 border-bottom border-1">
                                    <div class="mb-2">Created</div>
                                    <div class="mb-2 fw-light text-primary">{{ post.created ? post.created|date('m/d/Y g:i:s a') : '' }}</div>
                                </div>
                                <div class="mb-3 border-bottom border-1">
                                    <div class="mb-2">Updated</div>
                                    <div class="mb-2 fw-light text-primary">{{ post.updated ? post.updated|date('m/d/Y g:i:s a') : '' }}</div>
                                </div>
                                <div class="mb-3">
                                    <div class="mb-2">Published</div>
                                    <div class="mb-2 fw-light text-primary">{{ post.published ? post.published|date('m/d/Y g:i:s a') : '' }}</div>
                                </div>


                            </div>
                        </div>
                        {{ include('admin/post/_delete_form.html.twig') }}
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}