fragments views

1 files changed, 17 insertions, 88 deletions

diff --git a/resources/views/cocktail_index.blade.php b/resources/views/cocktail_index.blade.php
index 16156e3..5e3385c 100644
--- a/resources/views/cocktail_index.blade.php
+++ b/resources/views/cocktail_index.blade.php
@@ -6,48 +6,19 @@ Cocktailsuche
 
 @section('css')
 <style>
-
-/*
-html,
-body {
-  height: 100%;
-}
-
-body {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-align: center;
-  align-items: center;
-  padding-top: 40px;
-  padding-bottom: 40px;
-  background-color: #f5f5f5;
-}
-
-.form-search {
-  width: 100%;
-  max-width: 330px;
-  padding: 15px;
-  margin: auto;
-}
-.form-search .checkbox {
-  font-weight: 400;
-}
-.form-search .form-control {
-  position: relative;
-  box-sizing: border-box;
-  height: auto;
-  padding: 10px;
-  font-size: 16px;
-}
-.form-search .form-control:focus {
-  z-index: 2;
-}
-.form-search input {
-  margin-bottom: 10px;
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-}
-*/
+        .card {
+                box-shadow: inherit !important;
+        }
+	.form-text {
+		color: rgba(0,0,0,.7);
+	}
+	h2 {
+		font-size: 1.8rem !important;
+	}
+	#cocktail_search_form_field > input {
+		/*font-size: 1.2rem !important;*/
+		font-size: 18px !important;
+	}
 </style>
 
 
@@ -56,53 +27,11 @@ body {
 @section('content')
 @include('snippets.breadcrumbs')
 
-@if ( "cocktail_index" == Request::route()->getName() )
-
-<div class="container">
-
-<header class="page-header">
-
-<div class="alert alert-error">
-
-<h1 class>Cocktailsuche!</h1>
-        <p style="font-size: 17px;">
-         Suche nach deinen Zutaten in über {{ $cocktail_count }} Cocktails.
-        </p>
+<main class="site-main" id="main">
+    <div class="container" style="padding: 0">
 
+@include('fragments.cocktails')
 
-        <form class="form-search" id="form-search" action="{{ route('cocktail_search') }}">
-          <div class="form-group">
-            <label for=""></label>
-	    <div id="cocktail_search_form_field">
-            <input type="text" class="form-control" id=i name="i[]" id="front_search_form" aria-describedby="suchform-help" placeholder="Hier nach der gewünschten Zutat suchen...">
-	    </div>
-            <p id="front_search_help" class="form-text">Wie wäre es zum Beispiel mit einem Cocktail aus Gin und Wermut?</p>
-          </div>
-  	  <button class="btn btn-primary" type="button" onclick="addField()">Zutat hinzufügen</button>
-          <button type="submit" class="btn btn-secondary">Suchen</button>
-        </form>
-
-<!--div class="text-center mb-4"-->
-<!--
-<form class="form-search" id="form-search" action="{{ route('cocktail_search') }}">
-	<h1 class="h3 mb-3 font-weight-normal" id="">
-Cocktail!
-</h1>
-<p> nach deinen Zutaten in über {{ $cocktail_count }} Cocktails.
-</p>
-<div id="search-form-group">
-  <input type="" id="i" class="form-control" placeholder="Zutat..." name="i[]" required autofocus>
-</div>
-
-  <button class="btn btn-lg btn-secondary btn-block" type="button" onclick="addField()">Zutat hinzufügen</button>
-  <button class="btn btn-lg btn-primary btn-block" type="submit"></button>
-
-</p>
-</form>
--->
-
-</div>
-</header>
+    </div>
 </div>
-  @endif
 @endsection