@include('home.header')
<style>
    .page-top-padding {
        padding-top: 110px !important;
    }

    .position-relative {
        position: relative !important;
    }

    .breadcrumb {
        padding-top: 10px;
    }

    .justify-content-end {
        justify-content: flex-end !important;
    }

    .breadcrumb {
        display: flex;
        flex-wrap: wrap;
        padding: 0 0;
        margin-bottom: 1rem;
        list-style: none;
    }

    .pe-sm-5 {
        padding-right: 3rem !important;
    }

    .nav {
        display: flex;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }

    dl,
    ol,
    ul {
        margin-top: 0;
        margin-bottom: 1rem;
    }

    .products-inner-nav {
        position: sticky;
        top: 0;
        /* Sticks to the top */
        z-index: 1000;
        background-color: white;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        padding: 1rem 0;
    }

    .products-inner-nav a {
        white-space: nowrap;
        padding: 8px 4px;
        margin: 0 18px;
        border-bottom: 2px solid transparent;
    }

    .nav-link {
        color: #000 !important;
        line-height: 19px;
        font-size: 16px;
        font-weight: 700;
    }

    .product-video-section {
        padding: 30px 0;
        background-color: #02001f;
    }

    .bg-white {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
    }

    .py-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    lite-youtube.lyt-activated {
        cursor: unset;
    }

    lite-youtube {
        background-color: #000;
        position: relative;
        display: block;
        contain: content;
        background-position: 50%;
        background-size: cover;
        cursor: pointer;
        max-width: 100%;
    }

    lite-youtube.lyt-activated:before,
    lite-youtube.lyt-activated>.lty-playbtn {
        opacity: 0;
        pointer-events: none;
    }

    lite-youtube:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        background-color: #000;
        background-position: top;
        background-repeat: repeat-x;
        /* height: 60px; */
        padding-bottom: 50px;
        width: 100%;
        -webkit-transition: all .2s cubic-bezier(0, 0, .2, 1);
        transition: all .2s cubic-bezier(0, 0, .2, 1);
    }

    lite-youtube:after {
        content: "";
        /* display: block; */
        padding-bottom: 40%;
    }

    lite-youtube iframe {
        width: 100%;
        height: 600px;
        border: 0;
    }

    .third-feature {
        background-image: url('img/slider/8.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        height: 600px;
        width: 100%;
    }

    .product-features-section {
        padding: 20px;
    }



    .order-lg-2 {
        order: 2 !important;
    }

    .offset-lg-1 {
        margin-left: 8.33333333%;
    }

    .order-lg-2 {
        order: 2 !important;
    }

    img,
    svg {
        vertical-align: middle;
    }

    .feature-title {
        font-size: 30px;
        line-height: 35px;
        font-weight: 600;
        text-align: left;
        color: #02001f;
        margin-bottom: 25px;
    }

    .feature-text {
        font-size: 16px;
        font-weight: 300;
        line-height: 26px;
        text-align: left;
        color: #4a4a4a;
        margin-bottom: 25px;
    }

    .technical-parameter-section {
        background: #f6f6f6;
        padding: 50px 0;
    }

    .highlighted-text {
        width: 45px;
        opacity: 1;
        background-color: #f31524;
    }

    .mb-4 {
        margin-bottom: 1.5rem !important;
    }

    .mx-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .col-lg-10 {
        /* flex: 0 0 auto; */
        width: 83.33333333%;
    }

    .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    table {
        caption-side: bottom;
        /* border-collapse: collapse; */
    }

    .technical-parameter-table thead {
        background-color: #02001f;
        color: #fff;
    }

    tbody,
    td,
    tfoot,
    th,
    thead,
    tr {
        border-color: inherit;
        border-style: solid;
        border-width: 0;
    }

    tbody,
    td,
    tfoot,
    th,
    thead,
    tr {
        border-color: inherit;
        border-style: solid;
        border-width: 0;
    }

    .marking-sample-section {
        background-color: #02001f;
        padding: 100px 0;
    }

    .text-white {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
    }

    .highlighted-text {
        width: 45px;
        opacity: 1;
        background-color: #f31524;
    }

    .samples img {
        /* height: 200px; */
        width: 200px;
        margin: 1.2rem .8rem;
        border: 5px solid white;
        border-radius: 5px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }

    .topnav_bar ul li a {
        color: #6E7982;
    }

    .topnav_bar #Brand_Logo {
        display: block !important;
    }

    img#Sticky_Brand_Logo {
        display: none !important;
    }

    .sticky .Company_logo {
        line-height: 30px !important;
        display: block;
        text-align: center;
        float: none;
    }

    .banner-section {
        /* background-image: url('img/laser_marking/MMS03381.JPG'); */
        background-color: #dee2dd;
        /* background-image:linear-gradient(180deg, #1e312b, #233831f0); */
        background-repeat: no-repeat;
        width: 100%;
        height: auto;
        padding: 50px 0;
        align-items: flex-end;

    }

    .mt-4 {
        margin-top: 1.5rem !important;
    }

    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-top: 40px !important;
        /* margin-bottom: .5rem; */
        font-weight: 500;
        line-height: 1.2;
    }

    .ms-md-3 {
        margin-left: 1rem !important;
    }



    .product-heading {
        font-size: 36px;
        line-height: 1.2;
        font-weight: 700;
        letter-spacing: 0;
        /* color: #000; */
        text-align: left;
        /* color: #2b5543; */
        background: linear-gradient(180deg, #1e312b, #233831f0);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;

    }

    .product-subtitle {
        font-size: 18px;
        line-height: 1.5;
        font-weight: 400;
        text-align: left;
        /* color: #000 */
        color: black !important;
        padding-top: .5rem !important;
        margin-bottom: 20px;


    }


    .common-btn {

        padding: 10px 20px;
        font-size: 16px;
        border-radius: 5px;
        border: none;
        color: #fff;
        overflow: hidden;
        display: block;
        z-index: 1;
        -webkit-transition: color .5s;
        transition: color .5s;
        text-align: center;
    }

    .common-btn:before {
        content: "";

        height: 100%;

        width: 0;
        top: 0;
        left: 0;
        -webkit-transition: .5s;
        transition: .5s;
        -webkit-transform: translateX(-20px) skew(-10deg);
        transform: translateX(-20px) skew(-10deg);
        z-index: -1;
    }



    .product-heading span {
        font-size: 25px;
        line-height: 1.4;
        /* color: black; */
    }



    .main-imgs img {
        border-radius: 25px;
        max-width: 100%;
        height: auto;
        /* -webkit-box-shadow: 0px 20px 40px rgba(13, 11, 27, 0.15); */
        box-shadow: 0px 20px 41px rgba(19, 21, 33, 54.15);
        /* overflow: hidden; */
        /* background-image: linear-gradient(180deg, #1e312b, #233831f0); */
        /* background: #f1f1f1; */
    }

    .products-inner-nav .thisactive a {
        color: #f31524 !important;
        border-color: #f31524;
        position: relative;
    }

    .solution_content {
        /* margin: 0 20px; */
        /* height: 120px; */

        margin: 0 13px;
        border-radius: 5px;
        color: white;
        background-color: #6b9683;
        -webkit-box-shadow: 5px 5px 30px 0 #c8c8c8;
        box-shadow: 5px 5px 30px 0 #c8c8c8;
        padding: 20px 18px;
        border-top-right-radius: 38px;
        border-top-left-radius: 38px;

        -webkit-transform: translateY(-60px);
        transform: translateY(-60px);
    }

    .solution_title {
        font-size: 18px;
        color: #02001f;
        line-height: 26px;
        margin-bottom: 10px;
        margin-top: -42px;
    }

    .laser-type img {
        -webkit-box-shadow: 2px 2px 25px 0 #dcdcdc;
        box-shadow: 2px 2px 25px 0 #dcdcdc;
    }

    .solution {
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        border-radius: 10px;
        transition: box-shadow 0.3s ease;
        width: 500px;
        padding-right: 1000px;
        margin-bottom: 40px;
        margin-right: 50px;
        margin-top: 27px !important;
    }

    .customer-card {
        padding-right: 10px;
    }

    .solution:hover {
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    }

    .horizontal-slider-wrapper {
        display: flex;
        align-items: center;
        overflow: hidden;
        position: relative;
    }


    .horizontal-slider {
        display: flex;
        overflow-x: hidden;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        width: 100%;
    }


    .slide {
        min-width: 100%;
        flex-shrink: 0;
        padding: 20px;
        box-sizing: border-box;
    }

    .custom-img {
        width: 500px !important;
        height: 400px;
        box-sizing: border-box;
        border-radius: 30px;
    }



    .slider-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background-color: rgba(0, 0, 0, 0.7);
        color: white;
        border: none;
        padding: 15px;
        font-size: 20px;
        border-radius: 50%;
        cursor: pointer;
        z-index: 1;
        transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
        box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3);
    }

    .slider-btn-left {
        left: 110px;
    }

    .slider-btn-right {
        right: 130px;
    }



    .slider-btn:hover {
        background-color: rgb(44 102 21 / 90%);
        transform: translateY(-50%) scale(1.1);
        box-shadow: 0px 10px 20px rgb(20 21 19 / 50%);
    }


    .slider-btn:focus {
        outline: none;
        box-shadow: 0px 10px 20px rgb(20 21 19 / 50%);
    }

    .rounded-container {
        border-radius: 15px;
        overflow: hidden;
        background-color: #dee2dd;
        padding: 20px;
    }




    .contain {
        max-width: 900px;
        margin: 50px auto;
        padding: 40px;
        background-color: #ffffff;
        border-radius: 10px;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
        border-left: 5px solid #5a8573;
        border-right: 5px solid #5a8573;
        transition: transform 0.3s;
    }



    .titles {
        font-size: 2.5em;
        font-weight: 600;
        color: #5a8573;
        text-align: center;
        margin-bottom: 20px;
        letter-spacing: 1px;
    }

    .description {
        font-size: 1.1em;
        line-height: 1.5;
        text-align: left;
        color: #555;
    }

    .description br {
        margin: 10px 0;
    }

    .feature-header {
        text-align: center;
        font-weight: 600;
        color: #2b5543;
        margin-top: 30px;
        font-size: x-large;
        font-family: Arial, sans-serif;
    }

    .owl-carousel .owl-item {
        transition: transform 0.3s ease;
    }

    .red-white-btn {
        font-weight: 600;
        background-color: #5a8573;
        color: #fff;
        padding: 12px 20px;
        border: 2px solid transparent;
        border-radius: 5px;
        position: relative;
        overflow: hidden;
        transition: color 0.3s, background-color 0.3s, border-color 0.3s;
    }


    .red-white-btn:before {
        content: "";
        position: absolute;
        height: 100%;
        width: 0;
        top: 0;
        left: 0;
        background-color: #fff;
        transition: width 0.5s, transform 0.5s;
        transform: translateX(-20px) skew(-10deg);
        z-index: -1;
    }

    .common-btn:hover:before {
        width: 140%;
    }

    .common-btn:hover {
        cursor: pointer;
        background-color: #fff;
        color: #065b36 !important;
        border-color: #065b36;
    }

    .d-md-inline {
        display: inline !important;
    }

    .brochure-btn {
        border: 2px solid #065b36 !important;
        padding: 12px 20px;
        font-weight: 600;
        background-color: #fff;
        color: #065b36 !important;
        position: relative;
        overflow: hidden;
        transition: background-color 0.3s, color 0.3s;
    }

    .brochure-btn:hover {
        background-color: #fff;
        color: #065b36 !important;
    }

    .brochure-btn:before {
        content: "";
        position: absolute;
        height: 100%;
        width: 0;
        top: 0;
        left: 0;
        background-color: #065b36;
        transition: width 0.5s, transform 0.5s;
    }

    .brochure-btn:hover:before {
        width: 140%;
        transform: translateX(-20px) skew(-10deg);
    }

    .enquiry-btn,
    .brochure-btn {
        width: fit-content;
    }


    .sample-images a img {
        transition: transform 0.3s ease-in-out;
    }

    .sample-images a img:hover {
        transform: scale(1.5);
        z-index: 10;
    }

    .sample-images a img {
        transform-origin: center;
    }

    .laser-marking {
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: #ffffff;
        padding: 40px;
        border-radius: 15px;
        /* box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); */
    }

    .laser-marking h5 {
        margin-bottom: 30px;
        /* font-size: 30px; */
        color: #1e312b;
    }

    .laser-container {
        display: flex;
        justify-content: space-around;
        width: 100%;
        max-width: 1200px;
        flex-wrap: wrap;
    }

    .laser-item {
        background-color: #e9ecef;
        border-radius: 25px;
        overflow: hidden;
        text-align: center;
        transition: transform 0.3s, box-shadow 0.3s;
        width: 30%;
        margin: 10px;
        /* padding: 20px; */
        /* box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); */
    }

    .laser-item:hover {
        transform: translateY(-10px);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    }

    .laser-name {
        font-size: 1.4rem;
        color: #5a8573;
        font-weight: bold;
        margin-top: 28px;
    }

    .laser-image {
        width: 100%;
        height: auto;
        border-radius: 10px;
    }


    .button {
        background-color: #111;
        color: white;
        padding: 15px 30px;
        margin: 10px;
        border-radius: 25px;
        text-align: center;
        font-weight: bold;
        width: 100%;
    }

    .column {
        display: flex;
        flex-direction: column;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    .custom-row {
        display: flex;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

    .custom-col-6 {
        flex: 0 0 auto;
        max-width: 50%;

    }
    .error {
        color: red;
        font-size: 13px;
        font-weight: 500;
    }

    /* modal */

    .modal-content {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        pointer-events: auto;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: .3rem;
        outline: 0;
        border-radius: 11px;

    }

    .modal-header {
        background-color: #d5d5d5;
        border-start-start-radius: 10px;
        border-start-end-radius: 10px;
        font-size: 20px;
        font-weight: 700;
    }

    .modal-title {
        margin-bottom: 0;
        line-height: 1.5;
        color: #526f75;
    }

    .modal-body {
        padding: 20px;
        background-color: #f9f9f9;
        border-radius: 8px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    }

    .form-container {
        display: flex;
        flex-direction: column;
    }

    .form-group {
        margin-bottom: 15px;
    }

    label {
        font-weight: bold;
        margin-bottom: 5px;
        display: block;
        color: #333;
    }

    input {
        width: 100%;
        padding: 5px;
        border: 1px solid #ddd;
        border-radius: 5px;
        font-size: 16px;
        transition: border 0.3s;
    }
    .ms-3 {
        margin-left: 25px !important;
    }
    .btn-primarly {
        color: #fff;
        background-color: #526f75;
        border-color: #1c722b;
    }

    .btn-secondary {
        color: #fff;
        background-color: #8f9397;
        border-color: #6c757d;
    }

    .btn-primarly:hover {
        color: #fff;
        background-color: #567651;

    }
</style>
<section class="page-top-padding banner-section position-relative">
    <div class="container">
        <div class="product-detail-container">
            <div class="row">
                <div class="col-md-8 col-sm-12">
                    <h1 class="product-heading">Laser Marking Machine <span></span></h1>
                    <div class="product-subtitle pt-lg-2 ">
                        Laser marking is the process of permanently marking a surface
                        using a focused beam of light.<br> It can be
                        performed using different types of lasers, including fiber lasers,
                        CO2 lasers, pulsed lasers,UV lasers,MOPA lasers
                        and continuous lasers.
                    </div>

                    <div class="pe-sm-5">
                        <!-- <button onclick="downloadFile()" id="downloadPdf" class="common-btn popup-btn brochure-btn pdf-download-btn d-md-inline ms-md-3 d-block" >Download Brochure</button> -->

                        <button id="downloadPdf" onClick="OpenModal();"
                            class="common-btn popup-btn red-white-btn mt-4 mb-4 mb-md-0 enquiry-btn px-lg-5 d-md-inline">Download
                            Brochure</button>

                        <!-- <a href="{{ route('laser_marking_machine.DownloadFile') }}" >
                        <button  id="downloadPdf" class="common-btn popup-btn brochure-btn pdf-download-btn d-md-inline ms-md-3 d-block" >Download Brochure</button>
                        </a> -->
                    </div>
                </div>
                <div class="col-md-4 col-sm-12 text-center mt-4 mt-md-0 " style="color:white; margin-top:50px;">
                    <!-- <img src="img/laser_marking/MMS03392-removebg.png" width="100px" height="100px"> -->
                    <!-- <img src="img/laser_marking/MMS03388.JPG" style="width=300px; height=300px;"> -->

                    <div class="mb-4 post" style="align-items: center; border-radius: 25px;">
                        <img src="img/laser_marking/MMS03392-removebg.webp">

                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


<section class="products-inner-nav py-4">
    <div class="container">
        <ul class="nav">
            <li class="nav-item thisactive">
                <a class="nav-link" aria-current="page" data-section="fiber">Fiber</a>
            </li>
            <li class="nav-item ">
                <a class="nav-link" data-section="mopa">MOPA</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-section="uv">UV</a>
            </li>
            <!-- <li class="nav-item">
                <a class="nav-link" data-section="carbon-dioxide">Carbon dioxide</a>
            </li> -->

        </ul>
    </div>
</section>



<section id="dynamic-content">
    @include('product/lasermarkingMachine/fiber') 

</section>
<div class="modal fade" id="DownloadBroucerModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true" data-bs-backdrop="static" data-bs-keyboard="false">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <div class="d-flex align-items-center">
                    <img src="{{ asset('img/Lucan_Square_Logo.png') }}" alt="User"
                        style="height: 50px;width: 70px;">
                    <div class="modal-title ms-3" id="exampleModalLabel">Download Brochure</div>
                </div>

            </div>
            <div class="modal-body">
                <form id="download_brochure" method="POST" action="{{ route('contact.save') }}">
                    @csrf
                    <input type="hidden" name="subject" id="subject" value="0" />
                    <input type="hidden" name="message" id="message" value="Laser_marking_machine" />

                    <div class="form-group">
                        <div class="sm-mb30">
                            <label>Name:</label>
                            <input id="form_name" type="text" name="name" placeholder="Name" required="required">
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="row">
                            <div class="col-md-6">

                                <div>
                                    <label>Phone Number:</label>
                                    <input id="form_phone_number" type="number" name="phone_number"
                                        placeholder="Phone Number" minlength="10" maxlength="10" required="required">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div>
                                    <label>Email</label>
                                    <input id="form_email" type="email" name="email" placeholder="Email"
                                        required="required">
                                </div>
                            </div>
                        </div>
                    </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" id="close" data-bs-dismiss="modal">Close</button>
                <button type="submit" class="btn btn-primarly">Save</button>
            </div>

            </form>
        </div>
    </div>
</div>

<script>
    document.addEventListener('scroll', function () {
        let sections = document.querySelectorAll('section[id]');
        let navLinks = document.querySelectorAll('.nav-link');
        let navSection = document.querySelector('.products-inner-nav');
        let topNavBarHeight = document.querySelector('#topnav_bar').offsetHeight;

        let scrollPos = window.scrollY || document.documentElement.scrollTop;


        let isThrottled = false;
        if (!isThrottled) {
            window.requestAnimationFrame(function () {

                if (scrollPos > topNavBarHeight) {
                    navSection.classList.add('fixed-nav');
                    navSection.style.top = `${topNavBarHeight}px`;
                } else {
                    navSection.classList.remove('fixed-nav');
                    navSection.style.top = 'auto';
                }


                sections.forEach((section) => {
                    let sectionTop = section.offsetTop - topNavBarHeight - 50;
                    let sectionBottom = sectionTop + section.offsetHeight;

                    if (scrollPos >= sectionTop && scrollPos < sectionBottom) {
                        navLinks.forEach((link) => {

                        });
                    }
                });

                isThrottled = false; // Reset the throttle state
            });

            isThrottled = true;
        }
    });

    $('.nav-link').on('click', function (e) {
        e.preventDefault();
        let section = $(this).data('section');

        $('.nav-item').removeClass('thisactive');
        $(this).parent().addClass('thisactive');


        $.ajax({
            url: '{{route('laser_marking_machine.section')}}',
            type: 'GET',
            data: { section: section },
            success: function (response) {
                $('#dynamic-content').html(response);
                initializeScroller();
            }
        });
    });

    function initializeScroller() {
        const sliders = document.querySelectorAll('.horizontal-slider-wrapper');

        sliders.forEach(sliderWrapper => {
            const slider = sliderWrapper.querySelector('.horizontal-slider');
            const scrollLeftBtn = sliderWrapper.querySelector('.slider-btn-left');
            const scrollRightBtn = sliderWrapper.querySelector('.slider-btn-right');

            if (scrollLeftBtn && scrollRightBtn && slider) {
                scrollLeftBtn.removeEventListener('click', scrollLeft);
                scrollRightBtn.removeEventListener('click', scrollRight);

                scrollLeftBtn.addEventListener('click', function scrollLeft() {
                    slider.scrollBy({
                        left: -slider.offsetWidth,
                        behavior: 'smooth'
                    });
                });

                scrollRightBtn.addEventListener('click', function scrollRight() {
                    slider.scrollBy({
                        left: slider.offsetWidth,
                        behavior: 'smooth'
                    });
                });
            }
        });
    }
    window.onload = function () {
        window.scrollTo(0, 0);
    };

    function OpenModal() {
        $('#DownloadBroucerModal').modal('show');
    }
    $(document).ready(function() {

        $('#download_brochure').validate();

        var options = {
            beforeSubmit: showRequest, 
            success: showResponse 
        };

        $('#download_brochure').ajaxForm(options);
    });

    function showRequest(formData, jqForm, options) {
        return true;
    }

    function showResponse(responseText, statusText, xhr, $form) {
        if ($form[0]['id'] == "download_brochure") {
            if (responseText['status'] == 1) {
                flasher.success(responseText['msg']);

                $('#form_email').val('');
                $('#form_phone_number').val('');
                $('#form_name').val('');
                $('#message').val('');
                $('#subject').val('');
                downloadFile();

                $('#DownloadBroucerModal').modal('hide');


            } else {

                flasher.error(responseText['msg']);
            }
        }
    }
    function downloadFile() {

        window.location.href = "{{ route('laser_marking_machine.DownloadFile') }}";
    }
</script>

@include('home.footer')