<!DOCTYPE html>
<html>
  <head>
    <title>گزارش اول – برنامه Hello World با Flask</title>
    <link
      rel="stylesheet"
      href="{{ url_for('static', filename='css/style.css') }}"
    />
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css"
    />
  </head>
  <body class="p-5">
    <div class="card p-4 shadow">
      <h1 class="mb-3 text-primary">Hello World, Welcome!</h1>

      <p class="fs-4">My name is <strong>{{ data.en_name }}</strong>.</p>
      <p class="fs-4">Student Number: {{ data.stuNumber }}</p>
      <p class="fs-4">
        نام و نام خانوادگی من <strong>{{ data.fa_name }}</strong> است
      </p>
      <p class="fs-4">شماره دانشجویی: {{ data.stuNumber }}</p>
      <h6>
        Flask is a web framework for Python that allows you to build websites,
        web apps, and APIs easily.
      </h6>
      <h6>
        فلسک یک فریم ورک یا چهارچوب وب است که برای پایتون است و به شما اجازه می
        دهد تا وبسایت ها و وب اپ ها و ای پی آی ها را به راحتی بسازید
      </h6>
      <h3>Commands / دستورات</h3>
      <ul>
        <li><code>python get-pip.py</code> برای نصب پایپ</li>
        <li><code>python -m venv venv</code> اجرا محیط مجازی و ایجاد پوشه آن</li>
        <li><code>cd venv/Scripts</code> رفتن به مسیر پوشه و اکتیو کردن محیط</li>
        <li><code>activate</code> با خط فرمان ویندوز</li>
        <li><code>cd ../../</code> (Welcome-to-flask) بازگشت به مسیر پروژه</li>
        <li><code>pip install -r requirements.txt</code> نصب برنامه های مورد نیاز</li>
        <li><code>python app.py</code> اجرای برنامه با محیط</li>
        <li><code>deactivate</code> در صورت بستن یا دی اکتیو کردن</li>
      </ul>
      <hr />
      <h5>Terminal Logs / گزارشات ترمینال</h5>
      <img
        src="{{ url_for('static', filename='img/terminal.png') }}"
        alt="Terminal"
        width="800"
      />
      <h5>Browser / مرورگر</h5>
      <img
        src="{{ url_for('static', filename='img/browser.png') }}"
        alt="Browser"
        width="1200"
      />
    </div>
  </body>
</html>
