From 11b45444c735cefee4d2e6c3c31b2ffd5194fe64 Mon Sep 17 00:00:00 2001
From: AnthonyAxenov <anthonyaxenov@gmail.com>
Date: Thu, 1 Sep 2022 23:57:29 +0800
Subject: [PATCH] =?UTF-8?q?=D0=9F=D0=B5=D1=80=D0=B5=D0=B2=D1=91=D1=80?=
 =?UTF-8?q?=D1=81=D1=82=D0=B0=D0=BD=20faq,=20=D1=83=D0=B4=D0=B0=D0=BB?=
 =?UTF-8?q?=D0=B5=D0=BD=D1=8B=20=D0=BB=D0=B8=D1=88=D0=BD=D0=B8=D0=B5=20?=
 =?UTF-8?q?=D1=84=D0=B0=D0=B9=D0=BB=D1=8B,=20composer-=D1=81=D0=BA=D1=80?=
 =?UTF-8?q?=D0=B8=D0=BF=D0=BD=D1=82=20=D0=B4=D0=BB=D1=8F=20=D0=BE=D1=87?=
 =?UTF-8?q?=D0=B8=D1=81=D1=82=D0=BA=D0=B8=20=D0=BA=D0=B5=D1=88=D0=B0=20twi?=
 =?UTF-8?q?g?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/{ => app}/helpers.php      |   0
 src/bootstrap.php              |  20 --
 src/composer.json              |   5 +-
 src/config/routes.php          |   4 -
 src/public/index.php           |  18 +-
 src/views/faq.twig             | 332 +++++++++++++++++++++------------
 src/views/layouts/default.twig |  52 +++---
 7 files changed, 260 insertions(+), 171 deletions(-)
 rename src/{ => app}/helpers.php (100%)
 delete mode 100644 src/bootstrap.php
 delete mode 100644 src/config/routes.php

diff --git a/src/helpers.php b/src/app/helpers.php
similarity index 100%
rename from src/helpers.php
rename to src/app/helpers.php
diff --git a/src/bootstrap.php b/src/bootstrap.php
deleted file mode 100644
index 505b207..0000000
--- a/src/bootstrap.php
+++ /dev/null
@@ -1,20 +0,0 @@
-<?php
-
-declare(strict_types = 1);
-
-use App\Core\Bootstrapper;
-
-// autoload composer packages
-require 'vendor/autoload.php';
-
-// load .env parameters
-Bootstrapper::bootEnv();
-
-// set up framework according to its config
-Bootstrapper::bootSettings();
-
-// set up Twig template engine
-Bootstrapper::bootTwig();
-
-// set up routes defined in config file
-Bootstrapper::bootRoutes();
diff --git a/src/composer.json b/src/composer.json
index 117a37e..d85fda7 100644
--- a/src/composer.json
+++ b/src/composer.json
@@ -10,9 +10,12 @@
             "App\\": "app/"
         },
         "files": [
-            "helpers.php"
+            "app/helpers.php"
         ]
     },
+    "scripts": {
+        "clear-views": "docker exec -ti iptv-php rm -rf cache/views"
+    },
     "config": {
         "optimize-autoloader": true,
         "sort-packages": true
diff --git a/src/config/routes.php b/src/config/routes.php
deleted file mode 100644
index 363f4df..0000000
--- a/src/config/routes.php
+++ /dev/null
@@ -1,4 +0,0 @@
-<?php
-
-declare(strict_types = 1);
-
diff --git a/src/public/index.php b/src/public/index.php
index 886a30d..e83a9a2 100644
--- a/src/public/index.php
+++ b/src/public/index.php
@@ -2,12 +2,28 @@
 
 declare(strict_types = 1);
 
+use App\Core\Bootstrapper;
+
 /*
 |--------------------------------------------------------------------------
 | Bootstrap all classes, settings, etc.
 |--------------------------------------------------------------------------
 */
-require '../bootstrap.php';
+
+// autoload composer packages
+require '../vendor/autoload.php';
+
+// load .env parameters
+Bootstrapper::bootEnv();
+
+// set up framework according to its config
+Bootstrapper::bootSettings();
+
+// set up Twig template engine
+Bootstrapper::bootTwig();
+
+// set up routes defined in config file
+Bootstrapper::bootRoutes();
 
 /*
 |--------------------------------------------------------------------------
diff --git a/src/views/faq.twig b/src/views/faq.twig
index df9107e..fde16a0 100644
--- a/src/views/faq.twig
+++ b/src/views/faq.twig
@@ -9,7 +9,7 @@
     <div class="row">
         <div class="col-md-12">
             <p>
-                На этой странице собраны ссылки на IPTV-плейлисты, которые находятся в открытом доступе.
+                В этом сервисе собраны ссылки на IPTV-плейлисты, которые находятся в открытом доступе.
                 Они отбираются вручную и постоянно проверяются здесь автоматически.
             </p>
             <p>
@@ -24,126 +24,216 @@
                 тем, кто несёт за них ответственность (см. источники плейлистов).
             </p>
 
-            <h3>Как пользоваться сервисом?</h3>
-            <p class="mb-5">
-                На главной странице отображается список доступных в плейлистов, их идентификаторы, статусы,
-                количество каналов и короткие ссылки.
-                Для просмотра списка каналов следует нажать на ссылку <b>"Подробнее..."</b> под интересующим плейлистом.
-                Для добавления плейлиста в свой медиаплеер удобно использовать <b>"Ссылку для ТВ"</b>.
-                Это делается для удобства ввода, например, на телевизоре с пульта.
-                На странице детальной информации также есть прямая ссылка на сам плейлист от источника.
-                Можно использовать и её.
-            </p>
-
-            <h3>Эти плейлисты и каналы в них -- бесплатны?</h3>
-            <p class="mb-5">Возможно. По крайней мере, так утверждают источники. Но гарантий никаких никто не даёт.</p>
-
-            <h3>Как подключить плейлист?</h3>
-            <p class="mb-5">
-                <a href="https://www.google.com/search?q=%D0%BA%D0%B0%D0%BA%20%D0%BF%D0%BE%D0%B4%D0%BA%D0%BB%D1%8E%D1%87%D0%B8%D1%82%D1%8C%20iptv%20%D0%BF%D0%BB%D0%B5%D0%B9%D0%BB%D0%B8%D1%81%D1%82%20%D0%BF%D0%BE%20%D1%81%D1%81%D1%8B%D0%BB%D0%BA%D0%B5">
-                    Добавь в свой медиаплеер</a> "Ссылку для ТВ".
-            </p>
-
-            <h3>Какие плейлисты попадают сюда?</h3>
-            <p>Есть некоторые критерии, по которым плейлисты отбираются в этот список:</p>
-            <ul>
-                <li>Прежде всего -- каналы РФ и бывшего СНГ, но не только</li>
-                <li>Открытый источник</li>
-                <li>Прямая ссылка на плейлист</li>
-                <li>Автообновление плейлиста</li>
-            </ul>
-            <p>
-                В основном, в плейлистах именно трансляции телеканалов, но могут быть просто список каких-то
-                (мульт)фильмов и передач, находящихся на чужих дисках (как если бы вы сами составили плейлист с музыкой,
-                например).
-            </p>
-
-            <h3>Что означают статусы плейлистов?</h3>
-            <ul>
-                <li>
-                    <span class="badge small text-dark bg-secondary">loading</span>
-                    Загрузка данных, нужно немного подождать.
-                </li>
-                <li>
-                    <span class="badge small text-dark bg-success">online</span>
-                    Плейлист, возможно, активен.
-                </li>
-                <li>
-                    <span class="badge small text-dark bg-warning">timeout</span>
-                    Не удалось вовремя проверить плейлист, сервер с плейлистом слишком долго запрягает.
-                </li>
-                <li>
-                    <span class="badge small text-dark bg-danger">offline</span>
-                    Плейлист недоступен, вообще.
-                </li>
-                <li>
-                    <span class="badge small text-dark bg-danger">error</span>
-                    Ошибка при проверке плейлиста. Пора удалять плейлист отсюда.
-                </li>
-            </ul>
-            <p class="mb-5">
-                На странице детального описания статус может отображаться только online/offline.
-                Это временно. В некоем скором времени это будет доработано.
-            </p>
-
-            <h3>Почему нельзя доверять результатам проверки?</h3>
-            <p>
-                Я не гарантирую корректность и актуальность информации, которую ты увидишь здесь.
-                Хотя я и стараюсь улучшать качество проверок, но всё же рекомендую проверять желаемые
-                плейлисты самостоятельно вручную, ибо нет никаких гарантий:
-            </p>
-            <ul class="mb-5">
-                <li>
-                    что это вообще плейлисты, а не чьи-то архивы с мокрыми кисками;
-                </li>
-                <li>
-                    что плейлисты по разным ссылкам не дублируют друг друга и отличаются каналами хотя бы на четверть;
-                </li>
-                <li>
-                    что плейлист работоспособен (каналы работают, корректно названы, имеют аудио, etc.);
-                </li>
-                <li>
-                    что подгрузится корректное количество каналов и их список (хотя на это я ещё могу влиять и
-                    стараюсь как-то улучшить).
-                </li>
-            </ul>
-
-            <h3>Какова гарантия, что я добавлю себе плейлист отсюда и он работать хоть сколько-нибудь долго?</h3>
-            <p class="mb-5">
-                Никакова.
-                Мёртвые плейлисты я периодически вычищаю, реже -- добавляю новые.
-                ID плейлистов могут меняться, поэтому вполне может произойти внезапная подмена одного другим, однако
-                намеренно я так не делаю.
-                Если один плейлист переезжает на новый адрес, то я ставлю временное перенаправление со старого ID на
-                новый.
-                Плюс читай выше про доверие результатам проверки (проблема может быть не стороне сервиса).
-            </p>
-
-            <h3>Где взять программу передач (EPG)?</h3>
-            <ul class="mb-5">
-                <li><b>https://iptvx.one/viewtopic.php?f=12&t=4</b></li>
-                <li>https://iptvmaster.ru/epg-for-iptv</li>
-                <li>https://google.com</li>
-            </ul>
-
-            <h3>Как часто обновляется этот список?</h3>
-            <p class="mb-5">
-                Время от времени.
-                Иногда я захожу сюда и проверяю всё ли на месте, иногда занимаюсь какими-то доработками.
-                Если есть кандидаты на добавление, то читай ниже.
-            </p>
-
-            <h3>Как часто обновляется содержимое плейлистов?</h3>
-            <p class="mb-5">Зависит от источника. Я этим не занимаюсь.</p>
-
-            <h3>Есть ли API? Как им пользоваться?</h3>
-            <p class="mb-5">Есть, подробности <a href="https://github.com/anthonyaxenov/iptv2#api">здесь</a>.</p>
-
-            <h3>Как пополнить этот список?</h3>
-            <p class="mb-5">
-                Сделать pull-request в <a href="https://github.com/anthonyaxenov/iptv">репозиторий</a>.
-                Я проверю плейлист и добавлю его в общий список, если всё ок.
-            </p>
+            <div class="accordion" id="faq-accordion">
+                <div class="accordion-item bg-dark">
+                    <h2 class="accordion-header bg-dark" id="h-howtouse">
+                        <button class="accordion-button text-light bg-dark" type="button" data-bs-toggle="collapse" data-bs-target="#howtouse" aria-expanded="false" aria-controls="howtouse">
+                            Как пользоваться сервисом?
+                        </button>
+                    </h2>
+                    <div id="howtouse" class="accordion-collapse collapse" aria-labelledby="h-howtouse" data-bs-parent="#faq-accordion">
+                        <p class="accordion-body">
+                            На главной странице отображается список доступных в плейлистов, их идентификаторы, статусы,
+                            количество каналов и короткие ссылки.
+                            Для просмотра списка каналов следует нажать на ссылку <b>"Подробнее..."</b> под интересующим плейлистом.
+                            Для добавления плейлиста в свой медиаплеер удобно использовать <b>"Ссылку для ТВ"</b>.
+                            Это делается для удобства ввода, например, на телевизоре с пульта.
+                            На странице детальной информации также есть прямая ссылка на сам плейлист от источника.
+                            Можно использовать и её.
+                        </p>
+                    </div>
+                </div>
+                <div class="accordion-item bg-dark">
+                    <h2 class="accordion-header bg-dark" id="h-howtoconnect">
+                        <button class="accordion-button text-light bg-dark" type="button" data-bs-toggle="collapse" data-bs-target="#howtoconnect" aria-expanded="false" aria-controls="howtoconnect">
+                            Как подключить плейлист?
+                        </button>
+                    </h2>
+                    <div id="howtoconnect" class="accordion-collapse collapse" aria-labelledby="h-howtoconnect" data-bs-parent="#faq-accordion">
+                        <p class="accordion-body">Возможно. По крайней мере, так утверждают источники. Но гарантий никаких никто не даёт.</p>
+                    </div>
+                </div>
+                <div class="accordion-item bg-dark">
+                    <h2 class="accordion-header bg-dark" id="h-isitfree">
+                        <button class="accordion-button text-light bg-dark" type="button" data-bs-toggle="collapse" data-bs-target="#isitfree" aria-expanded="false" aria-controls="isitfree">
+                            Эти плейлисты и каналы в них -- бесплатны?
+                        </button>
+                    </h2>
+                    <div id="isitfree" class="accordion-collapse collapse" aria-labelledby="h-isitfree" data-bs-parent="#faq-accordion">
+                        <p class="accordion-body">
+                            <a href="https://www.google.com/search?q=%D0%BA%D0%B0%D0%BA%20%D0%BF%D0%BE%D0%B4%D0%BA%D0%BB%D1%8E%D1%87%D0%B8%D1%82%D1%8C%20iptv%20%D0%BF%D0%BB%D0%B5%D0%B9%D0%BB%D0%B8%D1%81%D1%82%20%D0%BF%D0%BE%20%D1%81%D1%81%D1%8B%D0%BB%D0%BA%D0%B5">
+                                Добавь в свой медиаплеер</a> "Ссылку для ТВ".
+                        </p>
+                    </div>
+                </div>
+                <div class="accordion-item bg-dark">
+                    <h2 class="accordion-header bg-dark" id="h-which">
+                        <button class="accordion-button text-light bg-dark" type="button" data-bs-toggle="collapse" data-bs-target="#which" aria-expanded="false" aria-controls="which">
+                            Какие плейлисты попадают сюда?
+                        </button>
+                    </h2>
+                    <div id="which" class="accordion-collapse collapse" aria-labelledby="h-which" data-bs-parent="#faq-accordion">
+                        <div class="accordion-body">
+                            <p>Есть некоторые критерии, по которым плейлисты отбираются в этот список:</p>
+                            <ul>
+                                <li>Прежде всего -- каналы РФ и бывшего СНГ, но не только</li>
+                                <li>Открытый источник</li>
+                                <li>Прямая ссылка на плейлист</li>
+                                <li>Автообновление плейлиста</li>
+                            </ul>
+                            <p>
+                                В основном, в плейлистах именно трансляции телеканалов, но могут быть просто список каких-то
+                                (мульт)фильмов и передач, находящихся на чужих дисках (как если бы вы сами составили плейлист с музыкой,
+                                например).
+                            </p>
+                        </div>
+                    </div>
+                </div>
+                <div class="accordion-item bg-dark">
+                    <h2 class="accordion-header bg-dark" id="h-statuses">
+                        <button class="accordion-button text-light bg-dark" type="button" data-bs-toggle="collapse" data-bs-target="#statuses" aria-expanded="false" aria-controls="statuses">
+                            Что означают статусы плейлистов?
+                        </button>
+                    </h2>
+                    <div id="statuses" class="accordion-collapse collapse" aria-labelledby="h-statuses" data-bs-parent="#faq-accordion">
+                        <div class="accordion-body">
+                            <ul>
+                                <li>
+                                    <span class="badge small text-dark bg-secondary">loading</span>
+                                    Загрузка данных, нужно немного подождать.
+                                </li>
+                                <li>
+                                    <span class="badge small text-dark bg-success">online</span>
+                                    Плейлист, возможно, активен.
+                                </li>
+                                <li>
+                                    <span class="badge small text-dark bg-warning">timeout</span>
+                                    Не удалось вовремя проверить плейлист, сервер с плейлистом слишком долго запрягает.
+                                </li>
+                                <li>
+                                    <span class="badge small text-dark bg-danger">offline</span>
+                                    Плейлист недоступен, вообще.
+                                </li>
+                                <li>
+                                    <span class="badge small text-dark bg-danger">error</span>
+                                    Ошибка при проверке плейлиста. Пора удалять плейлист отсюда.
+                                </li>
+                            </ul>
+                            <p>
+                                На странице детального описания статус может отображаться только online/offline.
+                                Это временно. В некоем скором времени это будет доработано.
+                            </p>
+                        </div>
+                    </div>
+                </div>
+                <div class="accordion-item bg-dark">
+                    <h2 class="accordion-header bg-dark" id="h-donttrust">
+                        <button class="accordion-button text-light bg-dark" type="button" data-bs-toggle="collapse" data-bs-target="#donttrust" aria-expanded="false" aria-controls="donttrust">
+                            Почему нельзя доверять результатам проверки?
+                        </button>
+                    </h2>
+                    <div id="donttrust" class="accordion-collapse collapse" aria-labelledby="h-donttrust" data-bs-parent="#faq-accordion">
+                        <div class="accordion-body">
+                            <p>
+                                Я не гарантирую корректность и актуальность информации, которую ты увидишь здесь.
+                                Хотя я и стараюсь улучшать качество проверок, но всё же рекомендую проверять желаемые
+                                плейлисты самостоятельно вручную, ибо нет никаких гарантий:
+                            </p>
+                            <ul>
+                                <li>что это вообще плейлисты, а не чьи-то архивы с мокрыми кисками;</li>
+                                <li>что плейлисты по разным ссылкам не дублируют друг друга и отличаются каналами хотя бы на четверть;</li>
+                                <li>что плейлист работоспособен (каналы работают, корректно названы, имеют аудио, etc.);</li>
+                                <li>что подгрузится корректное количество каналов и их список (хотя на это я ещё могу влиять и стараюсь как-то улучшить).</li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+                <div class="accordion-item bg-dark">
+                    <h2 class="accordion-header bg-dark" id="h-guarantee">
+                        <button class="accordion-button text-light bg-dark" type="button" data-bs-toggle="collapse" data-bs-target="#guarantee" aria-expanded="false" aria-controls="guarantee">
+                            Какова гарантия, что я добавлю себе плейлист отсюда и он работать хоть сколько-нибудь долго?
+                        </button>
+                    </h2>
+                    <div id="guarantee" class="accordion-collapse collapse" aria-labelledby="h-guarantee" data-bs-parent="#faq-accordion">
+                        <p class="accordion-body">
+                            Никакова.
+                            Мёртвые плейлисты я периодически вычищаю, реже -- добавляю новые.
+                            ID плейлистов могут меняться, поэтому вполне может произойти внезапная подмена одного другим, однако
+                            намеренно я так не делаю.
+                            Если один плейлист переезжает на новый адрес, то я ставлю временное перенаправление со старого ID на
+                            новый.
+                            Плюс читай выше про доверие результатам проверки (проблема может быть не стороне сервиса).
+                        </p>
+                    </div>
+                </div>
+                <div class="accordion-item bg-dark">
+                    <h2 class="accordion-header bg-dark" id="h-epg">
+                        <button class="accordion-button text-light bg-dark" type="button" data-bs-toggle="collapse" data-bs-target="#epg" aria-expanded="false" aria-controls="epg">
+                            Где взять программу передач (EPG)?
+                        </button>
+                    </h2>
+                    <div id="epg" class="accordion-collapse collapse" aria-labelledby="h-epg" data-bs-parent="#faq-accordion">
+                        <div class="accordion-body">
+                            <ul>
+                                <li><b>https://iptvx.one/viewtopic.php?f=12&t=4</b></li>
+                                <li>https://iptvmaster.ru/epg-for-iptv</li>
+                                <li>https://google.com</li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+                <div class="accordion-item bg-dark">
+                    <h2 class="accordion-header bg-dark" id="h-howoftenlist">
+                        <button class="accordion-button text-light bg-dark" type="button" data-bs-toggle="collapse" data-bs-target="#howoftenlist" aria-expanded="false" aria-controls="howoftenlist">
+                            Как часто обновляется этот список?
+                        </button>
+                    </h2>
+                    <div id="howoftenlist" class="accordion-collapse collapse" aria-labelledby="h-howoftenlist" data-bs-parent="#faq-accordion">
+                        <p class="accordion-body">
+                            Время от времени.
+                            Иногда я захожу сюда и проверяю всё ли на месте, иногда занимаюсь какими-то доработками.
+                            Если есть кандидаты на добавление, то читай ниже.
+                        </p>
+                    </div>
+                </div>
+                <div class="accordion-item bg-dark">
+                    <h2 class="accordion-header bg-dark" id="h-howoftench">
+                        <button class="accordion-button text-light bg-dark" type="button" data-bs-toggle="collapse" data-bs-target="#howoftench" aria-expanded="false" aria-controls="howoftench">
+                            Как часто обновляется содержимое плейлистов?
+                        </button>
+                    </h2>
+                    <div id="howoftench" class="accordion-collapse collapse" aria-labelledby="h-howoftench" data-bs-parent="#faq-accordion">
+                        <p class="accordion-body">
+                            Зависит от источника. Я этим не занимаюсь.
+                        </p>
+                    </div>
+                </div>
+                <div class="accordion-item bg-dark">
+                    <h2 class="accordion-header bg-dark" id="h-api">
+                        <button class="accordion-button text-light bg-dark" type="button" data-bs-toggle="collapse" data-bs-target="#api" aria-expanded="false" aria-controls="api">
+                            Есть ли API? Как им пользоваться?
+                        </button>
+                    </h2>
+                    <div id="api" class="accordion-collapse collapse" aria-labelledby="h-api" data-bs-parent="#faq-accordion">
+                        <p class="accordion-body">
+                            Есть, подробности <a href="https://github.com/anthonyaxenov/iptv2#api">здесь</a>.
+                        </p>
+                    </div>
+                </div>
+                <div class="accordion-item bg-dark">
+                    <h2 class="accordion-header bg-dark" id="h-howtoadd">
+                        <button class="accordion-button text-light bg-dark" type="button" data-bs-toggle="collapse" data-bs-target="#howtoadd" aria-expanded="false" aria-controls="howtoadd">
+                            Как пополнить этот список?
+                        </button>
+                    </h2>
+                    <div id="howtoadd" class="accordion-collapse collapse" aria-labelledby="h-howtoadd" data-bs-parent="#faq-accordion">
+                        <p class="accordion-body">
+                            Сделать pull-request в <a href="https://github.com/anthonyaxenov/iptv">репозиторий</a>.
+                            Я проверю плейлист и добавлю его в общий список, если всё ок.
+                        </p>
+                    </div>
+                </div>
+            </div>
         </div>
     </div>
 {% endblock %}
diff --git a/src/views/layouts/default.twig b/src/views/layouts/default.twig
index 214555b..b104f46 100644
--- a/src/views/layouts/default.twig
+++ b/src/views/layouts/default.twig
@@ -3,37 +3,41 @@
 <head>
     <title>{{ config('app.title') }}</title>
     <meta charset="utf-8">
-    <meta name="description" content="">
+    <meta name="description" content="Самообновляемые бесплатные IPTV-плейлисты для домашнего просмотра по коротким ссылкам, списки каналов, проверка доступности">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta http-equiv="x-ua-compatible" content="ie=edge">
     <link href="{{ base_url('css/bootstrap.min.css') }}" rel="stylesheet">
-    <style>.cursor-pointer {
-            cursor: pointer
-        }</style>
+    <style>.cursor-pointer{cursor:pointer}</style>
     {% block head %}{% endblock %}
 </head>
 <body class="bg-dark text-light">
-<div class="col-lg-8 mx-auto p-3 pt-md-5 pb-0">
-    <header class="pb-3 mb-3">
-        <a href="/" class="text-light text-decoration-none">
-            <h1>{{ config('app.title') }}</h1>
-        </a>
-        <p class="small text-muted">
-            <a class="small" href="{{ base_url('faq') }}">FAQ</a>&nbsp;|&nbsp;<a
-                    class="small" href="https://github.com/anthonyaxenov/iptv">GitHub</a>&nbsp;|&nbsp;<a
-                    class="small" href="https://axenov.dev">axenov.dev</a>
-        </p>
-        {% block header %}{% endblock %}
-    </header>
-    <div class="container">
-        {% block content %}{% endblock %}
+    <div class="col-lg-8 mx-auto p-3 pt-md-5 pb-0">
+        <header class="mb-3">
+            <h1 data-bs-toggle="tooltip" data-bs-placement="top" title="На главную">
+                <a href="{{ base_url() }}" class="text-light text-decoration-none">
+                    {{ config('app.title') }}
+                </a>
+            </h1>
+            <p class="text-muted">
+                <a href="{{ base_url('faq') }}">FAQ</a>&nbsp;|&nbsp;<a
+                    href="https://github.com/anthonyaxenov/iptv">GitHub</a>&nbsp;|&nbsp;<a
+                    href="https://git.axenov.dev/anthony/iptv">Gitea</a>&nbsp;|&nbsp;<a
+                    href="https://axenov.dev">axenov.dev</a>
+            </p>
+            {% block header %}{% endblock %}
+        </header>
+        <div class="container mx-auto">
+            {% block content %}{% endblock %}
+        </div>
     </div>
-</div>
 
-<footer class="py-4 text-center">
-    <a href="https://github.com/anthonyaxenov/iptv">GitHub</a> | <a href="https://axenov.dev">axenov.dev</a>
-    <script src="{{ base_url('js/bootstrap.bundle.min.js') }}"></script>
-    {% block footer %}{% endblock %}
-</footer>
+    <footer class="py-4 text-center">
+        <script src="{{ base_url('js/bootstrap.bundle.min.js') }}"></script>
+        {% block footer %}{% endblock %}
+        <a href="{{ base_url('faq') }}">FAQ</a>&nbsp;|&nbsp;<a
+            href="https://github.com/anthonyaxenov/iptv">GitHub</a>&nbsp;|&nbsp;<a
+            href="https://git.axenov.dev/anthony/iptv">Gitea</a>&nbsp;|&nbsp;<a
+            href="https://axenov.dev">axenov.dev</a>
+    </footer>
 </body>
 </html>