From 7b4b8948291bbf065f819691f774673face40821 Mon Sep 17 00:00:00 2001
From: surtur <a_mirre@utb.cz>
Date: Thu, 16 Apr 2020 02:43:29 +0200
Subject: [PATCH] added nested card

---
 css/main.css | 19 +++++++++++++++++-
 index.html   | 55 ++++++++++++++++++++++++++++++++++++++++++++++------
 2 files changed, 67 insertions(+), 7 deletions(-)

diff --git a/css/main.css b/css/main.css
index de4cc0b..d202741 100644
--- a/css/main.css
+++ b/css/main.css
@@ -61,8 +61,9 @@ nav > .breadcrumb {
 .card-body > .row:not(:last-of-type):not(:first-of-type) {
     border-bottom: solid .1em gainsboro;
 }
-.card-body > .raow > .col:last-child {
+.card-body.nogridlines > .row {
     border-bottom: 0;
+    padding: 0;
 }
 
 #filepicker {
@@ -71,4 +72,20 @@ nav > .breadcrumb {
 }
 #filepicker:hover {
     cursor: pointer;
+}
+#poznamky {
+    border: solid .1em lightskyblue;
+    margin: 1em;
+}
+#poznamky-header {
+    background-color: lightskyblue;
+    color: teal;
+    
+}
+#petr1 {
+    border: solid .1em rgb(27, 123, 202);
+}
+#petr1-header {
+    background-color: rgb(27, 123, 202);
+    color: blue;
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index c52715a..5a859ab 100644
--- a/index.html
+++ b/index.html
@@ -8,7 +8,7 @@
   <!-- Bootstrap CSS -->
   <link rel="stylesheet" href="./css/bootstrap.min.css"
     integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
-    <link href="./css/oi-bootstrap-min.css" rel="stylesheet">
+  <link href="./css/oi-bootstrap-min.css" rel="stylesheet">
   <link rel="stylesheet" href="./css/main.css">
   <title>tew-0x01</title>
 </head>
@@ -98,7 +98,7 @@
           <div class="form-group">
             <label for="sel1">Nabídka k poptávce</label>
             <select class="form-control" id="sel1">
-              <option>Automatická svářečka pytluu</option>
+              <option>Automatická svářečka pytluu (ID: 3)</option>
               <option>2</option>
               <option>3</option>
               <option>4</option>
@@ -144,7 +144,8 @@
           </div>
           <div class="col-md-5 ml-auto">
             <!-- <a class="col-lg-3 btn btn-block ml-auto" style="color: white;" href="#" role="button">Připojit soubor</a> -->
-            <label class="col-lg-5 btn btn-block ml-auto" id="filepicker"><span class="oi oi-plus" aria-hidden="true"> Připojit soubor</span>
+            <label class="col-lg-5 btn btn-block ml-auto" id="filepicker"><span class="oi oi-plus" aria-hidden="true">
+                Připojit soubor</span>
               <input type="file" hidden>
             </label>
           </div>
@@ -198,11 +199,53 @@
       </div>
     </div>
 
-    <div class="row bg-white">
-      <div class="col btn btn-block">
-        <a class="col-lg-4 btn btn-block btn-primary" href="#">Ulozit</a>
+
+    <div class="card" id="poznamky">
+      <h5 class="card-header" id="poznamky-header">
+        <div class="row" id="nopaddingplz">
+          <div class="col-md-3">
+            <h4>Poznámky</h4>
+          </div>
+        </div>
+      </h5>
+      <div class="card-body nogridlines">
+        <div class="row" id="nopaddingplz">
+          <div class="col-10 form-group">
+            <textarea class="col form-control" rows="3" id="poznamka-textarea" placeholder="Nová poznámka"></textarea>
+          </div>
+          <div class="col-md-2 d-flex justify-content-sm-center">
+            <a class="col btn btn-block btn-info h-75" href="#">Vložit poznámku</a>
+          </div>
+        </div>
+        <div class="row">
+          <div class="col">
+            <div class="card" id="petr1">
+              <h6 class="card-header" id="petr1-header">
+                <div class="row" id="nopaddingplz">
+                  <div class="col-md-5">
+                    Petr Novák - 27.5.2018
+                  </div>
+                  <div class="col-sm-4 ml-auto">
+                    <label class="col-sm-4 btn btn-block ml-auto" id="trash-pencil"><span class="oi oi-trash btn-outline-dark" aria-hidden="true"></span> <span class="oi oi-pencil btn-outline-dark" aria-hidden="true"></span></label></div>
+                    <div class="custom-control custom-checkbox">
+                      <input type="checkbox" class="custom-control-input" id="defaultUnchecked">
+                      <label class="custom-control-label" for="defaultUnchecked">soukromé</label>
+                  </div>
+                </div>
+              </h6>
+              <div class="card-body nogridlines">
+                <div class="row">
+                  <div class="col">
+                    <p>Nabídku sem odeslal 26.5.2018 přímo generálnímu řediteli.</p>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
       </div>
     </div>
+  </div>
 
   <!-- Optional JavaScript -->
   <!-- jQuery first, then Popper.js, then Bootstrap JS -->