You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
65 lines
3.9 KiB
65 lines
3.9 KiB
{% extends "base.html.twig" %}
|
|
|
|
{% block pp %}{{pp}}{% endblock %}
|
|
|
|
{% block css %}{{css}}{% endblock %}
|
|
|
|
{% block title %}Importer - HearthTrack{% endblock %}
|
|
|
|
{% block user %}{{user}} - {{role}}{% endblock %}
|
|
|
|
{% block body %}
|
|
<div class="container-fluid px-4">
|
|
<h1 class="mt-4">Importer</h1>
|
|
<ol class="breadcrumb mb-4">
|
|
<li class="breadcrumb-item"><a href="/">Accueil</a></li>
|
|
<li class="breadcrumb-item active">Importer</li>
|
|
</ol>
|
|
<div class="flex items-center justify-center">
|
|
<div class="sm:max-w-lg w-full p-10 bg-white rounded-xl z-10 ">
|
|
<div class="text-center">
|
|
<h2 class="mt-5 text-3xl font-bold text-gray-900">
|
|
Importer un fichier .fit !
|
|
</h2>
|
|
<p class="mt-2 text-sm text-gray-400">Let's go</p>
|
|
</div>
|
|
<form class="mt-8 space-y-3" action="/upload" method="POST" enctype="multipart/form-data">
|
|
<div class="grid grid-cols-1 space-y-2">
|
|
<label class="text-sm font-bold text-gray-500 tracking-wide">Veuillez renseigner le type d'activité</label>
|
|
<input class="text-base p-2 border border-gray-300 rounded-lg focus:outline-none focus:border-indigo-500" type="text" name="activityType" placeholder="Course à pied">
|
|
</div>
|
|
<div class="grid grid-cols-1 space-y-2">
|
|
<label class="text-sm font-bold text-gray-500 tracking-wide">Effort Level (0-5)</label>
|
|
<input class="text-base p-2 border border-gray-300 rounded-lg focus:outline-none focus:border-indigo-500" type="number" name="effort" min="0" max="5" placeholder="Enter effort level (0-5)">
|
|
</div>
|
|
<div class="grid grid-cols-1 space-y-2">
|
|
<label class="text-sm font-bold text-gray-500 tracking-wide">Attach Document</label>
|
|
<div class="flex items-center justify-center w-full">
|
|
<label class="flex flex-col rounded-lg border-4 border-dashed w-full h-60 p-10 group text-center cursor-pointer">
|
|
<div class="h-full w-full text-center flex flex-col items-center justify-center items-center ">
|
|
<div class="flex flex-auto max-h-48 w-2/5 mx-auto -mt-10">
|
|
<img class="has-mask h-36 object-center" src="https://img.freepik.com/free-vector/image-upload-concept-landing-page_52683-27130.jpg?size=338&ext=jpg" alt="freepik image">
|
|
</div>
|
|
<p class="pointer-none text-gray-500 "><span class="text-sm">Drag and drop</span> files here <br /> or
|
|
<span class="text-blue-600 hover:underline">select a file</span>
|
|
from your computer</p>
|
|
</div>
|
|
<input type="file" class="hidden" id="file-input" name="uploaded_file" accept=".fit">
|
|
</label>
|
|
<p id="file-name-display" class="text-sm text-gray-500"></p>
|
|
</div>
|
|
</div>
|
|
<p class="text-sm text-gray-300">
|
|
<span>File type: .fit</span>
|
|
</p>
|
|
<div class="flex justify-center">
|
|
<button type="submit" class="my-5 w-3/4 flex justify-center bg-blue-500 text-gray-100 p-4 rounded-full tracking-wide
|
|
font-semibold focus:outline-none focus:shadow-outline hover:bg-blue-600 shadow-lg cursor-pointer transition ease-in duration-300">
|
|
Upload
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %} |