{include file=$header title="Блоги" keywords="{$blogList[0].keywords}" description="{$blogList[0].description}"}

<!-- ********************* -->
<article class="container mt-2 mb-2">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="/">Главная</a></li>
            <li class="breadcrumb-item active" aria-current="page">Блоги</li>
        </ol>
    </nav>

    <h1>Блоги</h1>
    <div class="row">
        <div class="col-md-8 hidden" id="create-blogs">
            {include file='api/modules/page_edit/editor.html' action="/act/blog" actionBlog="<input type='hidden' name='act' value='saveblog'>" btnCancel="<button type='button' class='btn btn-primary' id='cancel-blog'>Отменить</button>" btnSave="<button type='button' class='btn btn-primary' id='saveBlog'>Сохранить</button>"}


            <div id="drop-area" style="width: 100%; margin-top: 10px;">
                <form class="my-form">
                    <p>Загрузите обложку</p>
                    <input type="file" id="fileElem" multiple accept="image/*" onchange="handleFiles(this.files)">
                    <label class="button" for="fileElem">Выбрать файлы</label>
                </form>
                <progress id="progress-bar" max=100 value=0></progress>
                <div id="gallery"></div>
            </div>



        </div>




        <div class="col-md-8" id="list-blogs">
            {section name=customer loop=$blogList} {if $blogList[customer].id}
            <div class="card mb-3 col-md-12">
                <div class="row g-0">
                    <div class="col-md-4">
                        <a href="/blog/{$blogList[customer].id}">
                        <img src="img/nofoto.jpg" data-original="/img/pages/{$blogList[0].oblozhka_big}.jpg"
                            class="lazy img-fluid rounded-start" style="width: 100%;" alt="{$blogList[0].title}">
                        </a>
                    </div>
                    <div class="col-md-8">
                        <div class="card-body">
                            <h4 class="card-title" style="font-weight: 600;"><a href="/blog/{$blogList[customer].id}">{$blogList[customer].title}</a></h4>
                            <p class="card-text">{$blogList[customer].txt|substr:30}</p>
                            <p class="card-text"><small class="text-body-secondary">{$blogList[customer].t|t}</small>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            {/if} {/section}
        </div>
        <aside class="col-md-4">
        
        <button type="button" class="btn btn-primary" id="btn-new-blog">Написать заметку</button>

<h3>Лучшее</h3>
<h3>Популярные авторы</h3>
<h3>Прочитанное</h3>
<h3>Теги</h3>
<h3>Подписки</h3>
<h3>Мои блоги</h3>




    </aside>

    </div>
</article>
<!-- ********************* -->
{*include file='api/modules/page/page_info.html'*}

{include file=$footer plugins=""}