diff --git a/.vs/FakturyWeb/v16/.suo b/.vs/FakturyWeb/v16/.suo
index 28c990e..9bba776 100644
Binary files a/.vs/FakturyWeb/v16/.suo and b/.vs/FakturyWeb/v16/.suo differ
diff --git a/Pages/Faktury/Create.cshtml b/Pages/Faktury/Create.cshtml
index 8568213..9b7503e 100644
--- a/Pages/Faktury/Create.cshtml
+++ b/Pages/Faktury/Create.cshtml
@@ -9,127 +9,192 @@
 
 <h4>FAKTURA</h4>
 <hr />
-<div class="row">
-    <div class="col-md-4">
-        <form method="post">
-            <div asp-validation-summary="ModelOnly" class="text-danger"></div>
-            <div class="form-group">
-                <label asp-for="FAKTURA.ZakaznikID" class="control-label"></label>
-                <select asp-for="FAKTURA.ZakaznikID" class="form-control" asp-items="ViewBag.Zakaznici"></select>
-            </div>
-            <div class="form-group">
-                <label asp-for="FAKTURA.CISLO" class="control-label"></label>
-                <input asp-for="FAKTURA.CISLO" class="form-control" />
-                <span asp-validation-for="FAKTURA.CISLO" class="text-danger"></span>
-            </div>
-            <div class="form-group">
-                <label asp-for="FAKTURA.VYSTAVENI" class="control-label"></label>
-                <input asp-for="FAKTURA.VYSTAVENI" class="form-control" />
-                <span asp-validation-for="FAKTURA.VYSTAVENI" class="text-danger"></span>
-            </div>
-            <div class="form-group">
-                <label asp-for="FAKTURA.SPLATNOST" class="control-label"></label>
-                <input asp-for="FAKTURA.SPLATNOST" class="form-control" />
-                <span asp-validation-for="FAKTURA.SPLATNOST" class="text-danger"></span>
-            </div>
-            <div class="form-group">
-                <label asp-for="FAKTURA.FORMA_UHRADY" class="control-label"></label>
-                <select asp-for="FAKTURA.FORMA_UHRADY" class="form-control" asp-items="ViewBag.FormyUhrady"></select>
-                @*<input asp-for="FAKTURA.FORMA_UHRADY" class="form-control" />*@
-                @*<span asp-validation-for="FAKTURA.FORMA_UHRADY" class="text-danger"></span>*@
-            </div>
-            <div class="form-group">
-                <label asp-for="FAKTURA.D_PRAJM" class="control-label"></label>
-                <input asp-for="FAKTURA.D_PRAJM" class="form-control" />
-                <span asp-validation-for="FAKTURA.D_PRAJM" class="text-danger"></span>
-            </div>
-            <div class="form-group">
-                <label asp-for="FAKTURA.D_ULICE" class="control-label"></label>
-                <input asp-for="FAKTURA.D_ULICE" class="form-control" />
-                <span asp-validation-for="FAKTURA.D_ULICE" class="text-danger"></span>
-            </div>
-            <div class="form-group">
-                <label asp-for="FAKTURA.D_MESTO" class="control-label"></label>
-                <input asp-for="FAKTURA.D_MESTO" class="form-control" />
-                <span asp-validation-for="FAKTURA.D_MESTO" class="text-danger"></span>
-            </div>
-            <div class="form-group">
-                <label asp-for="FAKTURA.D_PSC" class="control-label"></label>
-                <input asp-for="FAKTURA.D_PSC" class="form-control" />
-                <span asp-validation-for="FAKTURA.D_PSC" class="text-danger"></span>
-            </div>
-            <div class="form-group">
-                <label asp-for="FAKTURA.D_IC" class="control-label"></label>
-                <input asp-for="FAKTURA.D_IC" class="form-control" />
-                <span asp-validation-for="FAKTURA.D_IC" class="text-danger"></span>
-            </div>
-            <div class="form-group">
-                <label asp-for="FAKTURA.D_DIC" class="control-label"></label>
-                <input asp-for="FAKTURA.D_DIC" class="form-control" />
-                <span asp-validation-for="FAKTURA.D_DIC" class="text-danger"></span>
-            </div>
-            <div class="form-group">
-                <label asp-for="FAKTURA.D_BANKA" class="control-label"></label>
-                <input asp-for="FAKTURA.D_BANKA" class="form-control" />
-                <span asp-validation-for="FAKTURA.D_BANKA" class="text-danger"></span>
-            </div>
-            <div class="form-group">
-                <label asp-for="FAKTURA.D_TELEFON" class="control-label"></label>
-                <input asp-for="FAKTURA.D_TELEFON" class="form-control" />
-                <span asp-validation-for="FAKTURA.D_TELEFON" class="text-danger"></span>
-            </div>
-            <div class="form-group">
-                <label asp-for="FAKTURA.D_EMAIL" class="control-label"></label>
-                <input asp-for="FAKTURA.D_EMAIL" class="form-control" />
-                <span asp-validation-for="FAKTURA.D_EMAIL" class="text-danger"></span>
-            </div>
-            <div class="form-group">
-                <label asp-for="FAKTURA.D_WEB" class="control-label"></label>
-                <input asp-for="FAKTURA.D_WEB" class="form-control" />
-                <span asp-validation-for="FAKTURA.D_WEB" class="text-danger"></span>
-            </div>
-            <div class="form-group">
-                <label asp-for="FAKTURA.O_PRAJM" class="control-label"></label>
-                <input asp-for="FAKTURA.O_PRAJM" class="form-control" />
-                <span asp-validation-for="FAKTURA.O_PRAJM" class="text-danger"></span>
-            </div>
-            <div class="form-group">
-                <label asp-for="FAKTURA.O_ULICE" class="control-label"></label>
-                <input asp-for="FAKTURA.O_ULICE" class="form-control" />
-                <span asp-validation-for="FAKTURA.O_ULICE" class="text-danger"></span>
-            </div>
-            <div class="form-group">
-                <label asp-for="FAKTURA.O_MESTO" class="control-label"></label>
-                <input asp-for="FAKTURA.O_MESTO" class="form-control" />
-                <span asp-validation-for="FAKTURA.O_MESTO" class="text-danger"></span>
-            </div>
-            <div class="form-group">
-                <label asp-for="FAKTURA.O_PSC" class="control-label"></label>
-                <input asp-for="FAKTURA.O_PSC" class="form-control" />
-                <span asp-validation-for="FAKTURA.O_PSC" class="text-danger"></span>
-            </div>
-            <div class="form-group">
-                <label asp-for="FAKTURA.O_IC" class="control-label"></label>
-                <input asp-for="FAKTURA.O_IC" class="form-control" />
-                <span asp-validation-for="FAKTURA.O_IC" class="text-danger"></span>
-            </div>
-            <div class="form-group">
-                <label asp-for="FAKTURA.O_DIC" class="control-label"></label>
-                <input asp-for="FAKTURA.O_DIC" class="form-control" />
-                <span asp-validation-for="FAKTURA.O_DIC" class="text-danger"></span>
-            </div>
+<form method="post">
+  <div class="accordion" id="accordionFaktura">
+    <div class="accordion-item">
+      <h2 class="accordion-header" id="headingOne">
+        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseBase" aria-expanded="true" aria-controls="collapseBase">
+          Základní údaje
+        </button>
+      </h2>
+      <div id="collapseBase" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionFaktura">
+        <div class="accordion-body row g-3">
+          <div class="form-group col-md-1">
+            <label asp-for="FAKTURA.CISLO" class="control-label"></label>
+            <input asp-for="FAKTURA.CISLO" class="form-control" />
+            <span asp-validation-for="FAKTURA.CISLO" class="text-danger"></span>
+          </div>
 
-            <div class="form-group">
-                <label asp-for="FAKTURA.CINNOSTI" class="control-label"></label>
-                <input asp-for="FAKTURA.CINNOSTI" class="form-control" />
-                <span asp-validation-for="FAKTURA.CINNOSTI" class="text-danger"></span>
-            </div>
-            <div class="form-group">
-                <input type="submit" value="Create" class="btn btn-primary" />
-            </div>
-        </form>
+          <div asp-validation-summary="ModelOnly" class="text-danger"></div>
+          <div class="form-group col-md-8">
+            <label asp-for="FAKTURA.ZakaznikID" class="control-label"></label>
+            <select asp-for="FAKTURA.ZakaznikID" class="form-select" asp-items="ViewBag.Zakaznici"></select>
+          </div>
+
+          <div class="form-group col-md-4">
+            <label asp-for="FAKTURA.VYSTAVENI" class="control-label"></label>
+            <input asp-for="FAKTURA.VYSTAVENI" class="form-control" />
+            <span asp-validation-for="FAKTURA.VYSTAVENI" class="text-danger"></span>
+          </div>
+
+          <div class="form-group col-md-4">
+            <label asp-for="FAKTURA.FORMA_UHRADY" class="control-label"></label>
+            <select asp-for="FAKTURA.FORMA_UHRADY" class="form-control" asp-items="ViewBag.FormyUhrady"></select>
+          </div>
+
+          <div class="form-group col-md-4">
+            <label asp-for="FAKTURA.SPLATNOST" class="control-label"></label>
+            <input asp-for="FAKTURA.SPLATNOST" class="form-control" />
+            <span asp-validation-for="FAKTURA.SPLATNOST" class="text-danger"></span>
+          </div>
+        </div>
+      </div>
     </div>
-</div>
+
+    <div class="accordion-item">
+      <h2 class="accordion-header" id="headingTwo">
+        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseDetail" aria-expanded="false" aria-controls="collapseDetail">
+          Detailní informace
+        </button>
+      </h2>
+      <div id="collapseDetail" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionFaktura">
+        <div class="accordion-body row">
+          <div class="col-sm-6">
+            <div class="card">
+              <h5 class="card-header">Dodavatel</h5>
+              <div class="card-body">
+                <div class="row g-3">
+
+                  <div class="form-group col-md-4">
+                    <label asp-for="FAKTURA.D_PRAJM" class="control-label"></label>
+                    <input asp-for="FAKTURA.D_PRAJM" class="form-control" />
+                    <span asp-validation-for="FAKTURA.D_PRAJM" class="text-danger"></span>
+                  </div>
+
+                  <div class="form-group col-md-4">
+                    <label asp-for="FAKTURA.D_ULICE" class="control-label"></label>
+                    <input asp-for="FAKTURA.D_ULICE" class="form-control" />
+                    <span asp-validation-for="FAKTURA.D_ULICE" class="text-danger"></span>
+                  </div>
+
+                  <div class="form-group col-md-4">
+                    <label asp-for="FAKTURA.D_MESTO" class="control-label"></label>
+                    <input asp-for="FAKTURA.D_MESTO" class="form-control" />
+                    <span asp-validation-for="FAKTURA.D_MESTO" class="text-danger"></span>
+                  </div>
+
+                  <div class="form-group col-md-4">
+                    <label asp-for="FAKTURA.D_PSC" class="control-label"></label>
+                    <input asp-for="FAKTURA.D_PSC" class="form-control" />
+                    <span asp-validation-for="FAKTURA.D_PSC" class="text-danger"></span>
+                  </div>
+
+                  <div class="form-group col-md-4">
+                    <label asp-for="FAKTURA.D_IC" class="control-label"></label>
+                    <input asp-for="FAKTURA.D_IC" class="form-control" />
+                    <span asp-validation-for="FAKTURA.D_IC" class="text-danger"></span>
+                  </div>
+
+                  <div class="form-group col-md-4">
+                    <label asp-for="FAKTURA.D_DIC" class="control-label"></label>
+                    <input asp-for="FAKTURA.D_DIC" class="form-control" />
+                    <span asp-validation-for="FAKTURA.D_DIC" class="text-danger"></span>
+                  </div>
+
+                  <div class="form-group col-md-4">
+                    <label asp-for="FAKTURA.D_BANKA" class="control-label"></label>
+                    <input asp-for="FAKTURA.D_BANKA" class="form-control" />
+                    <span asp-validation-for="FAKTURA.D_BANKA" class="text-danger"></span>
+                  </div>
+
+                  <div class="form-group col-md-4">
+                    <label asp-for="FAKTURA.D_TELEFON" class="control-label"></label>
+                    <input asp-for="FAKTURA.D_TELEFON" class="form-control" />
+                    <span asp-validation-for="FAKTURA.D_TELEFON" class="text-danger"></span>
+                  </div>
+
+                  <div class="form-group col-md-4">
+                    <label asp-for="FAKTURA.D_EMAIL" class="control-label"></label>
+                    <input asp-for="FAKTURA.D_EMAIL" class="form-control" />
+                    <span asp-validation-for="FAKTURA.D_EMAIL" class="text-danger"></span>
+                  </div>
+
+                  <div class="form-group col-md-4">
+                    <label asp-for="FAKTURA.D_WEB" class="control-label"></label>
+                    <input asp-for="FAKTURA.D_WEB" class="form-control" />
+                    <span asp-validation-for="FAKTURA.D_WEB" class="text-danger"></span>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="col-sm-6">
+            <div class="card">
+              <h5 class="card-header">Odběratel</h5>
+              <div class="card-body">
+                <div class="row g-3">
+
+                  <div class="form-group col-md-4">
+                    <label asp-for="FAKTURA.O_PRAJM" class="control-label"></label>
+                    <input asp-for="FAKTURA.O_PRAJM" class="form-control" />
+                    <span asp-validation-for="FAKTURA.O_PRAJM" class="text-danger"></span>
+                  </div>
+
+                  <div class="form-group col-md-4">
+                    <label asp-for="FAKTURA.O_ULICE" class="control-label"></label>
+                    <input asp-for="FAKTURA.O_ULICE" class="form-control" />
+                    <span asp-validation-for="FAKTURA.O_ULICE" class="text-danger"></span>
+                  </div>
+
+                  <div class="form-group col-md-4">
+                    <label asp-for="FAKTURA.O_MESTO" class="control-label"></label>
+                    <input asp-for="FAKTURA.O_MESTO" class="form-control" />
+                    <span asp-validation-for="FAKTURA.O_MESTO" class="text-danger"></span>
+                  </div>
+
+                  <div class="form-group col-md-4">
+                    <label asp-for="FAKTURA.O_PSC" class="control-label"></label>
+                    <input asp-for="FAKTURA.O_PSC" class="form-control" />
+                    <span asp-validation-for="FAKTURA.O_PSC" class="text-danger"></span>
+                  </div>
+
+                  <div class="form-group col-md-4">
+                    <label asp-for="FAKTURA.O_IC" class="control-label"></label>
+                    <input asp-for="FAKTURA.O_IC" class="form-control" />
+                    <span asp-validation-for="FAKTURA.O_IC" class="text-danger"></span>
+                  </div>
+
+                  <div class="form-group col-md-4">
+                    <label asp-for="FAKTURA.O_DIC" class="control-label"></label>
+                    <input asp-for="FAKTURA.O_DIC" class="form-control" />
+                    <span asp-validation-for="FAKTURA.O_DIC" class="text-danger"></span>
+                  </div>
+
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+      </div>
+
+
+    </div>
+  </div>
+
+
+
+  <div class="form-group">
+    <label asp-for="FAKTURA.CINNOSTI" class="control-label"></label>
+    <input asp-for="FAKTURA.CINNOSTI" class="form-control" />
+    <span asp-validation-for="FAKTURA.CINNOSTI" class="text-danger"></span>
+  </div>
+  <div class="form-group">
+    <input type="submit" value="Create" class="btn btn-primary" />
+  </div>
+</form>
 
 <div>
     <a asp-page="Index">Back to List</a>
diff --git a/Pages/Faktury/Create.cshtml.cs b/Pages/Faktury/Create.cshtml.cs
index 33108a5..08dc336 100644
--- a/Pages/Faktury/Create.cshtml.cs
+++ b/Pages/Faktury/Create.cshtml.cs
@@ -31,7 +31,6 @@ namespace FakturyWeb.Pages.Faktury
       return Page();
     }
 
-
     [BindProperty]
     public FAKTURA FAKTURA { get; set; }
 
@@ -48,5 +47,11 @@ namespace FakturyWeb.Pages.Faktury
 
         return RedirectToPage("./Index");
     }
+
+    public Task<ContentResult> OnGetZakaznik(int zakaznikID)
+    {
+      // vrat zakaznika
+      //viz: https://stackoverflow.com/questions/68854396/how-do-i-load-form-fields-based-on-a-value-changed-in-a-dropdownlist-in-my-asp-n
+    }
   }
 }