<?php $__env->startPush("title"); ?>
    <title> <?php echo e(__("404 - Page Not Found")); ?> </title>
<?php $__env->stopPush(); ?>

<?php $__env->startSection("content"); ?>
    <div class="four-not-four-section">
        <div class="four-not-four-wrapper">
            <div class="four-not-four-thumb">
                <img src="<?php echo e(asset("public/error-images/404.png")); ?>" alt="404" class="error">
                <img src="<?php echo e(asset("public/error-images/404_not_found.png")); ?>" alt="404" class="error-bg">
                <div class="four-not-four-element-one">
                    <img src="<?php echo e(asset("public/error-images/4-curve.png")); ?>" alt="four-curve">
                </div>
                <div class="four-not-four-element-two">
                    <img src="<?php echo e(asset("public/error-images/4.png")); ?>" alt="four">
                </div>
                <div class="four-not-four-element-three">
                    <img src="<?php echo e(asset("public/error-images/socket.png")); ?>" alt="socket">
                </div>
                <div class="four-not-four-element-four">
                    <img src="<?php echo e(asset("public/error-images/electric-socket.png")); ?>" alt="electric-socket">
                </div>
                <div class="four-not-four-element-five">
                    <img src="<?php echo e(asset("public/error-images/tester.png")); ?>" alt="tester">
                </div>
                <div class="four-not-four-element-six">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 200">
                        <defs>
                        <filter id="f1" x="0" y="0">
                        <feGaussianBlur in="SourceGraphic" stdDeviation="5" />
                        </filter>
                    </defs>
                        <g>
                        <path d="M0,100,500,100" fill="none" stroke="#ffffff" filter="url(#f1)"></path>
                        <path d="M0,100,500,100" fill="none" stroke="#ffffff"></path>
                        </g>
                    </svg>
                </div>
            </div>
            <div class="four-not-four-content">
                <h1 class="title"><?php echo e(__("Page Not Found...!")); ?></h1>
                <div class="four-not-four-btn">
                    <a href="<?php echo e(route('frontend.index')); ?>" class="btn--base"><?php echo e(__("Back To Home")); ?></a>
                </div>
            </div>
        </div>
    </div>
<?php $__env->stopSection(); ?>

<?php $__env->startPush("script"); ?>
    <script>
        class electricity {

            constructor(selector) {
                this.svg = document.querySelector(selector);
                this.run();
            }

            render() {
                let d = this.calculatePoints(0, 0, 500, 80);
                this.svg.querySelectorAll('path')[0].setAttribute('d', d);
                this.svg.querySelectorAll('path')[1].setAttribute('d', d);
            }

            calculatePoints(x, y, width, height) {
                let points = [[x, height / 2]];
                let maxPoints = 10;
                let chunkRange = width / maxPoints;
                for (let i = 0; i < maxPoints; i++) {
                let cx = chunkRange * i + Math.cos(i) * chunkRange;
                let cy = Math.random() * height;
                points.push([cx, cy]);
                }

                points.push([width, height / 2]);

                let d = points.map(point => point.join(','));
                return 'M' + d.join(',');
            }

            run() {
                let fps = 25,
                now,
                delta,
                then = Date.now(),
                interval = 1000 / fps,
                iteration = 0,
                loop = () => {
                requestAnimationFrame(loop);

                now = Date.now();
                delta = now - then;
                if (delta > interval) {
                    then = now - delta % interval;

                    // update stuff
                    this.render(iteration++);
                }
            };
            loop();
        }}
        
        new electricity('svg');
    </script>
<?php $__env->stopPush(); ?>
<?php echo $__env->make('errors.custom-layouts', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH D:\xampp\htdocs\cc_projects_files\salonhub_project\salonhub\resources\views/errors/404.blade.php ENDPATH**/ ?>