coopgo-apps/parcoursmob-default-theme
6
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

add create-driver template

Browse Source
This commit is contained in:
Maxime
2024-12-04 17:41:18 +01:00
parent 3e1e2c66b9
commit 32494410b0
3 changed files with 106 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

101
web/layouts/solidarity_service/_partials/create-driver.html Normal file
View File

@@ -0,0 +1,101 @@
{{define "content"}}
<main>
<div class="max-w-7xl mx-auto px-4 sm:px-6 md:px-8">
<h1 class="text-2xl font-semibold text-gray-900">
Créer un conducteur
</h1>
</div>
<div>
<div class="-my-2 -mx-4 overflow-x-auto sm:-mx-6 lg:-mx-8">
<div class="mt-8 max-w-3xl mx-auto grid grid-cols-1 gap-6 lg:max-w-7xl lg:grid-flow-col-dense lg:grid-cols-3">
<form class="space-y-6" method="POST" name="create_driver" @submit="submit">
<div class="border-t border-gray-200 px-4 py-5 sm:px-6">
<div class="py-4 grid grid-cols-2">
<div class="lg:col-span-1">
<label for="firstname" class="block text-sm font-medium text-gray-700">Prénom</label>
<div class="mt-1">
<input type="text" id="firstname" name="firstname"
class="shadow-sm focus:ring-co-blue focus:border-co-blue block w-full sm:text-sm border-gray-300 rounded-l-2xl border-r-1">
</div>
</div>
<div class="lg:col-span-1">
<label for="lastname" class="block text-sm font-medium text-gray-700">Nom</label>
<div class="mt-1">
<input type="text" id="lastname" name="lastname"
class="shadow-sm focus:ring-co-blue focus:border-co-blue block w-full sm:text-sm border-gray-300 rounded-l-2xl border-r-1">
</div>
</div>
<div class="lg:col-span-1">
<label for="model" class="block text-sm font-medium text-gray-700">Model</label>
<div class="mt-1">
<input type="text" id="model" name="model"
class="shadow-sm focus:ring-co-blue focus:border-co-blue block w-full sm:text-sm border-gray-300 rounded-l-2xl border-r-1">
</div>
</div>
<div class="lg:col-span-1">
<label for="brand" class="block text-sm font-medium text-gray-700">Brand</label>
<div class="mt-1">
<input type="text" id="brand" name="brand"
class="shadow-sm focus:ring-co-blue focus:border-co-blue block w-full sm:text-sm border-gray-300 rounded-l-2xl border-r-1">
</div>
</div>
<div x-data="{
days : [
'monday' ,
'tuesday' ,
'wednesday' ,
'thursday' ,
'friday' ,
'saturday' ,
'sunday' ,
],
hours : [
'12:00 AM',
'01:00 AM',
'02:00 AM',
'03:00 AM',
'04:00 AM',
'05:00 AM',
'06:00 AM',
'07:00 AM',
'08:00 AM',
'09:00 AM',
'10:00 AM',
'11:00 AM',
'12:00 PM',
'01:00 PM',
'02:00 PM',
'03:00 PM',
'04:00 PM',
'05:00 PM',
'06:00 PM',
'07:00 PM',
'08:00 PM',
'09:00 PM',
'10:00 PM',
'11:00 PM'
]
}">
<template x-for="day in days" :key="day">
<div>
<label for="day-select-${day}" x-text="day"></label><br>
<select name="${day}" id="day-select-${day}">
<template x-for="hour in hours" :key="hour">
<option x-text="hour" x-value="hour"></option>
</template>
</select>
</div>
</template>
</div>
</div>
<input type="submit"
class="inline-flex items-center justify-center rounded-2xl border border-transparent bg-co-blue px-4 py-2 text-sm font-medium text-white shadow-sm focus:outline-none focus:ring-2 focus:ring-ci-blue focus:ring-offset-2 sm:w-auto"
value="Chercher un Conducteurs">
</div>
</form>
</div>
</div>
</div>
</main>
{{end}}

6
web/layouts/solidarity_service/_partials/driver-list.html
View File

@@ -22,7 +22,7 @@
}
}">
<h2 class="text-lg font-medium text-gray-900 p-4 sm:px-6">
Sélectionner un Conducteurs
Conducteurs
</h2>
<div class="border-t border-gray-200 px-4 py-5 sm:px-6">
@@ -118,9 +118,7 @@
</div>
<p id="driver_name"></p>
<input type="hidden" id="driver_id" name="driver_id" >
<input type="submit"
class="inline-flex items-center justify-center rounded-2xl border border-transparent bg-co-blue px-4 py-2 text-sm font-medium text-white shadow-sm focus:outline-none focus:ring-2 focus:ring-ci-blue focus:ring-offset-2 sm:w-auto"
value="Confirmer">
<a href="driver/create">Ajouter un conducteur solidaire</a>
</div>
</div>
</form>