nim_style 9
nimtaurel
parent
a5b85e8ac0
commit
d6d39a08ad
|
|
@ -129,7 +129,7 @@
|
|||
<small>Базовая ставка</small>
|
||||
<p class="m-0">@isset($car['tariffs'][0]['price']){{ $car['tariffs'][0]['price'] }} ₸@endisset</p>
|
||||
</div>
|
||||
<a href="#" class="btn btn-primary">Арендовать</a>
|
||||
<a href="#" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#rentModal">Арендовать</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -140,6 +140,87 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal fade" id="rentModal" tabindex="-1" aria-labelledby="rentModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="rentModalLabel">Форма аренды</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form method="post">
|
||||
<input hidden="" name="mark_id" id="mark_id" value="1">
|
||||
<input hidden="" name="color" id="color" value="808080">
|
||||
<div class="card mb-4" style="overflow: visible;">
|
||||
<div class="card-body">
|
||||
<div class="mb-3">
|
||||
<div class="row justify-content-center align-items-end">
|
||||
<div class="col-12 col-md-6">
|
||||
<label for="days" class="form-label">Срок аренды, дней <b>*</b></label>
|
||||
<input type="number" name="days" class="form-control" id="days" value="7" required="">
|
||||
</div>
|
||||
<div class="col-12 col-md-6">
|
||||
<div class="form-text">
|
||||
Чем больше срок аредны, тем ниже базовая ставка.
|
||||
<div class="popup-custom">
|
||||
<span>Условия скидок <i class="material-symbols-outlined">help</i></span>
|
||||
<div class="popup-block">
|
||||
<p>@lang('Базовая суточная ставка на аренду данного автомобиля уменьшается в зависимости от срока аренды')</p>
|
||||
<ul>
|
||||
<li><b>16-30 дня:</b> 13000 ₸</li>
|
||||
<li><b>3-5 дня:</b> 16000 ₸</li>
|
||||
<li><b>1-2 дня:</b> 18000 ₸</li>
|
||||
<li><b>6-15 дня:</b> 14500 ₸</li>
|
||||
<li><b>30+ дня:</b> 7800 ₸</li>
|
||||
</ul>
|
||||
<p>@lang('Расчет итоговой суммы к оплате расcчитывается (кол-во дней * базовую ставку)')</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card mb-4">
|
||||
<div class="card-body">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Место и время получения <b>*</b></label>
|
||||
<input placeholder="Введите адрес получения" type="text" class="form-control" name="pick-up-address" id="pick-up-address" required="">
|
||||
<div class="row mt-3">
|
||||
<div class="col-6">
|
||||
<input type="date" class="form-control" id="pick-up-date" name="pick-up-date" required="" min="2025-05-02">
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<input type="time" class="form-control" name="pick-up-time" id="pick-up-time" value="09:00" required="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Место и время возврата <b>*</b></label>
|
||||
<input placeholder="Введите адрес возврата" type="text" class="form-control" name="return-address" id="return-address" required="">
|
||||
<div class="row mt-3">
|
||||
<div class="col-6">
|
||||
<input type="date" class="form-control" id="return-date" name="return-date" disabled="" required="">
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<input type="time" class="form-control" id="return-time" name="return-time" value="09:00" required="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-4 lst-btn">
|
||||
<button type="submit" class="btn btn-primary btn-lg">Забронировать сейчас</button>
|
||||
<p class="add-text2">Бесплатная отмена в любое время</p>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function debounce(func, wait) {
|
||||
let timeout;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -27,7 +27,7 @@
|
|||
body {
|
||||
background-color: #fff;
|
||||
font-family: 'Nunito Sans', sans-serif;
|
||||
font-size: 16px;
|
||||
font-size: 16px!important;
|
||||
line-height: 1.5;
|
||||
font-weight: 400;
|
||||
margin: 0;
|
||||
|
|
|
|||
|
|
@ -390,6 +390,46 @@ iframe {
|
|||
|
||||
}
|
||||
}
|
||||
#rentModal {
|
||||
.form-text {
|
||||
position: relative;
|
||||
font-size: .875em;
|
||||
color: $gray-color;
|
||||
.popup-custom {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
span {
|
||||
color: $primary-color;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
}
|
||||
.popup-block {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
background-color: #d4efdf;
|
||||
width: 300px;
|
||||
padding: 20px;
|
||||
z-index: 2;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 10px;
|
||||
box-shadow: #0000001a 0 20px 25px -5px, #0000000a 0 10px 10px -5px;
|
||||
transition: .3s all ease;
|
||||
}
|
||||
}
|
||||
.popup-custom:hover .popup-block {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
z-index: 10;
|
||||
}
|
||||
}
|
||||
.lst-btn .add-text2 {
|
||||
color: green;
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) and (max-width: 1024px) {
|
||||
.profile-info {
|
||||
|
|
|
|||
Loading…
Reference in New Issue