{% extends "layout.html" %}
{% block container %}
          <div class="card" id="data-el-3">
            <div class="card-body ov-auto">
		    <h5 class="card-title">Bucket JSON Credential File ({{ sg_status['bucket_creds']|safe }})</h5>
              <form action="/bucket/upload" method="post" enctype="multipart/form-data">
                <div class="row" style="margin-top: 25px">
                  <div class="col"><input class="form-control" type="file" placeholder="Bucket Credencial File" id="bucket-creds" name="bucket-creds"></div>
		</div>
                <div class="input-group" style="margin-top: 10px">
                  <input type="text" class="form-control" placeholder="{{ upload_status }}" readonly>
                  <div class="input-group-append">
                    <input type="submit" class="btn btn-dark text-white" value="Upload file">
                  </div>
                </div>
              </form>
            </div>
          </div>
          <div class="card" id="data-el-3">
            <div class="card-body ov-auto">
	      <h5 class="card-title">Bucket Name ({{ sg_status['bucket']|safe }})</h5>
              <form action="/bucket/save_name" method="post">
                <div class="row" style="margin-top: 25px">
                  <div class="col"><input class="form-control" type="text" placeholder="Bucket name" id="bucket_name" name="bucket_name"></div>
		</div>
                <div class="input-group" style="margin-top: 10px">
                  <input type="text" class="form-control" placeholder="{{ save_name_status }}" readonly>
                  <div class="input-group-append">
                    <input type="submit" class="btn btn-dark text-white" value="Save">
                  </div>
                </div>
              </form>
            </div>
          </div>
{% endblock %}