<script setup>
</script>

<template>
  <main>
    <div class="task-new-wrapper">
      <div class="task">
        <input type="text" class="title" placeholder="What are you working on?" value="Making frontend">
        <a href="#">+ Project</a>
      </div>
      <div class="task">
        <img src="/src/assets/svg/dollar.svg" alt="">
        <div>
          <input type="time" value="00:00">
          <button>Start</button>
          <img src="/src/assets/svg/dots.svg" alt="">
        </div>
      </div>
    </div>
    <div class="task-day-wrapper">
      <div class="header">
        <div class="left">
          <p>Wed, Dec 13</p>
        </div>
        <div class="right">
          <p>Total: 1:45:21</p>
        </div>
      </div>
      <div class="task-wrapper">
        <div class="task">
          <span>
            <input type="text" class="title" placeholder="What are you working on?" value="Making frontend">
          </span>
          <span>
            <p>TiM</p>
            <p>Filip Rojek</p>
          </span>
          <span>
            <img src="/src/assets/svg/dollar.svg" alt="">
          </span>
          <span>
            <input type="time" value="00:00">
            <p>-</p>
            <input type="time" value="01:45">
          </span>
          <span>
            <input type="time" value="01:45">
          </span>
          <span>
            <img src="/src/assets/svg/play.svg" alt="">
          </span>
          <span>
            <img src="/src/assets/svg/dots.svg" alt="">
          </span>
        </div>
      </div>
    </div>
    <div class="task-day-wrapper">
      <div class="header">
        <div class="left">
          <p>Wed, Dec 13</p>
        </div>
        <div class="right">
          <p>Total: 1:45:21</p>
        </div>
      </div>
      <div class="task-wrapper">
        <div class="task">
          <span>
            <input type="text" class="title" placeholder="What are you working on?" value="Making frontend">
          </span>
          <span>
            <p>TiM</p>
            <p>Filip Rojek</p>
          </span>
          <span>
            <img src="/src/assets/svg/dollar.svg" alt="">
          </span>
          <span>
            <input type="time" value="00:00">
            <p>-</p>
            <input type="time" value="01:45">
          </span>
          <span>
            <input type="time" value="01:45">
          </span>
          <span>
            <img src="/src/assets/svg/play.svg" alt="">
          </span>
          <span>
            <img src="/src/assets/svg/dots.svg" alt="">
          </span>
        </div>
      </div>
    </div>
    <div class="task-day-wrapper">
      <div class="header">
        <div class="left">
          <p>Wed, Dec 13</p>
        </div>
        <div class="right">
          <p>Total: 1:45:21</p>
        </div>
      </div>
      <div class="task-wrapper">
        <div class="task">
          <span>
            <input type="text" class="title" placeholder="What are you working on?" value="Making frontend">
          </span>
          <span>
            <p>TiM</p>
            <p>Filip Rojek</p>
          </span>
          <span>
            <img src="/src/assets/svg/dollar.svg" alt="">
          </span>
          <span>
            <input type="time" value="00:00">
            <p>-</p>
            <input type="time" value="01:45">
          </span>
          <span>
            <input type="time" value="01:45">
          </span>
          <span>
            <img src="/src/assets/svg/play.svg" alt="">
          </span>
          <span>
            <img src="/src/assets/svg/dots.svg" alt="">
          </span>
        </div>
      </div>
    </div>
  </main>
</template>
