Files
portal/views/accessauths.html

96 lines
4.2 KiB
HTML

{{ template "header.html" . }}
<div class="flex min-h-full flex-col justify-center px-6 py-12 lg:px-8">
<div class="sm:mx-auto sm:w-full sm:max-w-sm">
<img class="mx-auto h-10 w-auto" src="/static/img/logo-black.png" alt="Your Company">
<h2 class="mt-10 text-center text-2xl/9 font-bold tracking-tight text-gray-900">Edit Access</h2>
</div>
<div class="mt-10 ">
<div class="w-full grid grid-cols-1 lg:grid-cols-1 xl:grid-cols-2 2xl:grid-cols-3 gap-4">
{{ range .data.accessAuths }}
<div class="mx-auto grid-cols-1 p-4 m-4 bg-gray-100 flex flex-wrap border rounded shadow-md">
<div class="gap-4">
<div class="font-bold text-center mb-4">
{{ .Name }}<br>
</div>
</div>
<div class="grid grid-cols-1 gap-4">
<form action="/access/{{ .Id }}" method="POST">
<div class="font-bold text-center mb-4">
Add new Timetable Entry
</div>
<div class="mx-auto p-4 m-4 bg-gray-100 flex flex-wrap border rounded shadow-md">
<div class="grid grid-cols-4 gap-4">
<div>
<label for="weekday" class="block text-sm/6 font-medium text-gray-900">Weekday</label>
<select name="weekday" id="weekday">
<option value="1">Monday</option>
<option value="2">Tuesday</option>
<option value="3">Wednesday</option>
<option value="4">Thursday</option>
<option value="5">Friday</option>
<option value="6">Saturday</option>
<option value="7">Sunday</option>
</select>
</div>
<div>
<label for="starttime">Select a time:</label>
<input type="time" id="starttime" name="appt">
</div>
<div>
<label for="duration" class="block text-sm/6 font-medium text-gray-900">Duration in Minutes</label>
<input type="number" id="duration" name="duration" value="60" min="0" step="15" class="w-full border border-gray-300 rounded-md p-2 focus:outline-none focus:ring focus:ring-blue-500">
</div>
<div>
<button type="submit" name="action" value="createTimetable" class="bg-green-500 hover:bg-red-700
text-white text-sm/6 font-bold py-2 px-4 rounded">Add</button>
</div>
</div>
</form>
</div>
{{ range .Timetables }}
<form action="/access/{{ .Id }}" method="POST">
{{ .Weekday }} - {{ .Starttime }} - {{ .Duration }} -
<div>
<button type="submit" name="action" value="createTimetable" class="bg-green-500 hover:bg-red-700
text-white text-sm/6 font-bold py-2 px-4 rounded">Add</button>
</div>
</div>
</form>
{{ end }}
<form action="/access/{{ .Id }}" method="POST">
</div>
<div class="grid grid-cols-2 mt-4 flex flex-wrap gap-2 w-full">
<button type="submit" name="delete" value="delete" class="bg-red-500 hover:bg-red-700 text-white text-sm/6 font-bold py-2 px-4 rounded">Delete</button>
</div>
</form>
</div>
</div>
</div>
{{ end }}
</div>
<form action="/access" method="POST">
<div class="max-w-md mx-auto p-4 flex flex-wrap border rounded shadow-md">
<div class="font-bold text-center mb-4">
Create New accessAuth
</div>
<div class="grid grid-cols-2 gap-4">
<div>
<label for="variant-value1" class="block text-sm/6 font-medium text-gray-900">Name</label>
<input type="text" id="name" name="name" placeholder="name" class="w-full border border-gray-300 rounded-md p-2 focus:outline-none focus:ring focus:ring-blue-500">
</div>
</div>
<div class="grid grid-cols-4 mt-4 flex flex-wrap gap-2 w-full">
<button type="submit" class="bg-green-500 hover:bg-green-700 text-white text-sm/6 font-bold py-2 px-4 rounded">Add</button>
</div>
</div>
</form>
</div>
{{ template "footer.html" . }}