You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

83 lines
3.2 KiB
Twig

{% extends 'layouts/app.twig' %}
{% import 'macros/base.twig' as m %}
{% import 'macros/form.twig' as f %}
{% block title %}
{{ __('faq.faq') }}
{% endblock %}
{% block content %}
<div class="container">
<h1>
{{ block('title') }}
{%- if has_permission_to('faq.edit') -%}
{{ m.button(m.icon('plus-lg'), url('admin/faq'), 'secondary') }}
{%- endif %}
</h1>
{% include 'layouts/parts/messages.twig' %}
<div class="row">
{% block questions_text %}
{% if has_permission_to('question.add') %}
<p>{{ __('faq.questions_link', [url('/questions')]) | raw }}</p>
{% endif %}
{% endblock %}
{% block text %}
{% if text|default(null) %}
<div class="col-md-12">
{{ text|markdown }}
</div>
{% endif %}
{% endblock %}
{% block row %}
{% for item in items %}
<div class="col-md-12 faq">
<span id="faq-{{ item.id }}" class="ref-id"></span>
<div class="card {% if theme.type =='light' %}bg-light{% else %}bg-dark{% endif %} mb-4">
<h4 class="card-header">
{{ item.question }}
<small class="text-muted">
<a class="ref-link" href="#faq-{{ item.id }}">{{ m.icon('link') }}</a>
</small>
</h4>
<div class="card-body bg-body">
{{ item.text|markdown }}
</div>
<div class="card-footer {% if theme.type =='light' %}bg-light{% else %}bg-dark{% endif %} d-flex align-items-center">
<div class="me-3">
{{ m.icon('clock') }} {{ item.updated_at.format(__('Y-m-d H:i')) }}
</div>
{% if has_permission_to('faq.edit') %}
<span class="ms-auto">
{{ m.button(m.icon('pencil-square'), url('admin/faq/' ~ item.id), 'secondary', 'sm') }}
</span>
{% endif %}
</div>
</div>
</div>
{% endfor %}
{% endblock %}
{% block ask_question %}
{% if has_permission_to('question.add') %}
<form action="{{ url('/questions/new') }}" enctype="multipart/form-data" method="post">
{{ csrf() }}
<div class="col-md-12">
<h4>{{ __('question.add') }}</h4>
{{ f.textarea('text', __('question.question'), {'required': true, 'rows': 5}) }}
{{ f.submit() }}
</div>
</form>
{% endif %}
{% endblock %}
</div>
</div>
{% endblock %}