nitrobon
/
pipicar
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

nim_style 9

pull/13/head
nimtaurel 2025-05-02 18:36:59 +05:00
parent a5b85e8ac0
commit d6d39a08ad
5 changed files with 125 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

83
modules/main/views/main.blade.php
View File

@ -129,7 +129,7 @@
<small>Базовая ставка</small> <small>Базовая ставка</small>
<p class="m-0">@isset($car['tariffs'][0]['price']){{ $car['tariffs'][0]['price'] }} ₸@endisset</p> <p class="m-0">@isset($car['tariffs'][0]['price']){{ $car['tariffs'][0]['price'] }} ₸@endisset</p>
</div> </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> </div>
</div> </div>
@ -140,6 +140,87 @@
</div> </div>
</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>Условия скидок&nbsp; <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> <script>
function debounce(func, wait) { function debounce(func, wait) {
let timeout; let timeout;

2
public/css/app.css
View File

File diff suppressed because one or more lines are too long

2
public/css/app.css.map
View File

File diff suppressed because one or more lines are too long

2
resources/assets/sass/app.scss
View File

@ -27,7 +27,7 @@
body { body {
background-color: #fff; background-color: #fff;
font-family: 'Nunito Sans', sans-serif; font-family: 'Nunito Sans', sans-serif;
font-size: 16px; font-size: 16px!important;
line-height: 1.5; line-height: 1.5;
font-weight: 400; font-weight: 400;
margin: 0; margin: 0;

40
resources/assets/sass/components/card.scss
View File

@ -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) { @media (min-width: 768px) and (max-width: 1024px) {
.profile-info { .profile-info {