WordPress

{% extends 'security.html.twig' %}

{% block title %} About Page {% endblock %}
{% block header %}{% endblock %}

{% block body %}


    <div class="app_wrapper">
        {% include 'navigation.html.twig' %}
        <div class="app_content">
            {% include 'contributor/contributor_header.html.twig' %}
            {% block contributor_body %}
                <div class="app_main_inner">
                    <div class="page_excerpt">
                        <h2 class="sr_heading_title">About Us Page</h2>
                        <p class="sr_heading_intro">Manage About Us Page</p>
                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="mb-3 card">
                                <div class="card-header">
                                    <div class="card-header-title">About Page</div>
                                    {% if about_pages|length > 0 %}
                                        <a class="btn creat_new" href="{{ path('about_page_edit',{id:about_pages|first.id}) }}">
                                            <span class="button_primary_label">Edit</span>
                                        </a>
                                    {% endif %}
                                </div>
                                <div class="card-body">

                                    <div class="datagrid">
                                        <table>
                                            <tbody>
                                            {% for about_page in about_pages %}
                                                <tr>
                                                    <td>Title</td>
                                                    <td>{{ about_page.title }}</td>
                                                </tr>
                                                <tr>
                                                    <td>Banner</td>
                                                    <td>
                                                        <video autoplay muted loop id="myVideo" width="200">
                                                            <source src="{{asset('uploads/page_images/')~about_page.bannerStock}}" type="video/mp4">
                                                        </video>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Featured Image</td>
                                                    <td><img src="{{ asset('uploads/page_images/')~about_page.featuredImage }}" alt="Featured image" style="width: 200px;height: auto" /></td>
                                                </tr>
                                                <tr>
                                                    <td>Mission</td>
                                                    <td>{{ about_page.mission }}</td>
                                                </tr>
                                                <tr>
                                                    <td>Bannner Header Text</td>
                                                    <td>{{ about_page.bannnerHeaderText }}</td>
                                                </tr>
                                                <tr>
                                                    <td>Banner Sub-Header Text</td>
                                                    <td>{{ about_page.bannerSubHeaderText }}</td>
                                                </tr>
                                                <tr>
                                                    <td>Content</td>
                                                    <td>{{ about_page.titleContent | truncate(100, true)|raw }}</td>
                                                </tr>
                                                <tr>
                                                    <td>Mission Content</td>
                                                    <td>{{ about_page.missionContent | truncate(100, true)|raw }}</td>
                                                </tr>
                                            {% endfor %}

                                            </tbody>
                                        </table>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>

                </div>
            {% endblock %}

        </div>
    </div>
    {% include'svg.html.twig' %}
{% endblock %}