add form element

master
Gustavo Luigi 2022-08-28 20:00:56 +02:00
parent 4a9d8cde2e
commit b52facf112
2 changed files with 35 additions and 18 deletions

View File

@ -7,5 +7,21 @@
"name": "Areya Webservices", "name": "Areya Webservices",
"link": "https://www.areya.de/" "link": "https://www.areya.de/"
}, },
"lumino-version": {"min": "3.0", "max": "3.1"} "lumino-version": {"min": "3.0", "max": "3.1"},
"content-types": [
{
"name":"Produkt",
"description":"Produkt",
"icon":"shopping-bag",
"status":1,
"blade":"produkt",
"fields":[{
"name":"Preis",
"type":"number",
"description":"",
"position":1,
"required":1,
"default_value":""
},{"name":"Lieferumfang","type":"textfield","description":"","position":2,"required":1,"default_value":""}]}
]
} }

View File

@ -7,6 +7,11 @@
@stop @stop
@section('content') @section('content')
<div class="container"> <div class="container">
@if(session()->has('success'))
<div class="alert alert-success">{{session()->get('success')}}</div>
@elseif(session()->has('error'))
<div class="alert alert-danger">{{session()->get('error')}}</div>
@endif
<section> <section>
<div class="row"> <div class="row">
<div class="col-5 offset-1"> <div class="col-5 offset-1">
@ -56,9 +61,7 @@
<h1>Steckersolar Max 600</h1> <h1>Steckersolar Max 600</h1>
<div class="ms-3 mt-3 mb-3"> <div class="ms-3 mt-3 mb-3">
<span class="fs-4 fw-bold" style="color: #546c8a;">759 €</span> <span class="fs-4 fw-bold" style="color: #546c8a;">759 €</span>

<span class="text-muted fs-7">Inkl. MwSt.</span> <span class="text-muted fs-7">Inkl. MwSt.</span>

</div> </div>
<div class="ms-3 mt-3 mb-3 fs-6 fw-bolder" style="color: #79b27f;"> <div class="ms-3 mt-3 mb-3 fs-6 fw-bolder" style="color: #79b27f;">
<svg style="fill: currentColor; width: 22px; margin-right: 10px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M624 352h-16V243.9c0-12.7-5.1-24.9-14.1-33.9L494 110.1c-9-9-21.2-14.1-33.9-14.1H416V48c0-26.5-21.5-48-48-48H112C85.5 0 64 21.5 64 48v48H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h272c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H40c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h208c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h208c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H64v128c0 53 43 96 96 96s96-43 96-96h128c0 53 43 96 96 96s96-43 96-96h48c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zM160 464c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm320 0c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm80-208H416V144h44.1l99.9 99.9V256z"/></svg> <svg style="fill: currentColor; width: 22px; margin-right: 10px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M624 352h-16V243.9c0-12.7-5.1-24.9-14.1-33.9L494 110.1c-9-9-21.2-14.1-33.9-14.1H416V48c0-26.5-21.5-48-48-48H112C85.5 0 64 21.5 64 48v48H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h272c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H40c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h208c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h208c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H64v128c0 53 43 96 96 96s96-43 96-96h128c0 53 43 96 96 96s96-43 96-96h48c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zM160 464c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm320 0c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm80-208H416V144h44.1l99.9 99.9V256z"/></svg>
@ -66,7 +69,6 @@
<br> <br>
<svg style="fill: currentColor; width:18px; margin-right: 15px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M504.99 105.01l-97.9-98c-7.71-7.71-16-7-23.1-7v128h128c0-7.53.64-15.35-7-23zm-153 31V.01H152c-13.3 0-24 10.7-24 24V133c18.3-5 19.58-5 26.45-5 16.23 0 32.1 6.67 43.53 18.3 8.72 9.59 4.41 6.98 18.28 10.76 21.07 5.75 37.64 22.53 43.23 43.8 3.11 13.2.6 8.66 10.75 18.99 15.25 15.51 21.26 38.26 15.7 59.36-3.75 13.23-3.71 8.01 0 22.12 5.57 21.11-.45 43.85-15.69 59.37-9.64 9.36-7.04 4.88-10.75 18.99-4.89 18.59-18.16 33.75-35.5 41.12V512h263.99c13.3 0 24-10.7 24-24V160.01h-136c-13.2 0-24-10.8-24-24zM247.42 338.28c7.4-7.53 10.29-18.5 7.58-28.79-5.43-20.65-5.44-17.74 0-38.42 2.71-10.28-.18-21.26-7.58-28.79-14.86-15.12-13.43-12.61-18.87-33.27-2.71-10.28-10.6-18.32-20.71-21.07-20.28-5.53-17.84-4.1-32.69-19.21-7.4-7.53-18.18-10.47-28.28-7.71-20.32 5.54-17.46 5.53-37.75 0-10.1-2.76-20.88.19-28.28 7.71-14.91 15.18-12.5 13.7-32.69 19.21-10.11 2.76-18 10.79-20.71 21.07-5.46 20.74-4 18.13-18.87 33.27-7.4 7.53-10.29 18.5-7.58 28.79 5.45 20.71 5.42 17.79 0 38.41-2.71 10.28.18 21.26 7.58 28.79 14.85 15.11 13.43 12.61 18.87 33.27 2.71 10.28 10.6 18.32 20.71 21.07 14.31 3.9 11.52 2.97 15.84 5V512l64-32 64 32V397.62c4.31-2.02 1.52-1.1 15.84-5 10.11-2.76 18-10.79 20.71-21.07 5.47-20.74 4.01-18.13 18.88-33.27zM128 352.01c-35.34 0-64-28.65-64-64s28.66-64 64-64 64 28.65 64 64-28.66 64-64 64z"/></svg> <svg style="fill: currentColor; width:18px; margin-right: 15px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M504.99 105.01l-97.9-98c-7.71-7.71-16-7-23.1-7v128h128c0-7.53.64-15.35-7-23zm-153 31V.01H152c-13.3 0-24 10.7-24 24V133c18.3-5 19.58-5 26.45-5 16.23 0 32.1 6.67 43.53 18.3 8.72 9.59 4.41 6.98 18.28 10.76 21.07 5.75 37.64 22.53 43.23 43.8 3.11 13.2.6 8.66 10.75 18.99 15.25 15.51 21.26 38.26 15.7 59.36-3.75 13.23-3.71 8.01 0 22.12 5.57 21.11-.45 43.85-15.69 59.37-9.64 9.36-7.04 4.88-10.75 18.99-4.89 18.59-18.16 33.75-35.5 41.12V512h263.99c13.3 0 24-10.7 24-24V160.01h-136c-13.2 0-24-10.8-24-24zM247.42 338.28c7.4-7.53 10.29-18.5 7.58-28.79-5.43-20.65-5.44-17.74 0-38.42 2.71-10.28-.18-21.26-7.58-28.79-14.86-15.12-13.43-12.61-18.87-33.27-2.71-10.28-10.6-18.32-20.71-21.07-20.28-5.53-17.84-4.1-32.69-19.21-7.4-7.53-18.18-10.47-28.28-7.71-20.32 5.54-17.46 5.53-37.75 0-10.1-2.76-20.88.19-28.28 7.71-14.91 15.18-12.5 13.7-32.69 19.21-10.11 2.76-18 10.79-20.71 21.07-5.46 20.74-4 18.13-18.87 33.27-7.4 7.53-10.29 18.5-7.58 28.79 5.45 20.71 5.42 17.79 0 38.41-2.71 10.28.18 21.26 7.58 28.79 14.85 15.11 13.43 12.61 18.87 33.27 2.71 10.28 10.6 18.32 20.71 21.07 14.31 3.9 11.52 2.97 15.84 5V512l64-32 64 32V397.62c4.31-2.02 1.52-1.1 15.84-5 10.11-2.76 18-10.79 20.71-21.07 5.47-20.74 4.01-18.13 18.88-33.27zM128 352.01c-35.34 0-64-28.65-64-64s28.66-64 64-64 64 28.65 64 64-28.66 64-64 64z"/></svg>
Kostenloser Anmeldeservice beim Netzbetreiber inklusive Kostenloser Anmeldeservice beim Netzbetreiber inklusive

</div> </div>
<br> <br>
Lieferumfang: Lieferumfang:
@ -122,46 +124,45 @@
</h5> </h5>
</div> </div>
<div class="card-body"> <div class="card-body">
<form> <x-form id-name="anfrage" channels="bestaetigung,airtable">
<div class="mb-3"> <div class="mb-3">
<label for="" class="form-label">Anrede</label> <label for="" class="form-label">Anrede</label>
<select class="form-select" aria-label="Default select example"> <select class="form-select" name="anrede" aria-label="Default select example">
<option selected>Herr</option> <option selected>Herr</option>
<option value="1">Frau</option> <option>Frau</option>
<option value="2">Firma</option> <option>Firma</option>
<option value="3">Herr Dr.</option>
</select> </select>
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label for="" class="form-label">Vorname</label> <label for="" class="form-label">Vorname</label>
<input type="text" class="form-control" id="" aria-describedby="" placeholder="Maximilian"> <input type="text" class="form-control" name="vorname" aria-describedby="" placeholder="Maximilian">
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label for="" class="form-label">Nachname</label> <label for="" class="form-label">Nachname</label>
<input type="text" class="form-control" id="" aria-describedby="" placeholder="Meyer"> <input type="text" class="form-control" name="nachname" aria-describedby="" placeholder="Meyer">
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label for="exampleInputEmail1" class="form-label">E-Mail</label> <label for="exampleInputEmail1" class="form-label">E-Mail</label>
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="max.mustermann@areya.de"> <input type="email" class="form-control" name="email" aria-describedby="emailHelp" placeholder="max.mustermann@areya.de">
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label for="exampleInputEmail1" class="form-label">Telefon</label> <label for="exampleInputEmail1" class="form-label">Telefon</label>
<input type="text" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="0941467233"> <input type="text" class="form-control" name="telefon" aria-describedby="emailHelp" placeholder="0941467233">
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label for="exampleInputPassword1" class="form-label">Adresse</label> <label for="exampleInputPassword1" class="form-label">Adresse</label>
<input type="text" class="form-control" placeholder="Neuenhammerstr. 44, 92714 Pleystein" id="exampleInputPassword1"> <input type="text" class="form-control" name="adresse" placeholder="Neuenhammerstr. 44, 92714 Pleystein" id="exampleInputPassword1">
</div> </div>
<div class="mb-3 form-check mb-4"> <div class="mb-3 form-check mb-4">
<input type="checkbox" class="form-check-input" id="exampleCheck1"> <input type="checkbox" class="form-check-input" id="exampleCheck1" required>
<label class="form-check-label" for="exampleCheck1">Ich habe die Datenschutzbestimmungen gelesen und akzeptiert.</label> <label class="form-check-label" for="exampleCheck1">Ich habe die Datenschutzbestimmungen gelesen und akzeptiert.</label>
</div> </div>
<div class="d-block"> <div class="d-block">
<a href="" type="submit" class="btn btn-success d-block mx-auto"> <button type="submit" class="btn btn-success d-block mx-auto">
Angebot anfragen Angebot anfragen
</a> </button>
</div> </div>
</form> </x-form>
</div> </div>
</div> </div>
</div> </div>