REDROOM

Navigation

Breadcrumbs

/ / proc / thread-self / root / home / getspomw / royalsquad.us / resources / views / includes

Create

Create File | Create Folder | Upload Files | Run Command

Edit File Size: 22.20 KB

/proc/thread-self/root/home/getspomw/royalsquad.us/resources/views/includes/app.blade.php

Text Base64

<!DOCTYPE html>
<html lang="en">

@yield('heads')
    
    <title>{{ $meta_title ?? 'Royalsquad' }}</title>
    <meta name="description" content="{{ $meta_description ?? 'Default Description' }}">
    <meta name="keywords" content="{{ $meta_keywords ?? 'Default Keywords' }}">
    <link rel="canonical" href="{{ url()->current() }}" />

function gtag() {
            dataLayer.push(arguments);
        }
        gtag('js', new Date());

gtag('config', 'G-0MCNYEZPKB');
    </script> -->

function gtag() {
            dataLayer.push(arguments);
        }

function loadGA() {
            var s = document.createElement('script');
            s.src = 'https://www.googletagmanager.com/gtag/js?id=G-0MCNYEZPKB';
            s.async = true;
            document.head.appendChild(s);

gtag('js', new Date());
            gtag('config', 'G-0MCNYEZPKB');
        }

// load after first interaction
        ['scroll', 'mousemove', 'touchstart'].forEach(e => {
            window.addEventListener(e, function once() {
                loadGA();
            }, {
                once: true
            });
        });
    </script>

<body>

.banner-area {
            min-height: 520px;
            /* desktop */
        }

.owl-item {
            height: 415px;
        }

.ban-roy-img {
            width: 100%;
            height: auto;
            aspect-ratio: 1200 / 526;
            object-fit: cover;
            display: block;
        }

.banner-area img {
            width: 100%;
            height: 100%;
            /* min-height: 600px; */
            object-fit: cover;
        }

.about-area {
            min-height: 400px;
        }

/* .slider_banner {
            min-height: 600px;
        } */

.animate {
            transform: translateY(0);
            opacity: 1;
        }

.form-control {
            min-height: 52px;
        }

header {
            min-height: 90px;
        }

.navbar {
            min-height: 90px;
        }

@font-face {
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            src: url("/public/assets/fonts/fa-solid-900.woff2") format("woff2");
            font-display: swap;
        }

@font-face {
            font-family: "Font Awesome 5 Free";
            font-weight: 400;
            src: url("/public/assets/fonts/fa-regular-400.woff2") format("woff2");
            font-display: swap;
        }

@font-face {
            font-family: "Font Awesome 5 Light";
            font-weight: 300;
            src: url("/public/assets/fonts/fa-light-300.woff2") format("woff2");
            font-display: swap;
        }

@font-face {
            font-family: "Font Awesome 5 Brands";
            font-style: normal;
            font-weight: 400;
            font-display: swap;
            src: url("/public/assets/fonts/fa-brands-400.woff2") format("woff2"),
                url("/public/assets/fonts/fa-brands-400.woff") format("woff");
        }

@font-face {
            font-family: "Font Awesome 5 Brands";
            font-display: swap;
            ascent-override: 90%;
            descent-override: 10%;
            line-gap-override: 0%;
        }

.thumb-services-area {
            background-size: cover;
            background-position: center;
        }

.position_rel {
            position: relative;
        }

.position_abs {
            position: absolute;
            top: 0;
            right: 0;
            justify-self: anchor-center;
        }

.about-area,
        .faq-area {
            min-height: 400px;
            /* As per your layout */
        }

.carousel-shadow {
            min-height: 753px;
        }

.item-box {
            min-height: 600px;
        }

.banner_slider {
            overflow: hidden;
        }

@media (max-width:768px) {
            .banner-area {
                min-height: 360px;
                /* mobile */
            }

.carousel-shadow {
                min-height: 675px;
            }
        }
    </style>

<div class="position-relative overflow-hidden">
        @include('includes.header')

@yield('content')

@include('includes.footer')

</div>

@yield('scripts')

@if (session('form_submitted'))
        <script>
            Swal.fire({
                icon: 'success',
                title: 'Appointment Booked!',
                text: 'Thank you for contacting us. We will get back to you soon!',
                confirmButtonColor: '#3085d6',
                confirmButtonText: 'OK'
            });
        </script>
    @endif

let form = $(this);
            let msgBox = $('#newsletterMsg');

$.ajax({
                url: "{{ route('newsletter.subscribe') }}",
                type: "POST",
                data: form.serialize(),

success: function(res) {
                    msgBox.html('<div class="alert alert-success">' + res.message + '</div>');
                    form.trigger("reset");
                },

error: function(xhr) {
                    let message = 'Invalid email or server error';
                    if (xhr.responseJSON?.errors) {
                        message = Object.values(xhr.responseJSON.errors).join('<br>');
                    }

msgBox.html('<div class="alert alert-danger">' + message + '</div>');
                }
            });
        });
    </script>

let otpVerified = false;
                let numberValid = false;

const showTempMessage = (element, message, color, duration = 4000) => {
                    element.innerText = message;
                    element.style.color = color;
                    setTimeout(() => {
                        if (element.innerText === message) element.innerText = "";
                    }, duration);
                };

// EMAIL OTP HANDLING
                emailField.addEventListener("blur", function() {
                    const email = emailField.value.trim();

if (email) {
                        showTempMessage(otpStatus, "Sending OTP...", "blue");

// fetch("{{ route('send.otp') }}", {
                        fetch(SEND_OTP_URLSEND, {

method: "POST",
                                headers: {
                                    "Content-Type": "application/json",
                                    "X-CSRF-TOKEN": "{{ csrf_token() }}",
                                },
                                body: JSON.stringify({
                                    email,
                                }),
                            })
                            .then((res) => res.json())
                            .then((data) => {
                                if (data.status === "success") {
                                    otpWrapper.style.display = "block";
                                    showTempMessage(otpStatus, "OTP sent to your email.",
                                        "green");
                                } else {
                                    otpWrapper.style.display = "none";
                                    showTempMessage(otpStatus, "Failed to send OTP.", "red");
                                }
                            })
                            .catch(() => {
                                otpWrapper.style.display = "none";
                                showTempMessage(otpStatus, "Error sending OTP.", "red");
                            });
                    }
                });

// OTP VERIFY
                otpField.addEventListener("input", function() {
                    const otp = otpField.value.trim();
                    const email = emailField.value.trim();

if (otp.length === 6 && email) {
                        showTempMessage(otpStatus, "Verifying OTP...", "blue");

fetch("{{ route('verify.otp') }}", {
                                method: "POST",
                                headers: {
                                    "Content-Type": "application/json",
                                    "X-CSRF-TOKEN": "{{ csrf_token() }}",
                                },
                                body: JSON.stringify({
                                    email,
                                    otp,
                                }),
                            })
                            .then((res) => res.json())
                            .then((data) => {
                                if (data.status === "success") {
                                    otpVerified = true;
                                    showTempMessage(otpStatus, "OTP Verified.", "green");
                                } else {
                                    otpVerified = false;
                                    showTempMessage(otpStatus, "Invalid OTP.", "red");
                                }
                            })
                            .catch(() => {
                                otpVerified = false;
                                showTempMessage(otpStatus, "Error verifying OTP.", "red");
                            });
                    }
                });

// PHONE VALIDATION
                numberField.addEventListener("blur", function() {
                    const number = numberField.value.trim();
                    const code = countryCode.value.trim();
                    numberValid = false;

if (number && code) {
                        const fullNumber = code + number;
                        showTempMessage(numberStatus, "Validating number...", "blue");

fetch(
                                `https://apilayer.net/api/validate?access_key=e97128ac0867c4f22657fd8607c6dd20&number=${encodeURIComponent(
            fullNumber
          )}&format=1`
                            )
                            .then((res) => res.json())
                            .then((data) => {
                                if (data.valid) {
                                    numberValid = true;
                                    showTempMessage(numberStatus, "Number is valid", "green");
                                } else {
                                    numberValid = false;
                                    showTempMessage(numberStatus, "Invalid phone number",
                                    "red");
                                }
                            })
                            .catch(() => {
                                numberValid = false;
                                showTempMessage(numberStatus, "Error validating number", "red");
                            });
                    }
                });

// FORM SUBMIT
                form.addEventListener("submit", function(e) {
                    e.preventDefault();

if (!otpVerified) {
                        showTempMessage(otpStatus, "Please verify Email first.", "red");
                        return;
                    }
                    if (!numberValid) {
                        showTempMessage(
                            numberStatus,
                            "Please enter a valid phone number.",
                            "red"
                        );
                        return;
                    }

// remove old errors
                    form.querySelectorAll(".error.text-danger").forEach((el) => el.remove());

const formData = new FormData(form);
                    submitBtn.disabled = true;
                    submitBtn.innerText = "Please wait...";

fetch("{{ route('appointments') }}", {
                            method: "POST",
                            headers: {
                                "X-CSRF-TOKEN": "{{ csrf_token() }}",
                            },
                            body: formData,
                        })
                        .then((res) => res.json())
                        .then((data) => {
                            submitBtn.disabled = false;
                            submitBtn.innerText = "Submit Query";

if (data.status === "success") {
                                form.reset();
                                otpWrapper.style.display = "none";
                                otpVerified = false;
                                numberValid = false;

Swal.fire({
                                    icon: "success",
                                    title: "Appointment Booked!",
                                    text: "Thank you for contacting us.",
                                });
                            } else if (data.status === "validation_error") {
                                const errors = data.errors;
                                for (const [field, messages] of Object.entries(errors)) {
                                    const input = form.querySelector(`[name="${field}"]`);
                                    if (input) {
                                        const errorEl = document.createElement("div");
                                        errorEl.classList.add("error", "text-danger");
                                        errorEl.innerText = messages[0];
                                        input.parentNode.appendChild(errorEl);
                                    }
                                }
                            } else {
                                Swal.fire({
                                    icon: "error",
                                    title: "Submission Failed",
                                    text: data.message ||
                                        "Something went wrong. Try again.",
                                });
                            }
                        })
                        .catch(() => {
                            submitBtn.disabled = false;
                            submitBtn.innerText = "Submit Query";
                            Swal.fire({
                                icon: "error",
                                title: "Error",
                                text: "Server error. Please try again later.",
                            });
                        });
                });
            });
        });
    </script>
</body>

</html>

Exit & Reset Text mode: syntax highlighting auto-detects file type.

Directory Contents

Dirs: 1 Ã— Files: 3

Sort:

Enable drag-to-move

Name	Size	Perms	Modified	Actions
admin DIR	-	drwxrwxrwx	2025-09-17 06:53:48	Edit Download recursive recursive
app.blade.php	22.20 KB	lrw-r--r--	2026-02-09 06:24:33	Edit Download recursive recursive
footer.blade.php	6.04 KB	lrw-rw-rw-	2026-02-07 12:18:38	Edit Download recursive recursive
header.blade.php	8.35 KB	lrw-rw-rw-	2025-12-13 17:09:59	Edit Download recursive recursive