<!DOCTYPE html>
<html lang="en"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorator="default">
<head>
    <link rel="stylesheet" type="text/css" href="../css/conference.css"/>
</head>
<body>
<div layout:fragment="content">
    <section id="conference">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <a class="d-flex align-items-center" href="/conferences/conferences">
                        <img class="icon" src="/img/conference/back.png"/>
                        Назад к списку конференций
                    </a>
                    <h3 class="section-heading text-uppercase text-center">Редактирование конференции</h3>
                </div>
            </div>
            <hr/>
            <div class="row">
                <div class="col-lg-12">
                    <form id="paper-form" method="post">
                        <div class="row">

                            <div class="col-md-7 col-sm-12">
                                <input type="hidden" name="id"/>

                                <div class="form-group">
                                    <label for="title">Название:</label>
                                    <input class="form-control" id="title" type="text"
                                           placeholder="Название конференции"/>
                                </div>

                                <div class="form-group">
                                    <label for="url">URL:</label>
                                    <input class="form-control" id="url" type="text"
                                           placeholder="URL адрес"/>
                                </div>

                                <div class="form-group">
                                    <label for="description">Описание:</label>
                                    <textarea class="form-control" rows="8" id="description">
                                    </textarea>
                                </div>

                                <div class="form-group">
                                    <label for="deadlines">Дедлайны:</label>
                                    <div class="deadline-list form-control" id="deadlines">
                                        <div class="row deadline grey-border">
                                            <input class="form-control deadline-text" type="text"
                                                   placeholder="Текст дедлайна"/>
                                            <input type="date"/>
                                            <img class="icon grey-border icon-delete" src="/img/conference/delete.png"
                                                 alt="Удалить"/>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group d-flex justify-content-end">
                                    <input type="submit" id="add-deadline" name="add-deadline"
                                           class="btn btn-primary"
                                           value="Добавить дедлайн"/>
                                </div>
                            </div>

                            <div class="col-md-5 col-sm-12 offset-sm-0">
                                <div class="form-group">
                                    <label for="dates">Дата проведения:</label>
                                    <div class="row" id="dates">
                                        <div class="col">
                                            <input type="date" id="date-begin"/>
                                            -
                                            <input type="date" id="date-end"/>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="members">Участники:</label>
                                    <div class="member-list form-control" id="members">
                                        <div class="row member grey-border">
                                            <div class="col-5 member-name">
                                                Пользователь 1
                                            </div>
                                            <div class="col-3 member-participation">
                                                очная
                                            </div>
                                            <div class="col member-deposit">
                                                статья
                                            </div>
                                        </div>
                                        <div class="row member grey-border">
                                            <div class="col-5 member-name">
                                                Пользователь 2
                                            </div>
                                            <div class="col-3 member-participation">
                                                заочная
                                            </div>
                                            <div class="col member-deposit">
                                                доклад
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group d-flex justify-content-end">
                                    <button id="take-part" class="btn btn-primary"
                                            type="button">
                                        Принять участие
                                    </button>
                                </div>

                                <div class="form-group">
                                    <label for="papers">Статьи:</label>
                                    <div class="paper-list form-control" id="papers">
                                        <div class="row paper grey-border">
                                            <div class="paper-name grey-border">
                                                <span>
                                                    Имя статьи
                                                </span>
                                                <img class="icon-paper" src="/img/conference/paper.png"/>
                                            </div>
                                            <img class="icon grey-border icon-delete" src="/img/conference/delete.png"
                                                 alt="Удалить"/>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group d-flex justify-content-end">
                                    <button id="attach-paper" class="btn btn-primary"
                                            type="button">
                                        Прикрепить статью
                                    </button>
                                    <button id="add-paper" class="btn btn-primary"
                                            type="button">
                                        Добавить статью
                                    </button>
                                </div>
                            </div>

                            <div class="clearfix"></div>
                            <div class="col-lg-12">
                                <div class="form-group d-flex justify-content-between">
                                    <button id="send-message-button" name="save"
                                            class="btn btn-success text-uppercase"
                                            type="submit">
                                        Сохранить
                                    </button>
                                    <a id="cancel-button" class="btn btn-default text-uppercase"
                                       href="/conferences/conferences">
                                        Отмена
                                    </a>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
</div>
</body>
</html>