From b0fb21672abfb7165948d29006cafd2eff2d7c8c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?D=C3=B6m=C5=91k=20D=C3=A1vid?= <david31415@sch.bme.hu>
Date: Wed, 27 Jan 2021 03:27:59 +0000
Subject: [PATCH] =?UTF-8?q?Hozz=C3=A1ad=C3=A1s=20fel=C3=BClet=20l=C3=A9tre?=
 =?UTF-8?q?hoz=C3=A1sa=20kliens=20oldalon?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 feladat1/form.php | 67 ++++++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 63 insertions(+), 4 deletions(-)

diff --git a/feladat1/form.php b/feladat1/form.php
index 71e0085..020d989 100644
--- a/feladat1/form.php
+++ b/feladat1/form.php
@@ -1,11 +1,70 @@
 <!DOCTYPE html>
 <html>
 <head>
-<meta charset="UTF-8" />
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <!--- Bootstrap CSS --->
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> 
+
+
+
+
+
+
 <title>Hozzáadás felület</title>
 </head>
 <body>
-Form helye
-</table>
+    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
+
+<!--- NOTE: a feladat leírásánban card szerepel, de szerintem ez elírás mert a form való erre. -->
+
+    <form>
+	<div class="form-group">
+		<label for="tulajInput">Tulajdonos</label>
+		<input type="email" class="form-control" id="tulajInput" required>
+    	</div>
+	<div class="form-group">
+		<label for="autoType">Autó típus</label>
+		<select class="form-control" id="autoType">
+<!--- TODO: A típusokat dinamikusan kell lekérni az auto táblából. -->
+			<option value="1">Típus1</option>
+			<option value="2">Típus2</option>
+			<option value="3">Típus3</option>
+		</select>
+  	</div>
+	<div class="form-check">
+		<input type="checkbox" class="form-check-input" id="garancia">
+		<label class="garancia" for="exampleCheck1">Garanciális?</label>
+	</div>
+
+<!--- TODO: Ezt is adatbázisból kéne szedni -->
+<!--- NOTE: Tisztázni az értékeket, mert így az 5 éves autó nem egyértelmű hova kerül -->
+	<div class="form-check">
+  		<input class="form-check-input" type="radio" name="eletkor" id="exampleRadios1" value="1">
+		<label class="form-check-label" for="exampleRadios1">0-5</label>
+	</div>
+	<div class="form-check">
+		<input class="form-check-input" type="radio" name="eletkor" id="exampleRadios2" value="2">
+  		<label class="form-check-label" for="exampleRadios2">5-10</label>
+	</div>
+	<div class="form-check">
+		<input class="form-check-input" type="radio" name="eletkor" id="exampleRadios3" value="3">
+  		<label class="form-check-label" for="exampleRadios3">10+</label>
+	</div>
+
+<!--- TODO: Date picker -->
+
+
+
+	<button type="submit" class="btn btn-primary">Submit</button>
+    </form>
+
+
+
+
 </body>
-</html>
\ No newline at end of file
+</html>
+
-- 
GitLab