add create-driver template
This commit is contained in:
parent
3e1e2c66b9
commit
32494410b0
|
|
@ -225,6 +225,9 @@ views:
|
|||
files:
|
||||
- web/layouts/_partials/address_autocomplete.html
|
||||
- web/layouts/solidarity_service/_partials/create-booking.html
|
||||
create_driver:
|
||||
files:
|
||||
- web/layouts/solidarity_service/_partials/create-driver.html
|
||||
icons:
|
||||
svg:
|
||||
coopgo:parcoursmob/monogram: <svg xmlns="http://www.w3.org/2000/svg" class="%s" viewBox="0 0 61.85 33.58"><defs><style>.cls-1{fill:#ff1300;}.cls-2{fill:#243887;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><path class="cls-1" d="M44.978,0C31.337,0,28.1,6.824,27.875,15.505H39.536V9.434a.727.727,0,0,1,1.123-.607L52.6,16.453,40.659,24.08a.729.729,0,0,1-1.123-.608v-6.1H27.865c.075,8.427,1.527,16.213,17.113,16.213,14.867,0,16.872-7.764,16.872-17.032C61.85,7.91,59.894,0,44.978,0Z"/><polygon class="cls-1" points="41.412 21.385 49.133 16.453 41.412 11.521 41.412 21.385"/><path class="cls-2" d="M14.175,11.4l-.019,4.151H26.311a14.781,14.781,0,0,0,.819-5.141C27.046,3.767,22.545,0,14.764,0H1.052A1.147,1.147,0,0,0,0,1.24V31.87a1.149,1.149,0,0,0,1.094,1.239H11.525a1.145,1.145,0,0,0,1.051-1.239V10.41h.758C13.88,10.41,14.175,10.756,14.175,11.4Z"/><path class="cls-2" d="M14.148,17.3l-.015,3.514H18.97A7.521,7.521,0,0,0,25.458,17.3Z"/></g></g></svg>
|
||||
|
|
|
|||
|
|
@ -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}}
|
||||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue