<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
  <link rel="stylesheet" href="{{ url_for('static',filename='css/style.css')}}">
  <title>3d Detals</title>
</head>
<body>
  <header>
    <h1 class="h1header"> Каталог печатных 3д деталей </h1>
  </header>
  <div class="container">
    <div class="row">

      {% for key, value in detals.items() %}

      <div class="col-md-4">
        <div class="card mobile-margin">
          <img class="card-img-top" src="{{url_for('static', filename='uploads/img/' + value['img'])}}">
          
          <div class="card-body">           
            <dv class="row">
              <div class="col">
                <a  href="{{url_for('static', filename='uploads/img/' + value['img'])}}"  class="btn btn-block mobile-margin" download>Скачать изображение </a>
              </div>
              <div class="col">
                <a href="{{url_for('static', filename='uploads/src/' + value['src'])}}"  class="btn btn-block mobile-margin" download >Скачать исходник</a>
              </div>
              <div class="col">
                <a  href="{{url_for('static', filename='uploads/stl/' + value['stl'])}}"  class="btn btn-block mobile-margin" download>Скачать stl </a>
              </div>
            <div class="row">
              <div class="col d-flex justify-content-center">
                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault" disabled>
                <label> Напечатано </label>
              </div>
              <div class="col d-flex justify-content-center">
                <h5> {{value['dateadd']}}</h5>
              </div>
            </div>       
          </div>
        </div>
      </div>

      {%endfor%}



    </div>
  </div>
     
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3"
    crossorigin="anonymous"></script>
</body>
</html>