from flask import Flask

app = Flask(__name__)


@app.route('/')
def name():
    return "Миссия Колонизация Марса"


@app.route("/index")
def motto():
    return "И на Марсе будут яблони цвести!"


@app.route("/promotion")
def promotion():
    return "Человечество вырастает из детства.</br>Человечеству мала одна планета.</br>Мы сделаем обитаемыми безжизненные пока планеты.</br>И начнем с Марса!</br>Присоединяйся!"


@app.route("/image_mars")
def image_mars():
    return """<!doctype html>
                <html lang="en">
                    <head>
                        <meta charset="utf-8">
                        <title>Привет, Марс!</title>
                    </head>
                    <body>
                        <h1>Жди нас, Марс!</h1>
                        <img src="/static/img/mars.jpg">
                        </br>Вот она какая, красная планета.
                    </body>
                </html>"""


@app.route("/promotion_image")
def promotion_image():
    return """<!doctype html>
                <html lang="en">
                    <head>
                        <meta charset="utf-8">
                        <link rel="stylesheet" 
                         href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" 
                         integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" 
                         crossorigin="anonymous">
                        <link rel="stylesheet" type="text/css" href="/static/css/style.css"/>
                        <title>Колонизация</title>
                    </head>
                    <body>
                        <h1>Жди нас, Марс!</h1>
                        <img src="/static/img/mars.jpg">
                        <div class="alert alert-dark" role="alert">
                         <h4>Человечество вырастает из детства.</h4>
                        </div>
                        <div class="alert alert-success" role="alert">
                         <h4>Человечеству мала одна планета.</h4>
                        </div>
                        <div class="alert alert-dark" role="alert">
                         <h4>Мы сделаем обитаемыми безжизненные пока планеты.</h4>
                        </div>
                        <div class="alert alert-warning" role="alert">
                         <h4>И начнём с Марса!</h4>
                        </div>
                        <div class="alert alert-danger" role="alert">
                         <h4>Присоединяйся!</h4>
                        </div>
                    </body>
                </html>"""


@app.route("/astronaut_selection")
def astronaut_selection():
    return """<!doctype html>
                    <html lang="en">
                        <head>
                            <meta charset="utf-8">
                            <link rel="stylesheet" 
                             href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" 
                             integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" 
                             crossorigin="anonymous">
                            <title>Отбор астронавтов</title>
                        </head>
                        <body>
                            <center><h1>Анкета претендента</h1>
                            <h3>на участие в миссии</h3></center>
                            <form>
                                <div class="mx-auto p-2 bg-warning text-dark border border-2 col-sm-5">
                                    <div class="col-auto y-0">
                                        <input type="text" class="form-control" placeholder="Введите фамилию">
                                        <input type="text" class="form-control" placeholder="Введите имя">
                                    </div>
                                    
                                    <div class="col-auto mt-4">
                                        <input type="text" class="form-control" id="inlineFormInputGroup" placeholder="Введите адрес почты">
                                    </div>
                                    
                                    <label class="mb-1 sr-only" for="inlineFormInput">Какое у вас образование?</label>
                                    
                                    <div class="dropdown open">
                                        <button class="btn btn-light btn-sm dropdown-toggle col-sm-12 " type="button" data-bs-toggle="dropdown" aria-expanded="false">
                                            Начальное
                                        </button>
                                    </div>
                                    
                                    <label class="mt-3 mb-2 sr-only" for="inlineFormInput">Какие у вас есть профессии?</label>
                                    
                                    <div class="form-check">
                                        <input type="checkbox" class="form-check-input" id="check1">
                                        <label class="form-check-label" for="check1">Инженер-исследователь</label>
                                    </div>
                                    
                                    <div class="form-check">
                                        <input type="checkbox" class="form-check-input" id="check1">
                                        <label class="form-check-label" for="check1">Инженер-строитель</label>
                                    </div>
                                    
                                    <div class="form-check">
                                        <input type="checkbox" class="form-check-input" id="check1">
                                        <label class="form-check-label" for="check1">Пилот</label>
                                    </div>
                                    
                                    <div class="form-check">
                                        <input type="checkbox" class="form-check-input" id="check1">
                                        <label class="form-check-label" for="check1">Метеоролог</label>
                                    </div>
                                    
                                    <div class="form-check">
                                        <input type="checkbox" class="form-check-input" id="check1">
                                        <label class="form-check-label" for="check1">Инженер по жизнеобеспечению</label>
                                    </div>
                                    
                                    <div class="form-check">
                                        <input type="checkbox" class="form-check-input" id="check1">
                                        <label class="form-check-label" for="check1">Инженер по радиационной защите</label>
                                    </div>
                                    
                                    <div class="form-check">
                                        <input type="checkbox" class="form-check-input" id="check1">
                                        <label class="form-check-label" for="check1">Врач</label>
                                    </div>
                                    
                                    <div class="form-check">
                                        <input type="checkbox" class="form-check-input" id="check1">
                                        <label class="form-check-label" for="check1">Экзобиолог</label>
                                    </div>
                                    
                                    <label class="mt-3 sr-only" for="inlineFormInput">Укажите пол</label>
                                    
                                    <div class="form-check">
                                      <input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
                                      <label class="form-check-label" for="flexRadioDefault1">Мужской</label>
                                    </div>
                                    
                                    <div class="form-check">
                                      <input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault2">
                                      <label class="form-check-label" for="flexRadioDefault2">Женский</label>
                                    </div>
                                    
                                    <div class="mt-3">
                                      <label for="exampleFormControlTextarea1" class="form-label">Почему Вы хотите принять участие в миссии?</label>
                                      <textarea class="form-control" rows="3"></textarea>
                                    </div>
                                    
                                    <div class="mt-3">
                                      <label for="formFile" class="form-label">Приложите фотографию</label>
                                      <input class="form-control-sm" type="file">
                                    </div>
                                    
                                    <div class="form-check mt-3">
                                        <input type="checkbox" class="form-check-input" id="check1">
                                        <label class="form-check-label" for="check1">Готовы остаться на Марсе?</label>
                                    </div>
                                    
                                    <div class="col-12 mt-3">
                                        <button type="submit" class="btn btn-primary">Отправить</button>
                                    </div>
                                </div>
                            </form>
                        </body>
                    </html>"""


@app.route("/choice/<planet_name>")
def choice(planet_name):
    return f'''<!doctype html>
                   <html lang="en">
                       <head>
                          <meta charset="utf-8">
                          <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
                       <link rel="stylesheet"
                       href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css"
                       integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1"
                       crossorigin="anonymous">
                           <title>Варианты выбора</title>
                       </head>
                       <body>
                           <h1>Моё предложение: {planet_name}</h1>
                           <div class="alert alert-light" role="alert">
                               <h4>Эта планета близка к Земле;</h4>
                           </div>
                           <div class="alert alert-success" role="alert">
                               <h4>На ней много необходимых ресурсов;</h4>
                           </div>
                           <div class="alert alert-dark" role="alert">
                               <h4>На ней есть вода и атмосфера;</h4>
                           </div>
                               <div class="alert alert-warning" role="alert">
                           <h4>На ней есть небольшое магнитное поле</h4>
                           </div>
                           <div class="alert alert-danger" role="alert">
                               <h4>Наконец, она просто красива!</h4>
                           </div>
                       </body>
                   </html>'''


@app.route("/results/<nickname>/<int:level>/<float:rating>")
def results(nickname, level, rating):
    return f'''<!doctype html>
                   <html lang="en">
                       <head>
                          <meta charset="utf-8">
                          <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
                       <link rel="stylesheet"
                       href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css"
                       integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1"
                       crossorigin="anonymous">
                           <title>Результаты</title>
                       </head>
                       <body>
                           <h1>Результаты отбора</h1>
                            <h3>Претендента на участие в миссии {nickname}:</h3>
                           <div class="alert alert-success" role="alert">
                               <h4>Поздравляем! Ваш рейтинг после {level} этапа отбора</h4>
                           </div>
                           <div class="alert alert-light" role="alert">
                               <h4>составляет {rating}!</h4>
                           </div>
                               <div class="alert alert-warning" role="alert">
                           <h4>Желаем удачи!</h4>
                           </div>
                       </body>
                   </html>'''


@app.route("/carousel")
def carousel():
    return '''<!doctype html>
                  <html lang="en">
                      <head>
                          <meta charset="utf-8">
                          <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
                      <link rel="stylesheet"
                      href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css"
                      integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1"
                      crossorigin="anonymous">
                          <title>Пейзажи Марса</title>
                      </head>
                      <body>
                          <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.6.0/dist/umd/popper.min.js" integrity="sha384-KsvD1yqQ1/1+IA7gi3P0tyJcT3vR+NdBTt13hSJ2lnve8agRGXTTyNaBYmCR/Nwi" crossorigin="anonymous"></script>
                          <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.min.js" integrity="sha384-nsg8ua9HAw1y0W1btsyWgBklPnCUAFLuTMS2G72MMONqmOymq585AcH49TLBQObG" crossorigin="anonymous"></script>
                          <center><h1>Пейзажи Марса</h1></center>
                          <div class="container">
                              <div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
                                  <div class="carousel-inner">
                                      <div class="carousel-item active">
                                          <img src="static/img/mars1.jpg" class="d-block w-100">
                                      </div>
                                      <div class="carousel-item">
                                          <img src="static/img/mars2.jpg" class="d-block w-100">
                                      </div>
                                      <div class="carousel-item">
                                          <img src="static/img/mars3.jpg" class="d-block w-100">
                                      </div>
                                  </div>
                                  <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls"  data-bs-slide="prev">
                                      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                      <span class="visually-hidden">Previous</span>
                                  </button>
                                  <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls"  data-bs-slide="next">
                                      <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                      <span class="visually-hidden">Next</span>
                                  </button>
                              </div>
                          </div>
                      </body>
                  </html>'''


if __name__ == '__main__':
    app.run(port=8080, host='127.0.0.1')
