</iframe</noscript><header class="header bg-secondary text-light"> <nav class="navbar navbar-expand-xl navbar-light bg-primary"> <div class="container-fluid"> <a href="/"> <img class="logo" src="img/light-logo.svg" alt="Review Us"> </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Search Reputably"> <i class="fas fa-search"></i> </button> <div class="collapse navbar-collapse" id="navbar"> <form id="SearchForm" autocomplete="off" class="d-flex flex-wrap align-items-center w-100 mt-3 mt-xl-0" method="post"> <div class="search-bar top-search w-100"> <div class="row g-2 align-items-stretch"> <div class="col-12 col-md-4 col-lg-5 autocomplete-container"> <input id="Search" name="Search" class="form-control" type="text" placeholder="Enter a Search Term" value=""> </div> <div class="col-12 col-md-5 autocomplete-container"> <div class="d-flex w-100"> <input id="Location" name="Location" class="form-control rounded-end-0" type="text" placeholder="Town or Postcode" value=""> <button class="btn btn-none btn-lg rounded-start-0 border-start-0" type="button" onclick="getLocation()" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Use My Location"> <i class="fas fa-location"></i> </button> </div> </div> <div class="col-12 col-md-3 col-lg-2"> <button class="btn btn-secondary btn-lg w-100" id="search" type="submit"> <i class="fas fa-search"></i> Search </button> </div> </div> </div> </form> </div> </div> </nav> </header> <script> autocomplete(document.getElementById("Search"), autocompletesearch); autocomplete(document.getElementById("Location"), autocompletelocation); function getLocation() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(showPosition); } } function showPosition(position) { var data = { Latitude: position.coords.latitude, Longitude: position.coords.longitude }; $.ajax({ type: "POST", url: "includes/getlocation.php", data: data, success: function (output) { $("#Location").val(output); } }); } </script><main role="main"> <nav id="listingNav" class="bg-white border-bottom py-2"> <div class="container-fluid"> <div class="d-flex flex-column flex-lg-row align-items-lg-center justify-content-between gap-2"> <div class="d-flex flex-column align-items-center align-items-lg-start text-center text-lg-start"> <div class="d-flex flex-column flex-lg-row align-items-lg-center"> <h1 class="title mx-3">AAA Minicabs</h1> <div class="d-flex align-items-center gap-2"> <div class="stars mb-0"><i class="far fa-star"></i><i class="far fa-star"></i><i class="far fa-star"></i><i class="far fa-star"></i><i class="far fa-star"></i></div> <small class="text-muted mb-0"> No reviews </small> </div> </div> </div> <ul class="nav justify-content-center justify-content-lg-end flex-wrap"> <li class="nav-item"> <a class="nav-link" href="#about-section">About</a> </li> <li class="nav-item"> <a class="nav-link" href="#photos-section">Photos</a> </li> <li class="nav-item"> <a class="nav-link" href="#reviews-section">Reviews</a> </li> </ul> </div> </div> </nav> <div class="container"> <section id="about-section" class="my-4"> <div class="row"> <div class="col-lg-6 mb-4 mb-lg-0"> <div class="p-4 bg-light"> <div class="listing-logo my-3"> <img src="https://app.reputably.uk/uploads/1012/f6f0a17e23a3c079522368068631a6b8.jpg" alt="AAA Minicabs"> </div> <table class="about-table table table-borderless"> <tr><td><i class="fad fa-map-marker-alt duotone"></i></td><td><strong>AAA Minicabs</strong><br>4 Station Approach<br>Beckenham<br>Kent<br>BR3 1HY</td></tr> <tr><td><i class="fad fa-tags duotone"></i></td> <td> <a href="search/Taxis">Taxis</a>, <a href="search/Courier+Services">Courier Services</a>, <a href="search/Airport+Transfers">Airport Transfers</a> </td> <tr><td><i class="fad fa-phone duotone"></i></td><td>0208 650 5050</td></tr> <tr><td><i class="fad fa-laptop duotone"></i></td><td><a href="https://www.aaaminicabs.com" target="new">https://www.aaaminicabs.com</a></td></tr> <tr><td><i class="fab fa-facebook-f"></i></td><td><a href="https://www.facebook.com/AAAMinicabs1" target="new">AAAMinicabs1</a></td></tr> <tr><td><i class="fab fa-x-twitter"></i></td><td><a href="https://www.twitter.com/@aaa_minicabs" target="new">@aaa_minicabs</a></td></tr> <tr><td><i class="fad fa-location duotone"></i></td><td>51.412861600000<br>-0.044542200000</td></tr> </table> </div> </div> <div class="col-lg-6"> <div id="Map" class="map"></div> </div> <script> function initMapInstance(){ var location = { lat: 51.412861600000, lng: -0.044542200000 }; var map = new google.maps.Map(document.getElementById('Map'), { mapTypeId: 'roadmap', zoom: 15, minZoom: 8, maxZoom: 18, center: location, scrollwheel: false, gestureHandling: 'cooperative', disableDefaultUI: true, zoomControl: true, styles: [{ featureType: "poi", stylers: [{ visibility: "off" }], }], }); var icon = { path: "M16.8,49C2.6,28.4,0,26.3,0,18.7C0,8.4,8.4,0,18.7,0s18.7,8.4,18.7,18.7c0,7.6-2.6,9.7-16.8,30.2 C19.7,50.3,17.8,50.3,16.8,49L16.8,49z M18.7,26.6c4.3,0,7.8-3.5,7.8-7.8s-3.5-7.8-7.8-7.8s-7.8,3.5-7.8,7.8S14.4,26.6,18.7,26.6z", fillColor: '#63397C', fillOpacity: 1, strokeWeight: 0, scale: 1, size: new google.maps.Size(37.5, 50), origin: new google.maps.Point(0, 0), anchor: new google.maps.Point(18.75, 50)}; var marker = new google.maps.Marker({ position: location, map: map, icon: icon }); } window.initMaps = function (){ initMapInstance(); }; jQuery(function ($){ var script = document.createElement('script'); script.src = "https://maps.googleapis.com/maps/api/js?key=AIzaSyDrF9t0EbF2QJKpW9FgYMnNvaoAKdXziJE&libraries=visualization&callback=initMaps"; script.async = true; script.defer = true; document.body.appendChild(script); }); </script> </div> <div class="row pt-4"> <div class="col mb-4"> <h3 class="py-4">About Us</h3> <p>AAA Mini cabs is your local cab/courier group comprising the offices of New Regency Cars Beckenham and Woodside and Eden Cars.</p> <p>At AAA Minicabs, we place customer satisfaction at the heart of our business. Our team of experienced drivers will get you to where you need to be promptly, efficiently and with high levels of respect at all times. With values like this, it’s no wonder we’ve become one of the most trusted names in the Capital for minicab hire.</p> <p>Whether you require an airport transfer or a trip across the city for business or pleasure, our fleet of ultra-modern cars will get you there in style and comfort. We are a company that strives for perfection, and we continually update our services to stay ahead.</p> <p><strong>AREAS WE COVER - (CLICK TO SEE SAMPLE FARE RATES FROM THESE AREAS)</strong></p> <ul id="menu-areas-we-cover"> <li id="menu-item-413"><a href="http://www.aaaminicabs.com/anerley-south-norwood-minicabs/">Anerley & South Norwood</a></li> <li id="menu-item-414"><a href="http://www.aaaminicabs.com/beckenham-minicabs/">Beckenham</a></li> <li id="menu-item-411"><a href="http://www.aaaminicabs.com/bromley-minicabs/">Bromley</a></li> <li id="menu-item-524"><a href="http://www.aaaminicabs.com/chistlehurst-minicabs/">Chistlehurst</a></li> <li id="menu-item-412"><a href="http://www.aaaminicabs.com/croydon-minicabs/">Croydon & Woodside</a></li> <li id="menu-item-410"><a href="http://www.aaaminicabs.com/hayes-minicabs/">Hayes, Shirley & West Wickham</a></li> <li id="menu-item-409"><a href="http://www.aaaminicabs.com/orpington-minicabs/">Orpington</a></li> </ul> <p><strong>DOWNLOAD THE AAA MINICABS APP TODAY</strong></p> <p>With the AAA Minicabs smartphone app, you can order a minicab for your next journey wherever you are. Thanks to our fast quoting system and live vehicle tracking, our smartphone app offers the same level of care, attention to detail and reliability as our minicab service.</p> <p>Download app for <a href="https://itunes.apple.com/gb/app/aaa-minicabs-new-regency-eden-woodside-cars/id987491238?mt=8">IPHONE</a> </p> <p>Click here to download for <a href="https://play.google.com/store/apps/details?id=com.cordic.aaaminicabs&hl=en_GB">ANDROID</a></p> <p>Find us also on <a href="https://www.instagram.com/aaa_minicabs/">Instagram</a></p> </div> </div> </section> <section id="photos-section" class="mb-4"> <h3 class="mb-4">Photos</h3> <div class="gallery row g-4 row-cols-1 row-cols-md-2 row-cols-lg-3 row-cols-xl-4 align-items-stretch"> <div class="col"> <a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#imageGalleryModal" data-index="0" data-gallery="mainGallery"> <div class="ratio ratio-4x3"> <img class="img-gallery" src="https://app.reputably.uk/uploads/1012/bd1f21803bdff5267f18405b51945733.jpg" alt="" title=""> </div> </a> </div> <div class="col"> <a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#imageGalleryModal" data-index="1" data-gallery="mainGallery"> <div class="ratio ratio-4x3"> <img class="img-gallery" src="https://app.reputably.uk/uploads/1012/cb6eb81dbdde27bbdb3efcbcf27cb39c.jpg" alt="" title=""> </div> </a> </div> <div class="col"> <a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#imageGalleryModal" data-index="2" data-gallery="mainGallery"> <div class="ratio ratio-4x3"> <img class="img-gallery" src="https://app.reputably.uk/uploads/1012/cfccbeb7395cad751760283746527d03.jpg" alt="" title=""> </div> </a> </div> <div class="col"> <a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#imageGalleryModal" data-index="3" data-gallery="mainGallery"> <div class="ratio ratio-4x3"> <img class="img-gallery" src="https://app.reputably.uk/uploads/1012/0172a49546359aa4aed330f0c99e7e82.jpg" alt="" title=""> </div> </a> </div> <div class="col"> <a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#imageGalleryModal" data-index="4" data-gallery="mainGallery"> <div class="ratio ratio-4x3"> <img class="img-gallery" src="https://app.reputably.uk/uploads/1012/58aabdf022cea1af6e0d83e5f62121d1.jpg" alt="" title=""> </div> </a> </div> <div class="col"> <a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#imageGalleryModal" data-index="5" data-gallery="mainGallery"> <div class="ratio ratio-4x3"> <img class="img-gallery" src="https://app.reputably.uk/uploads/1012/d8ae43ff8d23c3e5e1fe181911469a3c.jpg" alt="" title=""> </div> </a> </div> <div class="col"> <a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#imageGalleryModal" data-index="6" data-gallery="mainGallery"> <div class="ratio ratio-4x3"> <img class="img-gallery" src="https://app.reputably.uk/uploads/1012/05b71deb330912fac671849872c6f2a0.jpg" alt="" title=""> </div> </a> </div> <div class="col"> <a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#imageGalleryModal" data-index="7" data-gallery="mainGallery"> <div class="ratio ratio-4x3"> <img class="img-gallery" src="https://app.reputably.uk/uploads/1012/1f69db941329626b9ddc6bf0cdb3f9bf.jpg" alt="" title=""> </div> </a> </div> <div class="col"> <a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#imageGalleryModal" data-index="8" data-gallery="mainGallery"> <div class="ratio ratio-4x3"> <img class="img-gallery" src="https://app.reputably.uk/uploads/1012/be0860a1b29fafd156192b4be6a72452.jpg" alt="" title=""> </div> </a> </div> <div class="col"> <a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#imageGalleryModal" data-index="9" data-gallery="mainGallery"> <div class="ratio ratio-4x3"> <img class="img-gallery" src="https://app.reputably.uk/uploads/1012/04e63612d14133b7142fa9341d4c1947.jpg" alt="" title=""> </div> </a> </div> </div> <script> document.addEventListener('DOMContentLoaded', function () { const images_mainGallery = [{"PhotoID":"414","CompanyID":"1012","LocationID":"1012","Image":"bd1f21803bdff5267f18405b51945733.jpg","Title":null,"Caption":null,"AltText":null,"Width":null,"Height":null,"Size":null,"CreationDate":"2023-10-31 14:38:24"},{"PhotoID":"415","CompanyID":"1012","LocationID":"1012","Image":"cb6eb81dbdde27bbdb3efcbcf27cb39c.jpg","Title":null,"Caption":null,"AltText":null,"Width":null,"Height":null,"Size":null,"CreationDate":"2023-10-31 14:38:24"},{"PhotoID":"416","CompanyID":"1012","LocationID":"1012","Image":"cfccbeb7395cad751760283746527d03.jpg","Title":null,"Caption":null,"AltText":null,"Width":null,"Height":null,"Size":null,"CreationDate":"2023-10-31 14:38:24"},{"PhotoID":"417","CompanyID":"1012","LocationID":"1012","Image":"0172a49546359aa4aed330f0c99e7e82.jpg","Title":null,"Caption":null,"AltText":null,"Width":null,"Height":null,"Size":null,"CreationDate":"2023-10-31 14:38:24"},{"PhotoID":"418","CompanyID":"1012","LocationID":"1012","Image":"58aabdf022cea1af6e0d83e5f62121d1.jpg","Title":null,"Caption":null,"AltText":null,"Width":null,"Height":null,"Size":null,"CreationDate":"2023-10-31 14:38:24"},{"PhotoID":"419","CompanyID":"1012","LocationID":"1012","Image":"d8ae43ff8d23c3e5e1fe181911469a3c.jpg","Title":null,"Caption":null,"AltText":null,"Width":null,"Height":null,"Size":null,"CreationDate":"2023-10-31 14:38:24"},{"PhotoID":"420","CompanyID":"1012","LocationID":"1012","Image":"05b71deb330912fac671849872c6f2a0.jpg","Title":null,"Caption":null,"AltText":null,"Width":null,"Height":null,"Size":null,"CreationDate":"2023-10-31 14:38:24"},{"PhotoID":"421","CompanyID":"1012","LocationID":"1012","Image":"1f69db941329626b9ddc6bf0cdb3f9bf.jpg","Title":null,"Caption":null,"AltText":null,"Width":null,"Height":null,"Size":null,"CreationDate":"2023-10-31 14:38:24"},{"PhotoID":"422","CompanyID":"1012","LocationID":"1012","Image":"be0860a1b29fafd156192b4be6a72452.jpg","Title":null,"Caption":null,"AltText":null,"Width":null,"Height":null,"Size":null,"CreationDate":"2023-10-31 14:38:24"},{"PhotoID":"423","CompanyID":"1012","LocationID":"1012","Image":"04e63612d14133b7142fa9341d4c1947.jpg","Title":null,"Caption":null,"AltText":null,"Width":null,"Height":null,"Size":null,"CreationDate":"2023-10-31 14:38:24"}]; const modalImage = document.getElementById('modalImage'); const imageTitle = document.getElementById('imageTitle'); const imageCaption = document.getElementById('imageCaption'); const prevButton = document.getElementById('prevImage'); const nextButton = document.getElementById('nextImage'); const modalFooter = document.querySelector('.modal-footer'); let currentIndex = 0; function updateModal(index) { const image = images_mainGallery[index]; modalImage.src = "https://app.reputably.uk/uploads/1012/" + image.Image; modalImage.alt = image.AltText || image.Title; imageTitle.textContent = image.Title || ""; imageCaption.textContent = image.Caption || ""; modalFooter.style.display = (image.Title || image.Caption) ? "flex" : "none"; currentIndex = index; prevButton.style.display = index > 0 ? "block" : "none"; nextButton.style.display = index < images_mainGallery.length - 1 ? "block" : "none"; } document.querySelectorAll('[data-gallery="mainGallery"]').forEach((link) => { link.addEventListener('click', function (e) { e.preventDefault(); const index = parseInt(this.getAttribute('data-index'), 10); updateModal(index); }); }); prevButton.addEventListener('click', function () { if (currentIndex > 0) updateModal(currentIndex - 1); }); nextButton.addEventListener('click', function () { if (currentIndex < images_mainGallery.length - 1) updateModal(currentIndex + 1); }); }); </script> <div class="modal image-gallery fade" id="imageGalleryModal" tabindex="-1" aria-labelledby="imageGalleryModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-lg"> <div class="modal-content border-0"> <div class="position-relative"> <button type="button" class="close position-absolute top-0 end-0 m-3" data-bs-dismiss="modal" aria-label="Close"> <i class="fa-regular fa-x"></i> </button> <button class="carousel-control-prev position-absolute top-50 start-0 translate-middle-y" id="prevImage" style="display: none;" aria-label="Previous"> <i class="fa-light fa-chevron-left"></i> </button> <img id="modalImage" class="img-fluid w-100" src="" alt=""> <button class="carousel-control-next position-absolute top-50 end-0 translate-middle-y" id="nextImage" style="display: none;" aria-label="Next"> <i class="fa-light fa-chevron-right"></i> </button> </div> <div class="modal-footer flex-column text-center"> <strong id="imageTitle" class="mb-1"></strong> <span id="imageCaption" class="text-muted m-0"></span> </div> </div> </div> </div> </section> <section id="reviews-section" class="mb-4"> <h3 class="mb-4">Reviews</h3> <div class="row"> <div class="col-lg-5 col-xl-4"> <div class="card mb-4 shadow-sm"> <div class="card-body review-summary"> <h4 class="mb-3">Review Summary</h4> <div class="row g-3 align-items-center py-2 text-muted opacity-50" style="min-height: 48px;"> <div class="col-auto d-flex align-items-center"> <input type="checkbox" class="form-check-input mt-0 filter-checkbox" data-rating="5" disabled> </div> <div class="col-auto d-flex align-items-center text-nowrap"> <i class="fas fa-star me-1"></i><i class="fas fa-star me-1"></i><i class="fas fa-star me-1"></i><i class="fas fa-star me-1"></i><i class="fas fa-star me-1"></i> </div> <div class="col px-0"> <div class="progress" style="height: 0.75rem;"> <div class="progress-bar progress-bar-striped" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div> </div> </div> <div class="col-auto text-end ps-1" style="min-width: 5ch">0</div> </div> <div class="row g-3 align-items-center py-2 text-muted opacity-50" style="min-height: 48px;"> <div class="col-auto d-flex align-items-center"> <input type="checkbox" class="form-check-input mt-0 filter-checkbox" data-rating="4" disabled> </div> <div class="col-auto d-flex align-items-center text-nowrap"> <i class="fas fa-star me-1"></i><i class="fas fa-star me-1"></i><i class="fas fa-star me-1"></i><i class="fas fa-star me-1"></i><i class="far fa-star me-1"></i> </div> <div class="col px-0"> <div class="progress" style="height: 0.75rem;"> <div class="progress-bar progress-bar-striped" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div> </div> </div> <div class="col-auto text-end ps-1" style="min-width: 5ch">0</div> </div> <div class="row g-3 align-items-center py-2 text-muted opacity-50" style="min-height: 48px;"> <div class="col-auto d-flex align-items-center"> <input type="checkbox" class="form-check-input mt-0 filter-checkbox" data-rating="3" disabled> </div> <div class="col-auto d-flex align-items-center text-nowrap"> <i class="fas fa-star me-1"></i><i class="fas fa-star me-1"></i><i class="fas fa-star me-1"></i><i class="far fa-star me-1"></i><i class="far fa-star me-1"></i> </div> <div class="col px-0"> <div class="progress" style="height: 0.75rem;"> <div class="progress-bar progress-bar-striped" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div> </div> </div> <div class="col-auto text-end ps-1" style="min-width: 5ch">0</div> </div> <div class="row g-3 align-items-center py-2 text-muted opacity-50" style="min-height: 48px;"> <div class="col-auto d-flex align-items-center"> <input type="checkbox" class="form-check-input mt-0 filter-checkbox" data-rating="2" disabled> </div> <div class="col-auto d-flex align-items-center text-nowrap"> <i class="fas fa-star me-1"></i><i class="fas fa-star me-1"></i><i class="far fa-star me-1"></i><i class="far fa-star me-1"></i><i class="far fa-star me-1"></i> </div> <div class="col px-0"> <div class="progress" style="height: 0.75rem;"> <div class="progress-bar progress-bar-striped" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div> </div> </div> <div class="col-auto text-end ps-1" style="min-width: 5ch">0</div> </div> <div class="row g-3 align-items-center py-2 text-muted opacity-50" style="min-height: 48px;"> <div class="col-auto d-flex align-items-center"> <input type="checkbox" class="form-check-input mt-0 filter-checkbox" data-rating="1" disabled> </div> <div class="col-auto d-flex align-items-center text-nowrap"> <i class="fas fa-star me-1"></i><i class="far fa-star me-1"></i><i class="far fa-star me-1"></i><i class="far fa-star me-1"></i><i class="far fa-star me-1"></i> </div> <div class="col px-0"> <div class="progress" style="height: 0.75rem;"> <div class="progress-bar progress-bar-striped" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div> </div> </div> <div class="col-auto text-end ps-1" style="min-width: 5ch">0</div> </div> </div> </div> <div class="d-grid mb-5"> <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#reviewModal">Leave a Review</button> </div> <div class="modal fade" id="reviewModal" tabindex="-1" aria-labelledby="reviewModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h3 class="modal-title" id="reviewModalLabel">Leave a Review</h3> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <div id="success" class="alert alert-success d-none" role="alert">Thank you for leaving a review. We have sent you an email. You will need to verify your email address before the review is published.</div> <div id="error" class="alert alert-danger d-none" role="alert"> Please enter a rating for the review.</div> <form id="submitReview" class="needs-validation" novalidate> <div class="form-floating mb-3"> <input type="text" class="form-control" id="FirstName" name="FirstName" placeholder="First Name" required> <label for="FirstName">First Name</label> <div class="invalid-feedback">Please enter your first name.</div> </div> <div class="form-floating mb-3"> <input type="text" class="form-control" id="LastName" name="LastName" placeholder="Last Name" required> <label for="LastName">Last Name</label> <div class="invalid-feedback">Please enter your last name.</div> </div> <div class="form-floating mb-3"> <input type="email" class="form-control" id="Email" name="Email" placeholder="Email" required> <label for="Email">Email</label> <div class="invalid-feedback">Please enter a valid email address.</div> </div> <div class="form-floating mb-3"> <input type="text" class="form-control" id="ReviewTitle" name="ReviewTitle" placeholder="Review Title" required> <label for="ReviewTitle">Review Title</label> <div class="invalid-feedback">Please enter a review title.</div> </div> <div class="form-floating mb-3"> <textarea class="form-control resize-text" id="Comments" name="Comments" placeholder="Comments" required style="height: 120px;"></textarea> <label for="Comments">Comments</label> <div class="invalid-feedback">Please enter your review text.</div> </div> <div class="mb-3"> <div id="Stars" class="form-group star-rating"> <fieldset> <input type="radio" id="star5" name="Rating" value="5"> <label for="star5" title="Outstanding">5 Stars</label> <input type="radio" id="star4" name="Rating" value="4"> <label for="star4" title="Very Good">4 Stars</label> <input type="radio" id="star3" name="Rating" value="3"> <label for="star3" title="Good">3 Stars</label> <input type="radio" id="star2" name="Rating" value="2"> <label for="star2" title="Poor">2 Stars</label> <input type="radio" id="star1" name="Rating" value="1"> <label for="star1" title="Very Poor">1 Star</label> </fieldset> </div> <div id="error" class="alert alert-danger mt-2 d-none">Please enter a rating for the review.</div> </div> <div class="d-grid"> <button type="submit" class="btn btn-primary">Post Review</button> </div> </form> <div id="success" class="alert alert-success mt-3 d-none" role="alert"> Thank you for leaving a review. We have sent you an email. You will need to verify your email address before the review is published.</div> </div> </div> </div> </div> <script> function isValidEmail(emailAddress) { const pattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; return pattern.test(emailAddress); } $("#submitReview").on('submit', function (e) { e.preventDefault(); const form = this; form.classList.add('was-validated'); if (!form.checkValidity()) { return false; } const rating = $('input[name=Rating]:checked', form).val(); if (!rating) { $('#error').removeClass("d-none"); $('#success').addClass("d-none"); return false; } else { $('#error').addClass("d-none"); } const data = { location: '1012', company: 'AAA Minicabs', firstname: $("#FirstName").val(), lastname: $("#LastName").val(), email: $("#Email").val(), title: $("#ReviewTitle").val(), comments: $("#Comments").val(), rating: rating }; $.ajax({ type: "POST", url: "includes/review.php", data: data, success: function () { $('#submitReview input, #submitReview textarea, #submitReview button').prop("disabled", true); $('#success').removeClass("d-none"); $('#error').addClass("d-none"); setTimeout(function () { const modal = bootstrap.Modal.getInstance(document.getElementById('reviewModal')); if (modal) { modal.hide(); } }, 5000); }, error: function () { $('#error').removeClass("d-none").text("Something went wrong. Please try again."); $('#success').addClass("d-none"); } }); return false; }); </script> </div> <div class="col-lg-7 col-xl-8"> <p>There are no reviews for AAA Minicabs, be the first to write one!</p> </div> </div> </section> <script> document.addEventListener('DOMContentLoaded', function () { const checkboxes = document.querySelectorAll('.filter-checkbox'); const reviews = document.querySelectorAll('.review-item'); function updateFilter() { const checkedRatings = Array.from(checkboxes) .filter(cb => cb.checked) .map(cb => cb.getAttribute('data-rating')); reviews.forEach(review => { const rating = review.getAttribute('data-rating'); const show = checkedRatings.length === 0 || checkedRatings.includes(rating); review.style.display = show ? '' : 'none'; }); } checkboxes.forEach(cb => cb.addEventListener('change', updateFilter)); updateFilter(); }); document.querySelectorAll('a.nav-link[href^="#"]').forEach(anchor => { anchor.addEventListener('click', function (e){ e.preventDefault(); const target = document.querySelector(this.getAttribute('href')); const sticky = document.querySelector('#listingNav'); if (target){ const stickyHeight = sticky ? sticky.offsetHeight : 0; const elementTop = target.getBoundingClientRect().top + window.scrollY; const scrollToPosition = elementTop - stickyHeight - 20; window.scrollTo({ top: scrollToPosition, behavior: 'smooth' }); } }); }); </script> </div> <script> function addAutoResize(){ document.querySelectorAll('.resize-text').forEach(function (element){ element.style.boxSizing = 'border-box'; var offset = element.offsetHeight - element.clientHeight; document.addEventListener('input', function (event){ if (event.target.type == 'textarea'){ event.target.style.height = 'auto'; event.target.style.height = event.target.scrollHeight + offset + 'px'; } }); element.style.height = element.scrollHeight + offset + "px"; }); } addAutoResize(); function forceCloseAllLists() { var x = document.getElementsByClassName("autocomplete-items"); for (var i = x.length - 1; i >= 0; i--) { x[i].parentNode.removeChild(x[i]); } } document.addEventListener("DOMContentLoaded", function () { const nav = document.getElementById("listingNav"); const stickyOffset = nav.offsetTop; window.addEventListener("scroll", function () { if (window.pageYOffset > stickyOffset) { nav.classList.add("sticky-top", "shadow-sm"); forceCloseAllLists(); if (document.activeElement.id === "Search" || document.activeElement.id === "Location") { document.activeElement.blur(); } } else { nav.classList.remove("sticky-top", "shadow-sm"); } }); }); </script> <script type="application/ld+json">{ "@context": "https://schema.org", "@type": "Organization", "@id": "https://www.reviewus.uk", "name": "Review Us", "url": "https://www.reviewus.uk", "logo": { "@type": "ImageObject", "url": "https://www.reviewus.uk/img/logo.svg" }, "address": { "@type": "PostalAddress", "streetAddress": "Suite 10, 1 Waterham Business Park", "addressLocality": "Faversham", "addressRegion": "Kent", "postalCode": "ME13 9EJ", "addressCountry": "GB" }, "contactPoint": [ { "@type": "ContactPoint", "telephone": "+443333003440", "contactType": "customer service", "areaServed": "GB", "availableLanguage": "English" } ], "sameAs": [ "https://www.facebook.com/reputablyuk", "https://www.instagram.com/reputablyuk", "https://twitter.com/reputablyuk", "https://www.linkedin.com/company/reputablyuk" ] }</script></main> <!--<div class="categories bg-primary text-light py-4 text-center"> <div class="container"> <h3 class="text-light pb-2">Popular Categories</h3> <div class="row"> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Beauty+Salons">Beauty Salons</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Builders">Builders</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Business+Consultants">Business Consultants</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Business+Services">Business Services</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Cafes+and+Coffee+Shops">Cafes and Coffee Shops</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Charities+and+Trusts">Charities and Trusts</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Charity+Shops">Charity Shops</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Clothes+Shops">Clothes Shops</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Construction+Contractors">Construction Contractors</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Educational+Services">Educational Services</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Estate+Agents">Estate Agents</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Financial+Services">Financial Services</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Fish+and+Chip+Shops">Fish and Chip Shops</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Health+and+Medical+Clinics">Health and Medical Clinics</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Health+Clubs+and+Fitness+Centres">Health Clubs and Fitness Centres</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Hotels">Hotels</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Indian+Restaurant">Indian Restaurant</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Insurance+Brokers">Insurance Brokers</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Legal+Services">Legal Services</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Petrol+Service+Stations">Petrol Service Stations</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Recruitment+Agency">Recruitment Agency</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Removals">Removals</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Restaurants">Restaurants</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Solicitors+and+Legal+Advisors">Solicitors and Legal Advisors</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Sports+and+Social+Clubs">Sports and Social Clubs</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Supermarkets">Supermarkets</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Takeaways">Takeaways</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Taxis">Taxis</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Training">Training</a> </div> <div class="col-md-6 col-lg-4 py-2"> <a href="categories/Travel+Agents">Travel Agents</a> </div> </div> </div> </div>--> <footer class="text-light py-4 text-center"> <div class="container"> <img class="logo" src="img/light-logo.svg" alt="Review Us"> </div> </footer> <div id="cookie-confirmation"> <div id="cookie-confirmation-inner"> <div class="float-end"> <button id="cookie-confirmation-button" aria-label="Close cookie confirmation" class="btn-close"></button> </div> <div class="container"> <div class="row"> <div class="col-10 offset-1"> <p>We use cookies on our website to provide you with a better user experience. To learn more about these cookies, please see our <a href="cookies">Cookie Policy</a>. By continuing to use our website you agree to our use of cookies.</p> <div id="hs-en-cookie-confirmation-buttons-area"></div> </div> </div> </div> </div> </div> <script type="text/javascript"> $("#cookie-confirmation-button").click(function() { SetCookie('cookies','dismissed',365*10) $("#cookie-confirmation").remove(); }); </script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> <script src="https://kit.fontawesome.com/859247e388.js" crossorigin="anonymous"></script> </body> </html>