{% extends 'base.html' %}
{% load static %}

{% block title %}BIS - 廠區資訊傳輸{% endblock %}

{% block style %}
<style>
  textarea {
    padding-left: 2px;
    box-sizing: border-box;
    left: 0;
  }

  .btn-primary {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    border-radius: 4px;
  }

  .btn-primary a {
    color: white;
    text-decoration: none;
  }

  .btn-primary a:hover {
    color: white;
    text-decoration: none;
  }

  fieldset {
    padding-right: 10px;
  }
</style>
{% endblock %}
{% block content %}

<div class='body'>
  <div class="container">
    <h1 id="test" style="width: 100%; display: inline-block; position: relative; font-size: 30px; margin-bottom:15px">上傳
      : FAB運輸資訊.xlsx</h1>

    <div>
      <form method="post" enctype="multipart/form-data">
        {% csrf_token %}
        <label class="btn btn-secondary">
          <input type="file" name="document">
        </label>
        <button type="submit" class="btn btn-primary" style="width:130px;height:40px;">上傳檔案</button>
        <br></br>
      </form>
    </div>

    <hr />

    <div style="display:flex; align-items:center; gap:15px;">

      <p style="margin:0;">
        <label for="exe_result" style="font-size:22px;font-weight:bold;">
          轉換執行的訊息:
        </label>
      </p>

      <div class="uploadFAB">
        <button type="submit" class="btn btn-secondary" style="margin-left:225px">
          <a href="{% url 'download_file' fpath='託運單/勤務系統/2024/FAB運輸資訊.xlsx' %}" id="button_download_rpt"
            style="color:white; text-decoration:none; width:130px; height:40px; ">
            下載最新 : FAB運輸資訊.xlsx
          </a>
        </button>
      </div>
    </div>

    <br>

    <textarea readonly id="exeresult" name="exeresult" rows="20" cols="80"
      style="color:rgb(49, 48, 48); border-style:solid;" aria-readonly>
          {% if fName %}
          上傳檔案完成 : 放置 /webData/media/託運單/勤務系統/2024/{{fName}}
          {% endif %}
          {% if error %}
          上傳檔名有誤 : {{error}}，請查證並重新上傳，謝謝。
          {% endif %}
      </textarea>

  </div>
</div>
{% endblock %}