oskarb/beerable
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Finished blade designs and methods and added sortable lists

Browse Source
This commit is contained in:
Oskar-Mikael
2021-09-05 16:41:14 +02:00
parent d1d2198ef5
commit 438246740f
21 changed files with 759 additions and 218 deletions
Download Patch File Download Diff File Expand all files Collapse all files

149
resources/views/list/show.blade.php
View File

@@ -1,70 +1,97 @@
@extends('layouts.app')
@section('content')
{{ $list->title }}
<div class="justify-center mx-auto">
<h1 class="text-4xl my-20">
{{ $list->title }}
</h1>
<form method="POST" action="{{ route('list.additem', $list->id) }}">
@csrf
<select name="beer">
<option hidden>
-Add Beer-
</option>
@foreach ($beers as $beer)
<option value="{{ $beer->id }}">
<div class="w-20">
<p>
{{ $beer->beer }}
</p>
<br>
<p>
Rating: {{ $beer->rating }}
</p>
</div>
<form method="POST" action="{{ route('list.additem', $list->id) }}">
@csrf
<select name="beer" required>
<option hidden>
-Add Beer-
</option>
@endforeach
</select>
<button type="submit">
Add beer
</button>
</form>
<table class="border-2 border-black text-center my-10">
<tr>
<th class="px-2">
Beer
</th>
<th class="px-2">
Rating
</th>
<th class="px-2">
Country
</th>
<th class="px-2">
Type
</th>
</tr>
@foreach ($list->beer as $beer)
<tr>
<td>
{{ $beer->beer }}
</td>
<td>
{{ $beer->rating }}
</td>
<td>
{{ $beer->country }}
</td>
<td>
{{ $beer->type }}
</td>
@foreach ($beers as $beer)
<option value="{{ $beer->id }}">
<div class="w-20">
<p>
{{ $beer->beer }}
</p>
<br>
<p>
Rating: {{ $beer->rating }}
</p>
</div>
</option>
@endforeach
</select>
<br>
<button type="submit" class="text-lg mt-6 bg-green-700 px-2 py-1 rounded-md text-white">
Add beer
</button>
</form>
<table class="mx-auto border-2 border-black text-center my-10">
<tr class="border-black border-2 text-xl">
<th class="border-black border-r-2 px-4">
@sortablelink('beer')
<img class="w-1/6 float-right mt-1" src="/storage/sort-arrows-couple-pointing-up-and-down.png"/>
</th>
<th class="border-black border-r-2 px-4">
@sortablelink('rating')
<img class="w-1/6 float-right mt-1" src="/storage/sort-arrows-couple-pointing-up-and-down.png"/>
</th>
<th class="border-black border-r-2 px-4">
@sortablelink('country')
<img class="w-1/6 float-right mt-1" src="/storage/sort-arrows-couple-pointing-up-and-down.png"/>
</th>
<th class="border-black border-r-2 px-4">
@sortablelink('type')
<img class="w-1/6 float-right mt-1" src="/storage/sort-arrows-couple-pointing-up-and-down.png"/>
</th>
</tr>
@endforeach
@foreach ($listBeers as $beer)
<tr class="border-black border-2 text-lg">
<td class="border-black border-r-2 px-4 underline hover:no-underline">
<a href="{{ route('beer.show', $beer->id) }}">
{{ $beer->beer }}
</a>
</td>
<td class="border-black border-r-2 px-4">
{{ $beer->rating }}
</td>
<td class="border-black border-r-2 px-4">
{{ $beer->country }}
</td>
<td class="border-black border-r-2 px-4">
{{ $beer->type }}
</td>
<td class="border-black border-r-2 px-4 bg-blue-700">
<a href="{{ route('beer.edit', $beer->id) }}">
Edit
</a>
</td>
<td class="border-black border-r-2 px-4 bg-red-700">
<form method="POST" action="{{ route('list.removeitem', $list->id) }}">
@csrf
@method('DELETE')
<input name="beer" hidden value="{{ $beer->id }}" />
<button onclick="return confirm('Are you sure?')" type="submit">
Remove
</button>
</td>
</tr>
@endforeach
</table>
</table>
<a href="{{ route('beer.create') }}">
Can't find your beer?
</a>
@if (session()->has('success'))
<p class="text-green-400 my-4">{{ Session::get('success') }}</p>
@endif
<button class="text-lg mt-6 bg-yellow-700 px-2 py-1 rounded-md text-white">
<a href="{{ route('beer.create') }}">
Can't find your beer?
</a>
</button>
</div>
@endsection