www.akelfilo.com
Open in
urlscan Pro
2606:4700:3030::ac43:bc2d
Public Scan
URL:
https://www.akelfilo.com/
Submission: On December 13 via api from TR — Scanned from DK
Submission: On December 13 via api from TR — Scanned from DK
Form analysis 1 forms found in the DOM
POST
<form method="post" id="rentACarModule" class="rent-card type-home">
<input type="hidden" name="discountNo">
<div class="spinner-wrapper">
<div role="status" class="spinner-border"></div>
</div>
<div class="select-rent-type"><label class="item selected">
<input type="radio" name="rentType" value="Avis" class="d-none"> <span class="check-icon type-secondary"></span> <span>Araç Kirala</span>
</label> <label class="item"><input type="radio" name="rentType" value="Karavan" class="d-none"> <span class="check-icon type-secondary"></span> <span>Karavan Kirala</span></label></div>
<div class="d-flex">
<div class="form-item-number"><span>1</span> <span>2</span></div>
<div class="card-body d-flex flex-column">
<div class="body-row order-2 "><span class="input-desc">Teslim Alma Ofisi</span>
<div class="form-control-wrapper d-lg-flex">
<div class="form-group"><input type="text" id="alisofis" placeholder="Alış Ofisi Seçiniz" .rent-card="" .body-row="" .form-control-wrapper="" {="" required="" name="alisofisneresi" autocomplete="off" minlength="3" class="form-control">
<button type="button" class="btn btn-find-location"><i class="icon icon-target"></i></button></div>
<div class="office-list-wrapper scrollable-content" style="">
<div data-toggle="scrollableContent" class="office-list">
<div class="list-item alisofislistitem" style="display:none;">
<div class="item-header"><span>İstanbul İstinye Şehir</span> <i class="icon icon-city-secondary"></i></div>
<div class="item-body dropdown-menu">
<h3 class="item-title">İstanbul İstinye Şehir</h3> <span class="adress-detail">Sarıyer Cad. No:70/A Istinye</span>
<div class="phone"><b>Telefon</b> <span>0212 213 81 63 </span></div>
<div class="mb-2">
<!---->
<div class="d-flex flex-column"><b>Pazartesi</b> <span>09:00 - 17:40</span></div>
<div class="d-flex flex-column mt-2"><b>Salı - Cuma</b> <span>09:00 - 17:45</span></div>
<div class="d-flex flex-column mt-2"><b>Cumartesi</b> <span>09:00 - 13:00</span></div>
<div class="d-flex flex-column mt-2"><b>Pazar</b> <span>Kapalı</span></div>
</div> <i class="icon item-icon icon-city-secondary"></i>
</div>
</div>
</div>
</div>
</div> <span class="input-desc type2 d-none d-lg-flex">Alış Tarihi</span>
<div class="date" id="alisdatedis"><span id="gun" class="day">14</span>
<div class="date-detail"><span id="hafta">Ct</span> <span id="ay">Ara</span></div>
</div>
<div class="hour" id="hoursecici"><b id="selected-time">09:00</b></div>
<input type="hidden" name="alisinput" id="alisinput" value="2024-12-02">
<input type="hidden" name="iadeipnut" id="iadeipnut" value="2024-12-15">
<input type="hidden" name="houralisgeldi" id="houralisgeldi" value="09:00">
<input type="hidden" name="houriadegeldi" id="houriadegeldi" value="09:00">
<input type="hidden" name="kacgunbu" id="kacgunbu" value="1">
<style>
@media (max-width: 768px) {
.mobilress {
display: none !important;
}
.mobilreswidth {
width: 100% !important;
}
.mobilresbut {
display: block !important;
}
.mobilresbutgizle {
display: none !important;
}
}
</style>
<div class="datepicker-wrapper" id="datediv" style="display: none;">
<div data-next-text="SONRAKİ 3 AY" data-prev-text="ÖNCEKİ 3 AY" data-number-of-months="3" class="hasDatepicker">
<div id="rentACarDatepickerFrom" class="ui-datepicker-inline ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-datepicker-multi ui-datepicker-multi-3" style="display: block; width: 51em;">
<div class="ui-datepicker-group ui-datepicker-group-first mobilreswidth">
<div class="ui-datepicker-header ui-widget-header ui-helper-clearfix">
<div class="ui-datepicker-title">
<span class="ui-datepicker-month">ARALIK</span>
<span class="ui-datepicker-year">2024</span>
</div>
</div>
<table class="ui-datepicker-calendar">
<thead>
<tr>
<th scope="col"><span>Pt</span></th>
<th scope="col"><span>Sa</span></th>
<th scope="col"><span>Ça</span></th>
<th scope="col"><span>Pe</span></th>
<th scope="col"><span>Cu</span></th>
<th scope="col"><span>Ct</span></th>
<th scope="col"><span>Pz</span></th>
</tr>
</thead>
<tbody>
<tr>
<td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
<td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
<td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
<td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
<td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
<td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
<td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"><a href="#" style="opacity:0.35;" data-date="2024-12-01" class="ui-state-default">1</a></td>
</tr>
<tr>
<td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"><a href="#" style="opacity:0.35;" data-date="2024-12-02" class="ui-state-default">2</a></td>
<td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"><a href="#" style="opacity:0.35;" data-date="2024-12-03" class="ui-state-default">3</a></td>
<td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"><a href="#" style="opacity:0.35;" data-date="2024-12-04" class="ui-state-default">4</a></td>
<td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"><a href="#" style="opacity:0.35;" data-date="2024-12-05" class="ui-state-default">5</a></td>
<td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"><a href="#" style="opacity:0.35;" data-date="2024-12-06" class="ui-state-default">6</a></td>
<td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"><a href="#" style="opacity:0.35;" data-date="2024-12-07" class="ui-state-default">7</a></td>
<td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"><a href="#" style="opacity:0.35;" data-date="2024-12-08" class="ui-state-default">8</a></td>
</tr>
<tr>
<td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"><a href="#" style="opacity:0.35;" data-date="2024-12-09" class="ui-state-default">9</a></td>
<td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"><a href="#" style="opacity:0.35;" data-date="2024-12-10" class="ui-state-default">10</a></td>
<td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"><a href="#" style="opacity:0.35;" data-date="2024-12-11" class="ui-state-default">11</a></td>
<td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"><a href="#" style="opacity:0.35;" data-date="2024-12-12" class="ui-state-default">12</a></td>
<td class=""><a href="#" data-date="2024-12-13" class="ui-state-default">13</a></td>
<td class="ui-datepicker-week-end"><a href="#" data-date="2024-12-14" class="ui-state-default">14</a></td>
<td class="ui-datepicker-week-end"><a href="#" data-date="2024-12-15" class="ui-state-default">15</a></td>
</tr>
<tr>
<td class=""><a href="#" data-date="2024-12-16" class="ui-state-default">16</a></td>
<td class=""><a href="#" data-date="2024-12-17" class="ui-state-default">17</a></td>
<td class=""><a href="#" data-date="2024-12-18" class="ui-state-default">18</a></td>
<td class=""><a href="#" data-date="2024-12-19" class="ui-state-default">19</a></td>
<td class=""><a href="#" data-date="2024-12-20" class="ui-state-default">20</a></td>
<td class="ui-datepicker-week-end"><a href="#" data-date="2024-12-21" class="ui-state-default">21</a></td>
<td class="ui-datepicker-week-end"><a href="#" data-date="2024-12-22" class="ui-state-default">22</a></td>
</tr>
<tr>
<td class=""><a href="#" data-date="2024-12-23" class="ui-state-default">23</a></td>
<td class=""><a href="#" data-date="2024-12-24" class="ui-state-default">24</a></td>
<td class=""><a href="#" data-date="2024-12-25" class="ui-state-default">25</a></td>
<td class=""><a href="#" data-date="2024-12-26" class="ui-state-default">26</a></td>
<td class=""><a href="#" data-date="2024-12-27" class="ui-state-default">27</a></td>
<td class="ui-datepicker-week-end"><a href="#" data-date="2024-12-28" class="ui-state-default">28</a></td>
<td class="ui-datepicker-week-end"><a href="#" data-date="2024-12-29" class="ui-state-default">29</a></td>
</tr>
<tr>
<td class=""><a href="#" data-date="2024-12-30" class="ui-state-default">30</a></td>
<td class=""><a href="#" data-date="2024-12-31" class="ui-state-default">31</a></td>
</tr>
</tbody>
</table>
</div>
<div class="ui-datepicker-group ui-datepicker-group-middle mobilress">
<div class="ui-datepicker-header ui-widget-header ui-helper-clearfix">
<div class="ui-datepicker-title">
<span class="ui-datepicker-month">OCAK</span>
<span class="ui-datepicker-year">2025</span>
</div>
</div>
<table class="ui-datepicker-calendar">
<thead>
<tr>
<th scope="col"><span>Pt</span></th>
<th scope="col"><span>Sa</span></th>
<th scope="col"><span>Ça</span></th>
<th scope="col"><span>Pe</span></th>
<th scope="col"><span>Cu</span></th>
<th scope="col"><span>Ct</span></th>
<th scope="col"><span>Pz</span></th>
</tr>
</thead>
<tbody>
<tr>
<td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
<td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
<td class=""><a href="#" data-date="2025-01-01" class="ui-state-default">1</a></td>
<td class=""><a href="#" data-date="2025-01-02" class="ui-state-default">2</a></td>
<td class=""><a href="#" data-date="2025-01-03" class="ui-state-default">3</a></td>
<td class="ui-datepicker-week-end"><a href="#" data-date="2025-01-04" class="ui-state-default">4</a></td>
<td class="ui-datepicker-week-end"><a href="#" data-date="2025-01-05" class="ui-state-default">5</a></td>
</tr>
<tr>
<td class=""><a href="#" data-date="2025-01-06" class="ui-state-default">6</a></td>
<td class=""><a href="#" data-date="2025-01-07" class="ui-state-default">7</a></td>
<td class=""><a href="#" data-date="2025-01-08" class="ui-state-default">8</a></td>
<td class=""><a href="#" data-date="2025-01-09" class="ui-state-default">9</a></td>
<td class=""><a href="#" data-date="2025-01-10" class="ui-state-default">10</a></td>
<td class="ui-datepicker-week-end"><a href="#" data-date="2025-01-11" class="ui-state-default">11</a></td>
<td class="ui-datepicker-week-end"><a href="#" data-date="2025-01-12" class="ui-state-default">12</a></td>
</tr>
<tr>
<td class=""><a href="#" data-date="2025-01-13" class="ui-state-default">13</a></td>
<td class=""><a href="#" data-date="2025-01-14" class="ui-state-default">14</a></td>
<td class=""><a href="#" data-date="2025-01-15" class="ui-state-default">15</a></td>
<td class=""><a href="#" data-date="2025-01-16" class="ui-state-default">16</a></td>
<td class=""><a href="#" data-date="2025-01-17" class="ui-state-default">17</a></td>
<td class="ui-datepicker-week-end"><a href="#" data-date="2025-01-18" class="ui-state-default">18</a></td>
<td class="ui-datepicker-week-end"><a href="#" data-date="2025-01-19" class="ui-state-default">19</a></td>
</tr>
<tr>
<td class=""><a href="#" data-date="2025-01-20" class="ui-state-default">20</a></td>
<td class=""><a href="#" data-date="2025-01-21" class="ui-state-default">21</a></td>
<td class=""><a href="#" data-date="2025-01-22" class="ui-state-default">22</a></td>
<td class=""><a href="#" data-date="2025-01-23" class="ui-state-default">23</a></td>
<td class=""><a href="#" data-date="2025-01-24" class="ui-state-default">24</a></td>
<td class="ui-datepicker-week-end"><a href="#" data-date="2025-01-25" class="ui-state-default">25</a></td>
<td class="ui-datepicker-week-end"><a href="#" data-date="2025-01-26" class="ui-state-default">26</a></td>
</tr>
<tr>
<td class=""><a href="#" data-date="2025-01-27" class="ui-state-default">27</a></td>
<td class=""><a href="#" data-date="2025-01-28" class="ui-state-default">28</a></td>
<td class=""><a href="#" data-date="2025-01-29" class="ui-state-default">29</a></td>
<td class=""><a href="#" data-date="2025-01-30" class="ui-state-default">30</a></td>
<td class=""><a href="#" data-date="2025-01-31" class="ui-state-default">31</a></td>
</tr>
</tbody>
</table>
</div>
<div class="ui-datepicker-group ui-datepicker-group-last mobilress">
<div class="ui-datepicker-header ui-widget-header ui-helper-clearfix">
<div class="ui-datepicker-title">
<span class="ui-datepicker-month">ŞUBAT</span>
<span class="ui-datepicker-year">2025</span>
</div>
</div>
<table class="ui-datepicker-calendar">
<thead>
<tr>
<th scope="col"><span>Pt</span></th>
<th scope="col"><span>Sa</span></th>
<th scope="col"><span>Ça</span></th>
<th scope="col"><span>Pe</span></th>
<th scope="col"><span>Cu</span></th>
<th scope="col"><span>Ct</span></th>
<th scope="col"><span>Pz</span></th>
</tr>
</thead>
<tbody>
<tr>
<td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
<td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
<td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
<td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
<td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
<td class="ui-datepicker-week-end"><a href="#" data-date="2025-02-01" class="ui-state-default">1</a></td>
<td class="ui-datepicker-week-end"><a href="#" data-date="2025-02-02" class="ui-state-default">2</a></td>
</tr>
<tr>
<td class=""><a href="#" data-date="2025-02-03" class="ui-state-default">3</a></td>
<td class=""><a href="#" data-date="2025-02-04" class="ui-state-default">4</a></td>
<td class=""><a href="#" data-date="2025-02-05" class="ui-state-default">5</a></td>
<td class=""><a href="#" data-date="2025-02-06" class="ui-state-default">6</a></td>
<td class=""><a href="#" data-date="2025-02-07" class="ui-state-default">7</a></td>
<td class="ui-datepicker-week-end"><a href="#" data-date="2025-02-08" class="ui-state-default">8</a></td>
<td class="ui-datepicker-week-end"><a href="#" data-date="2025-02-09" class="ui-state-default">9</a></td>
</tr>
<tr>
<td class=""><a href="#" data-date="2025-02-10" class="ui-state-default">10</a></td>
<td class=""><a href="#" data-date="2025-02-11" class="ui-state-default">11</a></td>
<td class=""><a href="#" data-date="2025-02-12" class="ui-state-default">12</a></td>
<td class=""><a href="#" data-date="2025-02-13" class="ui-state-default">13</a></td>
<td class=""><a href="#" data-date="2025-02-14" class="ui-state-default">14</a></td>
<td class="ui-datepicker-week-end"><a href="#" data-date="2025-02-15" class="ui-state-default">15</a></td>
<td class="ui-datepicker-week-end"><a href="#" data-date="2025-02-16" class="ui-state-default">16</a></td>
</tr>
<tr>
<td class=""><a href="#" data-date="2025-02-17" class="ui-state-default">17</a></td>
<td class=""><a href="#" data-date="2025-02-18" class="ui-state-default">18</a></td>
<td class=""><a href="#" data-date="2025-02-19" class="ui-state-default">19</a></td>
<td class=""><a href="#" data-date="2025-02-20" class="ui-state-default">20</a></td>
<td class=""><a href="#" data-date="2025-02-21" class="ui-state-default">21</a></td>
<td class="ui-datepicker-week-end"><a href="#" data-date="2025-02-22" class="ui-state-default">22</a></td>
<td class="ui-datepicker-week-end"><a href="#" data-date="2025-02-23" class="ui-state-default">23</a></td>
</tr>
<tr>
<td class=""><a href="#" data-date="2025-02-24" class="ui-state-default">24</a></td>
<td class=""><a href="#" data-date="2025-02-25" class="ui-state-default">25</a></td>
<td class=""><a href="#" data-date="2025-02-26" class="ui-state-default">26</a></td>
<td class=""><a href="#" data-date="2025-02-27" class="ui-state-default">27</a></td>
<td class=""><a href="#" data-date="2025-02-28" class="ui-state-default">28</a></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="navigation-buttons mobilresbutgizle">
<button id="prevButton" style="float:left;background-color:transparent;border:0px;color:white;" type="button" onclick="goToPreviousMonths()" disabled=""><i class="icon icon-arrow-left"></i> ÖNCEKİ 3 AY</button>
<button id="nextButton" style="float:right;background-color:transparent;border:0px;color:white;" type="button" onclick="goToNextMonths()">SONRAKİ 3 AY <i class="icon icon-arrow-right"></i></button>
</div>
<div class="navigation-buttons mobilresbut" style="display:none">
<button id="prevButton" style="float:left;background-color:transparent;border:0px;color:white;margin:0px;" type="button" onclick="goToPreviousMonthsmobil()"><i class="icon icon-arrow-left"></i> ÖNCEKİ 1 AY</button>
<button id="nextButton" style="float:right;background-color:transparent;border:0px;color:white;margin:0px;" type="button" onclick="goToNextMonthsmobil()">SONRAKİ 1 AY <i class="icon icon-arrow-right"></i></button>
</div>
</div>
</div>
<div class="hour-select disabled" style="display:none;" id="houralis">
<div class="hour-items">
<div class="hour-item disabled"><b>00</b>:00</div>
<div class="hour-item disabled"><b>00</b>:30</div>
</div>
<div class="hour-items">
<div class="hour-item disabled"><b>01</b>:00</div>
<div class="hour-item disabled"><b>01</b>:30</div>
</div>
<div class="hour-items">
<div class="hour-item disabled"><b>02</b>:00</div>
<div class="hour-item disabled"><b>02</b>:30</div>
</div>
<div class="hour-items">
<div class="hour-item disabled"><b>03</b>:00</div>
<div class="hour-item disabled"><b>03</b>:30</div>
</div>
<div class="hour-items">
<div class="hour-item selected"><b>09</b>:00</div>
<div class="hour-item"><b>09</b>:30</div>
</div>
<div class="hour-items">
<div class="hour-item"><b>10</b>:00</div>
<div class="hour-item"><b>10</b>:30</div>
</div>
<div class="hour-items">
<div class="hour-item"><b>11</b>:00</div>
<div class="hour-item"><b>11</b>:30</div>
</div>
<div class="hour-items">
<div class="hour-item"><b>12</b>:00</div>
<div class="hour-item"><b>12</b>:30</div>
</div>
<div class="hour-items">
<div class="hour-item"><b>13</b>:00</div>
<div class="hour-item"><b>13</b>:30</div>
</div>
<div class="hour-items">
<div class="hour-item"><b>14</b>:00</div>
<div class="hour-item"><b>14</b>:30</div>
</div>
<div class="hour-items">
<div class="hour-item"><b>15</b>:00</div>
<div class="hour-item"><b>15</b>:30</div>
</div>
<div class="hour-items">
<div class="hour-item"><b>16</b>:00</div>
<div class="hour-item"><b>16</b>:30</div>
</div>
<div class="hour-items">
<div class="hour-item"><b>17</b>:00</div>
<div class="hour-item"><b>17</b>:30</div>
</div>
<div class="hour-items">
<div class="hour-item"><b>18</b>:00</div>
<div class="hour-item"><b>18</b>:30</div>
</div>
<div class="hour-items">
<div class="hour-item disabled"><b>19</b>:00</div>
<div class="hour-item disabled"><b>19</b>:30</div>
</div>
<div class="hour-items">
<div class="hour-item disabled"><b>20</b>:00</div>
<div class="hour-item disabled"><b>20</b>:30</div>
</div>
<div class="hour-items">
<div class="hour-item disabled"><b>21</b>:00</div>
<div class="hour-item disabled"><b>21</b>:30</div>
</div>
<div class="hour-items">
<div class="hour-item disabled"><b>22</b>:00</div>
<div class="hour-item disabled"><b>22</b>:30</div>
</div>
<div class="hour-items">
<div class="hour-item disabled"><b>23</b>:00</div>
<div class="hour-item disabled"><b>23</b>:30</div>
</div>
</div>
<div>
</div>
<div class="hour-select type2" style="display: none;"></div>
</div>
<div class="body-row order-4"><span class="input-desc">İade Etme Ofisi</span>
<div class="form-control-wrapper d-lg-flex">
<div class="form-group"><input type="text" placeholder="İade Ofisi" required="" id="iadeofis" name="iadeofisneresi" autocomplete="off" minlength="3" class="form-control"> <button type="button"
class="btn btn-find-location"><i class="icon icon-target"></i></button></div>
<div class="office-list-wrapper scrollable-content">
<div data-toggle="scrollableContent" class="office-list">
<div class="list-item iadeofislistitem" style="display:none;">
<div class="item-header"><span>İstanbul İstinye Şehir</span> <i class="icon icon-city-secondary"></i></div>
<div class="item-body dropdown-menu">
<h3 class="item-title">İstanbul İstinye Şehir</h3> <span class="adress-detail">Sarıyer Cad. No:70/A Istinye</span>
<div class="phone"><b>Telefon</b> <span>0212 213 81 63 </span></div>
<div class="mb-2">
<!---->
<div class="d-flex flex-column"><b>Pazartesi</b> <span>09:00 - 17:40</span></div>
<div class="d-flex flex-column mt-2"><b>Salı - Cuma</b> <span>09:00 - 17:45</span></div>
<div class="d-flex flex-column mt-2"><b>Cumartesi</b> <span>09:00 - 13:00</span></div>
<div class="d-flex flex-column mt-2"><b>Pazar</b> <span>Kapalı</span></div>
</div> <i class="icon item-icon icon-city-secondary"></i>
</div>
</div>
</div>
</div>
</div> <span class="input-desc type2 d-none d-lg-flex">İade Tarihi</span>
<div class="date" id="iadeguntikla"><span class="day" id="bitgun">15</span>
<div class="date-detail"><span id="bithafta">Pa</span> <span id="bitay">Ara</span></div>
</div>
<div class="hour" id="houriadesecici"><b id="hourgelyaz">09:00</b></div>
<!---->
<div class="hour-select disabled" style="display:none;" id="houriade">
<div class="hour-items">
<div class="hour-item disabled"><b>00</b>:00</div>
<div class="hour-item disabled"><b>00</b>:30</div>
</div>
<div class="hour-items">
<div class="hour-item disabled"><b>01</b>:00</div>
<div class="hour-item disabled"><b>01</b>:30</div>
</div>
<div class="hour-items">
<div class="hour-item disabled"><b>02</b>:00</div>
<div class="hour-item disabled"><b>02</b>:30</div>
</div>
<div class="hour-items">
<div class="hour-item disabled"><b>03</b>:00</div>
<div class="hour-item disabled"><b>03</b>:30</div>
</div>
<div class="hour-items">
<div class="hour-item selected"><b>09</b>:00</div>
<div class="hour-item"><b>09</b>:30</div>
</div>
<div class="hour-items">
<div class="hour-item"><b>10</b>:00</div>
<div class="hour-item"><b>10</b>:30</div>
</div>
<div class="hour-items">
<div class="hour-item"><b>11</b>:00</div>
<div class="hour-item"><b>11</b>:30</div>
</div>
<div class="hour-items">
<div class="hour-item"><b>12</b>:00</div>
<div class="hour-item"><b>12</b>:30</div>
</div>
<div class="hour-items">
<div class="hour-item"><b>13</b>:00</div>
<div class="hour-item"><b>13</b>:30</div>
</div>
<div class="hour-items">
<div class="hour-item"><b>14</b>:00</div>
<div class="hour-item"><b>14</b>:30</div>
</div>
<div class="hour-items">
<div class="hour-item"><b>15</b>:00</div>
<div class="hour-item"><b>15</b>:30</div>
</div>
<div class="hour-items">
<div class="hour-item"><b>16</b>:00</div>
<div class="hour-item"><b>16</b>:30</div>
</div>
<div class="hour-items">
<div class="hour-item"><b>17</b>:00</div>
<div class="hour-item"><b>17</b>:30</div>
</div>
<div class="hour-items">
<div class="hour-item"><b>18</b>:00</div>
<div class="hour-item"><b>18</b>:30</div>
</div>
<div class="hour-items">
<div class="hour-item disabled"><b>19</b>:00</div>
<div class="hour-item disabled"><b>19</b>:30</div>
</div>
<div class="hour-items">
<div class="hour-item disabled"><b>20</b>:00</div>
<div class="hour-item disabled"><b>20</b>:30</div>
</div>
<div class="hour-items">
<div class="hour-item disabled"><b>21</b>:00</div>
<div class="hour-item disabled"><b>21</b>:30</div>
</div>
<div class="hour-items">
<div class="hour-item disabled"><b>22</b>:00</div>
<div class="hour-item disabled"><b>22</b>:30</div>
</div>
<div class="hour-items">
<div class="hour-item disabled"><b>23</b>:00</div>
<div class="hour-item disabled"><b>23</b>:30</div>
</div>
</div>
<script>
function setupHourSelector(selectorId, displayId) {
const hourSelector = document.getElementById(selectorId);
const displayElement = document.getElementById(displayId);
const hourItems = hourSelector.querySelectorAll('.hour-item:not(.disabled)');
hourItems.forEach(item => {
item.addEventListener('click', () => {
// Önceki seçimi kaldır
const currentlySelected = hourSelector.querySelector('.hour-item.selected');
if (currentlySelected) {
currentlySelected.classList.remove('selected');
}
// Yeni seçimi işaretle
item.classList.add('selected');
//console.log(selectorId);
// Seçilen saati güncelle
const selectedTime = item.textContent.trim();
displayElement.textContent = selectedTime;
document.getElementById(selectorId).style.display = "none";
document.getElementById(selectorId).style.display = "none";
if (displayId === 'selected-time') {
document.getElementById('houralisgeldi').value = selectedTime;
} else {
console.log(displayId);
document.getElementById('houriadegeldi').value = selectedTime;
}
});
});
}
// İki seçici için bağımsız işlev çağır
setupHourSelector('houralis', 'selected-time');
setupHourSelector('houriade', 'hourgelyaz');
// Tarih seçici
const hoursecici = document.querySelector('#hoursecici');
const houralis = document.querySelector('#houralis');
hoursecici.addEventListener('click', function() {
if (houralis.style.display === "block") {
houralis.style.display = "none";
} else {
houralis.style.display = "block";
}
});
// Tarih seçici
const houriadesecici = document.querySelector('#houriadesecici');
const houriade = document.querySelector('#houriade');
houriadesecici.addEventListener('click', function() {
if (houriade.style.display === "block") {
houriade.style.display = "none";
} else {
houriade.style.display = "block";
}
});
</script>
</div>
</div>
</div>
<div class="card-footer">
<div class="item d-flex flex-column align-items-start flex-grow-1"><button type="button" class="btn btn-link btn-awd"><span>AVIS İNDİRİM NUMARASI</span> <i class="icon icon-arrow-right ml-auto d-none d-lg-block"></i>
<i class="icon icon-arrow-down ml-auto d-md-none"></i></button>
<div data-recording-disable="" class="collapse-awd w-100">
<div class="d-flex flex-column flex-md-row align-items-md-center flex-grow-1"><input name="discountText" type="text" placeholder="AVIS İndirim Numarasını Yazın" class="form-control mr-md-3">
<div class="d-flex align-items-center"><button type="button" class="btn btn-simple mr-3">ONAYLA</button> <button type="button" class="btn btn-link btn-cancel"><span>İPTAL</span> <i class="icon icon-close"></i></button></div>
</div>
</div>
<div class="info-text" style="display: none;"><i class="icon icon-check"></i> <span>Avis indirim kodu uygulandı.</span></div>
<div style="display: none;">
<div class="d-flex flex-column flex-md-row align-items-md-center">
<div class="info-text has-error mb-3"><i class="icon icon-error"></i> <span>İndirim kodu geçersiz ya da yanlış yazılmış olabilir.</span></div>
<div class="d-flex align-items-center"><button type="button" class="btn btn-simple mr-3">TEKRAR DENE</button> <button type="button" class="btn btn-link btn-cancel"><span>İPTAL</span> <i class="icon icon-close"></i></button></div>
</div>
</div>
</div>
<div class="item item-btn"><button type="submit" class="btn btn-rounded"><span id="kacgunkirala">1 GÜN KİRALA</span> <i class="icon icon-arrow-right"></i></button></div>
</div>
</form>Text Content
AYRICALIKLI ARAÇ KIRALAMA DENEYIMI İÇIN YOLA AVIS'LE DEVAM EDIN! Araç Kirala Karavan Kirala 1 2 Teslim Alma Ofisi İstanbul İstinye Şehir İSTANBUL İSTINYE ŞEHIR Sarıyer Cad. No:70/A Istinye Telefon 0212 213 81 63 Pazartesi 09:00 - 17:40 Salı - Cuma 09:00 - 17:45 Cumartesi 09:00 - 13:00 Pazar Kapalı Alış Tarihi 14 Ct Ara 09:00 ARALIK 2024 PtSaÇaPeCuCtPz12345678910111213141516171819202122232425262728293031 OCAK 2025 PtSaÇaPeCuCtPz12345678910111213141516171819202122232425262728293031 ŞUBAT 2025 PtSaÇaPeCuCtPz12345678910111213141516171819202122232425262728 ÖNCEKİ 3 AY SONRAKİ 3 AY ÖNCEKİ 1 AY SONRAKİ 1 AY 00:00 00:30 01:00 01:30 02:00 02:30 03:00 03:30 09:00 09:30 10:00 10:30 11:00 11:30 12:00 12:30 13:00 13:30 14:00 14:30 15:00 15:30 16:00 16:30 17:00 17:30 18:00 18:30 19:00 19:30 20:00 20:30 21:00 21:30 22:00 22:30 23:00 23:30 İade Etme Ofisi İstanbul İstinye Şehir İSTANBUL İSTINYE ŞEHIR Sarıyer Cad. No:70/A Istinye Telefon 0212 213 81 63 Pazartesi 09:00 - 17:40 Salı - Cuma 09:00 - 17:45 Cumartesi 09:00 - 13:00 Pazar Kapalı İade Tarihi 15 Pa Ara 09:00 00:00 00:30 01:00 01:30 02:00 02:30 03:00 03:30 09:00 09:30 10:00 10:30 11:00 11:30 12:00 12:30 13:00 13:30 14:00 14:30 15:00 15:30 16:00 16:30 17:00 17:30 18:00 18:30 19:00 19:30 20:00 20:30 21:00 21:30 22:00 22:30 23:00 23:30 AVIS İNDİRİM NUMARASI ONAYLA İPTAL Avis indirim kodu uygulandı. İndirim kodu geçersiz ya da yanlış yazılmış olabilir. TEKRAR DENE İPTAL 1 GÜN KİRALA