


<!DOCTYPE html>
<html lang="th">
    <head>
        
    
    
        <link rel="preload" href="https://static.wshlp.net/static/css/app_user.fcdca024f5e6.css" as="style">
        <link rel="preload" href="https://static.wshlp.net/static/img/washdrop_new.6c882be2d49c.svg" as="image">
    

    
            <link rel="preconnect" href="https://kit.fontawesome.com" crossorigin>
            <link rel="preconnect" href="https://ka-p.fontawesome.com" crossorigin>
        


    <link rel="preload" href="https://static.wshlp.net/static/img/home-hero-3.bff6624ccbb0.jpg" as="image">


        <meta charset="utf-8">


    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">


<meta name="format-detection" content="telephone=no">

<link rel="canonical" href="https://www.washdrop.com/th/mindterra/">

<script type="text/javascript">
    window.csrf_token = "OojcgdnuiM352D6AMTdo5Sszf7YPQEtWwmEOqubut5H6mzHDICDVVj5vSByxWIpU";

    

    
    window.REV = "368a3287418d3b4394a3ef1fb544ff1ecc78191d";
    

    

    

    window.userIsAuthenticated = false;
    

    
        window.APPLE_MAPKIT_TOKEN = "eyJraWQiOiI1UEwyNDQ4NFk0IiwidHlwIjoiSldUIiwiYWxnIjoiRVMyNTYifQ.eyJpc3MiOiIyRkJDUTZBN0wyIiwiaWF0IjoxNzY5MDk3MjM2LCJvcmlnaW4iOiIqLndhc2hsb29wLmNvbSJ9.bed0j_SP2kb1iAznCtcwJZ6IvgRY3OxFTq0NPWC1gP-Ncq1SbhxMvQuuAP2lqvXCMcpYTZaAg8i7JT6XsEUwWA";
    
    
    window.LANGUAGE_CODE = "th";
</script>


        
    
            <style>
                

@font-face {
font-family: Lato;
src:local('Lato Italic'),
local('Lato-Italic'),
url('https://static.wshlp.net/static/fonts/subset-Lato-Italic.f6216bd11184.woff2') format('woff2'),
url('https://static.wshlp.net/static/fonts/subset-Lato-Italic.d3fe5ad81a54.woff') format('woff');
font-weight: 400;
font-style: italic;
font-display: swap
}

@font-face {
font-family: Lato;
src:local('Lato Bold'),
local('Lato-Bold'),
url('https://static.wshlp.net/static/fonts/subset-Lato-Bold.60c1240c39c4.woff2') format('woff2'),
url('https://static.wshlp.net/static/fonts/subset-Lato-Bold.a504f95f5249.woff') format('woff');
font-weight: 700;
font-style: normal;
font-display: swap
}

@font-face {
font-family: Lato;
src:local('Lato Bold Italic'),
local('Lato-BoldItalic'),
url('https://static.wshlp.net/static/fonts/subset-Lato-BoldItalic.4d7d6275d12b.woff2') format('woff2'),
url('https://static.wshlp.net/static/fonts/subset-Lato-BoldItalic.9bf80c82aa80.woff') format('woff');
font-weight: 700;
font-style: italic;
font-display: swap
}

@font-face {
font-family: Lato;
src:local('Lato Regular'),
local('Lato-Regular'),
url('https://static.wshlp.net/static/fonts/subset-Lato-Regular.9efd6ae06579.woff2') format('woff2'),
url('https://static.wshlp.net/static/fonts/subset-Lato-Regular.3d9a7d2de84e.woff') format('woff');
font-weight: 400;
font-style: normal;
font-display: swap
}

@font-face {
font-family: Prompt;
src:local('Prompt Italic'),
local('Prompt-Italic'),
url('https://static.wshlp.net/static/fonts/subset-Prompt-Italic.29229a3f8aa3.woff2') format('woff2'),
url('https://static.wshlp.net/static/fonts/subset-Prompt-Italic.e4bc250ccad4.woff') format('woff');
font-weight: 400;
font-style: italic;
font-display: swap
}

@font-face {
font-family: Prompt;
src:local('Prompt Medium Italic'),
local('Prompt-MediumItalic'),
url('https://static.wshlp.net/static/fonts/subset-Prompt-MediumItalic.3c8c2e22e17f.woff2') format('woff2'),
url('https://static.wshlp.net/static/fonts/subset-Prompt-MediumItalic.31cb85d464f7.woff') format('woff');
font-weight: 700;
font-style: italic;
font-display: swap
}

@font-face {
font-family: Prompt;
src:local('Prompt-Medium'),
url('https://static.wshlp.net/static/fonts/subset-Prompt-Medium.3771fe93fcec.woff2') format('woff2'),
url('https://static.wshlp.net/static/fonts/subset-Prompt-Medium.e091b42f0c76.woff') format('woff');
font-weight: 700;
font-style: normal;
font-display: swap
}

@font-face {
font-family: Prompt;
src:local('Prompt-Regular'),
url('https://static.wshlp.net/static/fonts/subset-Prompt-Regular.6f206e4ae575.woff2') format('woff2'),
url('https://static.wshlp.net/static/fonts/subset-Prompt-Regular.b8287b1407f8.woff') format('woff');
font-weight: 400;
font-style: normal;
font-display: swap
}

@font-face {
font-family: Sarabun;
src:local('Sarabun Regular'),
local('Sarabun-Regular'),
url('https://static.wshlp.net/static/fonts/subset-Sarabun-Regular.9083d0653ae1.woff2') format('woff2'),
url('https://static.wshlp.net/static/fonts/subset-Sarabun-Regular.f3253c81fbee.woff') format('woff');
font-weight: 400;
font-style: normal;
font-display: swap
}

@font-face {
font-family: Sarabun;
src:local('Sarabun Italic'),
local('Sarabun-Italic'),
url('https://static.wshlp.net/static/fonts/subset-Sarabun-Italic.fcebd4ed04fc.woff2') format('woff2'),
url('https://static.wshlp.net/static/fonts/subset-Sarabun-Italic.6ae3e3cc6b65.woff') format('woff');
font-weight: 400;
font-style: italic;
font-display: swap
}

@font-face {
font-family: Sarabun;
src:local('Sarabun Medium'),
local('Sarabun-Medium'),
url('https://static.wshlp.net/static/fonts/subset-Sarabun-Medium.5134e20f683e.woff2') format('woff2'),
url('https://static.wshlp.net/static/fonts/subset-Sarabun-Medium.9f3a6e73004a.woff') format('woff');
font-weight: 700;
font-style: normal;
font-display: swap
}

@font-face {
font-family: Sarabun;
src:local('Sarabun Medium Italic'),
local('Sarabun-MediumItalic'),
url('https://static.wshlp.net/static/fonts/subset-Sarabun-MediumItalic.0fbcbd013e9c.woff2') format('woff2'),
url('https://static.wshlp.net/static/fonts/subset-Sarabun-MediumItalic.5b1eaa0eb2f2.woff') format('woff');
font-weight: 700;
font-style: italic;
font-display: swap
}


                /*[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {display: none !important;}*/
                [ng-cloak] {
                    display: block !important;
                    opacity: 0;
                }
                [ng-cloak],
                .ng-binding {
                    transition: opacity 300ms ease-in-out;
                }
                .ng-binding {
                    opacity: 1;
                }
                button:disabled {
                    cursor: not-allowed;
                    pointer-events: all !important;
                }

                .text-monospace {
                    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
                }

                .rotate {
                    animation: rotateAnimation 2s linear infinite;
                }

                @keyframes rotateAnimation {
                    from {
                        transform: rotate(0deg);
                    }
                    to {
                        transform: rotate(360deg);
                    }
                }

                
            </style>
        

    <style>
        
        

        

        div.space-bottom-3 {
            padding-bottom: 6rem !important;
        }

    </style>
    

    <link href="https://static.wshlp.net/static/css/app_user.fcdca024f5e6.css" rel="stylesheet">
    <link rel="stylesheet" href="https://kit.fontawesome.com/4bdbcdd6ad.css" crossorigin="anonymous">



        <title>Mindterra เปลี่ยนเป็น WashDrop แล้ว - WashDrop</title>
        <meta name="description" content="Mindterra เปลี่ยนเป็น WashDrop แล้ว. บริการซักรีดที่สะดวกที่สุดส่งตรงถึงประตูบ้านคุณ">

        
    

    

    
        <!-- Google tag (gtag.js) -->
        <script async src="https://www.googletagmanager.com/gtag/js?id=AW-841576174"></script>
        <script>
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            gtag('js', new Date());

            gtag('config', 'AW-841576174');
        </script>

        <script async src="https://a2.wshlp.net/js/pa-TCwf3la-2y2N_3CVkd26E.js"></script>

        <script id="plausible-props" type="application/json">{"platform": "web", "is_authenticated": false, "site_language": "th", "accept_language": null, "last_order_band": "never", "order_count_band": "0", "customer_status": "anonymous"}</script>
        <script>
            window.plausible=window.plausible||function(){(plausible.q=plausible.q||[]).push(arguments)},plausible.init=plausible.init||function(i){plausible.o=i||{}};
            (function () {
                var serverProps = {};
                try {
                    var el = document.getElementById('plausible-props');
                    if (el) { serverProps = JSON.parse(el.textContent) || {}; }
                } catch (e) { serverProps = {}; }

                plausible.init({
                    customProperties: function () {
                        var navLang = (navigator.language || '').split('-')[0].toLowerCase();
                        var browserLang = navLang || serverProps.accept_language || null;
                        var siteLang = serverProps.site_language || null;
                        var scheme = 'no_preference';
                        if (window.matchMedia) {
                            if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
                                scheme = 'dark';
                            } else if (window.matchMedia('(prefers-color-scheme: light)').matches) {
                                scheme = 'light';
                            }
                        }
                        return Object.assign({}, serverProps, {
                            browser_language: browserLang,
                            browser_language_match: browserLang && siteLang ? browserLang === siteLang : null,
                            prefers_color_scheme: scheme,
                        });
                    }
                });
            })();
        </script>

        <!-- Meta Pixel Code -->
        <script>
            !function(f,b,e,v,n,t,s)
            {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
            n.callMethod.apply(n,arguments):n.queue.push(arguments)};
            if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
            n.queue=[];t=b.createElement(e);t.async=!0;
            t.src=v;s=b.getElementsByTagName(e)[0];
            s.parentNode.insertBefore(t,s)}(window, document,'script',
            'https://connect.facebook.net/en_US/fbevents.js');
            fbq('init', '1967751773501810');
            fbq('track', 'PageView');
        </script>
        <noscript>
            <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1967751773501810&ev=PageView&noscript=1" />
        </noscript>
        <!-- End Meta Pixel Code -->
        <script type="text/javascript">
            (function(c,l,a,r,i,t,y){
                c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
                t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
                y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
            })(window, document, "clarity", "script", "qaickt63ed");
        </script>
    

    <meta property="og:url" content="https://www.washdrop.com/th/mindterra/">
<meta property="og:type" content="website">
<meta property="og:site_name" content="WashDrop">
<meta property="og:image" content="https://static.wshlp.net/static/img/washdrop-og-image-2025.aabbb1b2fd92.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="627">

<link rel="icon shortcut" type="image/png" href="https://static.wshlp.net/static/icons/favicon.dea6179d5f4a.png">

<meta name="apple-itunes-app" content="app-id=1480186777, app-argument=https://www.washdrop.com/th/mindterra/">


<link rel="apple-touch-icon-precomposed" sizes="57x57" href="https://static.wshlp.net/static/icons/apple-touch-icon-57x57.63491d0f1e73.png">
<link rel="apple-touch-icon-precomposed" sizes="60x60" href="https://static.wshlp.net/static/icons/apple-touch-icon-60x60.0de1b4301616.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://static.wshlp.net/static/icons/apple-touch-icon-72x72.60b21bc57d61.png">
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="https://static.wshlp.net/static/icons/apple-touch-icon-76x76.dbaf7d38cbd6.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://static.wshlp.net/static/icons/apple-touch-icon-114x114.f0abad2c2856.png">
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="https://static.wshlp.net/static/icons/apple-touch-icon-120x120.e9c85fb69bfc.png">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://static.wshlp.net/static/icons/apple-touch-icon-144x144.1bf741a2414b.png">
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="https://static.wshlp.net/static/icons/apple-touch-icon-152x152.69bdaa4cda62.png">

<meta name="application-name" content="WashDrop">
<meta name="theme-color" content="#0b7eb4">
<meta name="msapplication-TileColor" content="#0b7eb4">



        
    

    

    


        
    <script src="https://static.wshlp.net/static/js/app_user.ba97edf7a18d.js"></script>

    

    </head>

    <body ng-app="app" ng-strict-di class="page-fixed-nav ">
        
            
    
        <style>
        @keyframes shadow-pulse-big-green {
            20% {
                box-shadow: 0 0 0 0px rgba(22, 155, 89, 0.5);
            }
            80% {
                box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
            }
            100% {
                box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
            }
        }
        </style>
        <button type="button" data-toggle="modal" data-target="#helpModal" class="btn btn-success btn-icon btn-lg rounded-circle position-fixed" style="font-size: 1.5rem; bottom: 1.5rem; right: 1.5rem; z-index: 1000; animation-name: shadow-pulse-big-green; animation-duration: 5s; animation-delay: 0s; animation-iteration-count: infinite;">
            <i class="fas fa-comments"></i>
        </button>

        <div class="modal fade" id="helpModal" tabindex="-1" aria-label="Support" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close ml-auto" data-dismiss="modal" aria-label="ปิด">
                            <i class="fas fa-times" aria-hidden="true"></i>
                        </button>
                    </div>
                    <div class="modal-body"><h2 class="text-center mb-3">
    
        มีข้อสงสัย ทิ้งข้อความไว้ให้เรา
    
</h2>
    <div class="row align-items-center justify-content-center mb-3">
        <div class="col-6">
            <div class="avatar-group mb-1" style="float: right;">
                <span class="avatar avatar-dark avatar-circle">
                    <img class="avatar-img" src="https://static.wshlp.net/static/img/support-avatars/kp.6318adabcd7e.jpg" width="50" height="50" loading="lazy">
                    <span class="avatar-status avatar-sm-status avatar-warning"></span>
                </span>
                <span class="avatar avatar-circle">
                    <img class="avatar-img" src="https://static.wshlp.net/static/img/support-avatars/luna.91c4ffe65806.jpg" width="50" height="50" loading="lazy">
                    <span class="avatar-status avatar-sm-status avatar-warning"></span>
                </span>
                <span class="avatar avatar-primary avatar-circle">
                    <img class="avatar-img" src="https://static.wshlp.net/static/img/support-avatars/ws.fbcddcd6d56c.jpg" width="50" height="50" loading="lazy">
                    <span class="avatar-status avatar-sm-status avatar-warning"></span>
                </span>
            </div>
        </div>
        <div class="col-6">
                
                    <i class="fas fa-clock"></i> <strong>เราจะกลับมาอีกครั้งตอน<br> 10:00 น.</strong>
                
        </div>
    </div>
    <style>
        .btn-brand-messenger {
            background-color: #006AFF !important;
            border-color: #006AFF !important;
        }
        .btn-brand-line {
            background-color: #00c300 !important;
            border-color: #00c300 !important;
        }
        .btn-brand-whatsapp {
            background-color: #25D366 !important;
            border-color: #25D366 !important;
        }
        .btn-brand-telegram {
            background-color: #0088cc !important;
            border-color: #0088cc !important;
        }
    </style>
    <p class="text-center">หากมีข้อสงสัยหรือต้องการความช่วยเหลือ ทีมงานของเรายินดีช่วยคุณ!</p>
    
        <a href="/th/faqs/" class="btn btn-primary btn-block mb-3"><i class="fas fa-question-circle mr-1"></i> ดูคำถามที่พบบ่อยทั้งหมด</a>
    
    <h4 class="text-center">Chat with our team &mdash; always humans, never bots.</h4>
    <a href="/th/chat/line/" target="_blank" class="btn btn-success btn-brand-line btn-block" rel="noopener noreferrer nofollow"><i class="fab fa-line mr-1"></i> LINE</a>
    <a href="/th/chat/facebook/" target="_blank" class="btn btn-primary btn-brand-messenger btn-block" rel="noopener noreferrer nofollow"><i class="fab fa-facebook-messenger mr-1"></i> Facebook Messenger</a>
    <a href="/th/chat/whatsapp/" target="_blank" class="btn btn-success btn-brand-whatsapp btn-block" rel="noopener noreferrer nofollow"><i class="fab fa-whatsapp mr-1"></i> WhatsApp</a>
    <a href="/th/chat/telegram/" target="_blank" class="btn btn-success btn-brand-telegram btn-block" rel="noopener noreferrer nofollow"><i class="fab fa-telegram mr-1"></i> Telegram</a>
    <a href="mailto:support@washdrop.com" class="btn btn-secondary btn-lgs btn-block"><i class="fas fa-at mr-1"></i> อีเมล</a>
</div>
                    <div class="modal-footer d-md-none">
                        <button type="button" class="btn btn-block btn-outline-secondary" data-dismiss="modal">ปิด</button>
                    </div>
                </div>
            </div>
        </div>
    

    


    



    




<header id="header" class="site-header header">
    <div class="header-section">
        <div class="container-xl">
            <nav class="navbar navbar-expand-md fixed-top container-xl">
                <!-- Logo -->
                <a class="navbar-brand text-center " href="/th/" aria-label="WashDrop">
                    <img src="https://static.wshlp.net/static/img/washdrop_new.6c882be2d49c.svg" alt="WashDrop">
                </a>
                <!-- End Logo -->

                <div>
                    
                    <a class="btn btn-primary btn-sm d-md-none transition-3d-hover mr-1 mr-sm-2" href="/th/orders/new/">
                        <span class="d-inline d-sm-none">ออเดอร์ </span>
                        <span class="d-none d-sm-inline">สั่งจองตอนนี้ </span>
                        <i class="fas fa-angle-right fa-sm ml-1"></i>
                    </a>
                    

                    <!-- Responsive Toggle Button -->
                    <button type="button" class="navbar-toggler btn btn-icon btn-sm rounded-circle" aria-label="Toggle navigation" aria-expanded="false" aria-controls="mobile_nav" data-toggle="collapse" data-target="#mobile_nav">
                        <span class="navbar-toggler-default">
                            <svg width="14" height="14" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
                                <path fill="currentColor" d="M17.4,6.2H0.6C0.3,6.2,0,5.9,0,5.5V4.1c0-0.4,0.3-0.7,0.6-0.7h16.9c0.3,0,0.6,0.3,0.6,0.7v1.4C18,5.9,17.7,6.2,17.4,6.2z M17.4,14.1H0.6c-0.3,0-0.6-0.3-0.6-0.7V12c0-0.4,0.3-0.7,0.6-0.7h16.9c0.3,0,0.6,0.3,0.6,0.7v1.4C18,13.7,17.7,14.1,17.4,14.1z"/>
                            </svg>
                        </span>
                        <span class="navbar-toggler-toggled">
                            <svg width="14" height="14" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
                                <path fill="currentColor" d="M11.5,9.5l5-5c0.2-0.2,0.2-0.6-0.1-0.9l-1-1c-0.3-0.3-0.7-0.3-0.9-0.1l-5,5l-5-5C4.3,2.3,3.9,2.4,3.6,2.6l-1,1 C2.4,3.9,2.3,4.3,2.5,4.5l5,5l-5,5c-0.2,0.2-0.2,0.6,0.1,0.9l1,1c0.3,0.3,0.7,0.3,0.9,0.1l5-5l5,5c0.2,0.2,0.6,0.2,0.9-0.1l1-1 c0.3-0.3,0.3-0.7,0.1-0.9L11.5,9.5z"/>
                            </svg>
                        </span>
                    </button>
                </div>
                <!-- End Responsive Toggle Button -->
                <!-- Navigation -->
                <div id="navBar" class="collapse navbar-collapse">
                    <ul class="navbar-nav ml-auto">
                        

                        <li class="navbar-nav-item"><a class="nav-link" href="/th/pricing/">อัตราค่าบริการ</a></li>

                        

                        
                            <li class="navbar-nav-item">
                                <a class="nav-link" href="/th/accounts/login/?next=/th/mindterra/">เข้าสู่ระบบ</a>
                            </li>
                        

                        
                    </ul>

                
                    <form class="form-inline">
                        <a class="btn btn-sm btn-primary transition-3d-hover" href="/th/orders/new/">สั่งจองตอนนี้ <i class="fas fa-angle-right fa-sm ml-1"></i></a>
                    </form>
                
                </div>
                <!-- End Navigation -->
            </nav>

                <div id="mobile_nav" class="navbar d-block d-md-none" style="overflow: scroll;">
                    <div class="px-3 py-10">
                    <ul class="navbar-nav mt-0 mb-3">
                        

                        <li class="navbar-nav-item"><a class="nav-link" href="/th/pricing/">อัตราค่าบริการ</a></li>

                        

                        
                            <li class="navbar-nav-item">
                                <a class="nav-link" href="/th/accounts/login/?next=/th/mindterra/">เข้าสู่ระบบ</a>
                            </li>
                        

                        
                    </ul>

                    
                        <a class="btn btn-primary btn-block transition-3d-hover mb-3" href="/th/orders/new/">สั่งจองตอนนี้ <i class="fas fa-angle-right fa-sm ml-1"></i></a>
                    

                    <div class="row d-md-none">
                        <div class="col-6">
                        <a class="d-block" href="https://apps.apple.com/app/apple-store/id1480186777?pt=120457517&ct=website_menu&mt=8" target="_blank">
                        
                            <img src="https://static.wshlp.net/static/svg/app-store-badge-th.687f84127f79.svg" height="36" loading="lazy" alt="ดาวน์โหลดได้ที่ App Store">
                        
                        </a>
                        </div>

                        <div class="col-6 text-right">
                        <a class="d-block" href="https://play.google.com/store/apps/details?id=com.washdrop" target="_blank">
                        
                            <img src="https://static.wshlp.net/static/img/google-play-badge-th.7a8995635c09.png" height="36" loading="lazy" alt="ดาวน์โหลดได้จาก Google Play">
                        
                        </a>
                        </div>
                    </div>
                    </div>
                </div>
        </div>
    </div>
</header>



            
    <div class="site-main pt-5 space-bottom-3">
        

        

        

        
        

        

        

        

        
    <div class="container-xl space-bottom-3">
        <div class="row align-content-center justify-content-lg-between">
            <div class="col-12 col-md-6 col-lg-5 d-flex align-content-center flex-wrap order-2 order-md-1">
                <div class="w-100 text-center text-md-left mr-md-2 mb-5">
                    <h1>Mindterra เปลี่ยนเป็น WashDrop แล้ว</h1>

                    <p>เรารู้ว่าคุณกำลังยุ่งและเราเข้าใจ คุณคงไม่อยากใช้เวลาว่างไปกับการเก็บเสื้อผ้าสกปรกเป็นกอง ๆ หรือใช้เวลาตลอดไปกับงานที่น่าเบื่อเช่นซักผ้า นั่นคือเหตุผลที่ WashDrop มาเพื่อคุณ! เรามีผู้เชี่ยวชาญใน บริษัท ที่ดูแลรายละเอียดทั้งหมดเพื่อให้หมดกังวลเกี่ยวกับการควบคุมคุณภาพการจ้างหรือสิ่งอื่นใดในเรื่องการซักของคุณเพียงแค่ส่งเสื้อผ้าที่สะอาดและกลับมาใหม่ในภายหลังพร้อมรอคุณอยู่ที่ บ้าน.</p>
                    <ul>
                        <li><a href="/th/laundry-service-near-me/">ร้านซักรีดใกล้ฉัน</a></li>
                        <li><a href="/th/laundry-bangkok/">ร้านซักรีด กรุงเทพ</a></li>
                        <li><a href="/th/laundry-chiang-mai/">ร้านซักรีด เชียงใหม่</a></li>
                    </ul>

                    <p>ดู<a href="/th/pricing/">ราคาของเรา</a>สำหรับข้อมูลเพิ่มเติมเกี่ยวกับบริการของเรา หากคุณมีคำถามใด ๆ โปรดติดต่อ<a href="/th/support/">ทีมสนับสนุน</a>ของเราเพื่อขอข้อมูลเพิ่มเติม</a></p>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-7 mb-4 mb-md-0 min-h-15rem min-h-sm-20rem min-h-md-25rem d-flex align-content-center flex-wrap order-1 order-md-2">
                <div class="bg-img-hero-center w-100 h-100 rounded" style="background-image: url(https://static.wshlp.net/static/img/washdrop-use-app.402f2a5c1063.jpg);"></div>
            </div>
        </div>
    </div>

    </div>

            
    
        <footer class="site-footer bg-dark d-print-none">
            <div class="container-xl">
                <div class="pt-8 pb-3">
                    <div class="row">
                        <div class="col-lg-3 ml-lg-auto mb-5 mb-lg-0">
                            <div class="">
                                <a href="/th/">
                                    <img style="max-width: 10rem;" class="brand" src="https://static.wshlp.net/static/img/washdrop_white.5ec52fc396b8.svg" loading="lazy" alt="WashDrop">
                                </a>
                            </div>
                        </div>
                        <div class="col-6 col-md-3 col-lg mb-5 mb-lg-0">
                            <h5 class="text-white">บริษัท</h5>
                            <ul class="nav nav-sm nav-x-0 nav-white flex-column">
                                <li class="nav-item">
                                    <a class="nav-link" href="/th/pricing/">อัตราค่าบริการ</a>
                                </li>

                                

                                <li class="nav-item">
                                    <a class="nav-link" data-toggle="modal" href="#helpModal">ติดต่อ</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="/th/faqs/">Support</a>
                                </li>
                                
                                    <!-- Starting the blog in Thai only. -->
                                    <!-- <li class="nav-item"><a class="nav-link" href="/th/blog/">บล็อค</a></li> -->
                                
                                
                            </ul>
                        </div>

                        <div class="col-6 col-md-3 col-lg mb-5 mb-lg-0">
                            
                                
                            

                            <h5 class="text-white">WashDrop</h5>
                            <ul class="nav nav-sm nav-x-0 nav-white flex-column">
                                <li class="nav-item">
                                    <a class="nav-link" href="/th/laundry-service-near-me/">บริการซักรีดใกล้ฉัน</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="/hotels/">บริการซักรีดสำหรับโรงแรม</a>
                                </li>
                            </ul>
                        </div>

                        <div class="col-6 col-md-3 col-lg">
                            
                                <h5 class="text-white">จังหวัด</h5>
                                <ul class="nav nav-sm nav-x-0 nav-white flex-column">
                                    
                                        <li class="nav-item">
                                            <a class="nav-link" href="/th/laundry-bangkok/">
                                                กรุงเทพ
                                                
                                            </a>
                                        </li>
                                    
                                        <li class="nav-item">
                                            <a class="nav-link" href="/th/laundry-chiang-mai/">
                                                เชียงใหม่
                                                
                                            </a>
                                        </li>
                                    
                                        <li class="nav-item">
                                            <a class="nav-link" href="/th/laundry-hua-hin/">
                                                หัวหิน
                                                
                                                    <span class="badge badge-success ml-1" style="font-size: 50%;">เร็วๆ นี้</span>
                                                
                                            </a>
                                        </li>
                                    
                                        <li class="nav-item">
                                            <a class="nav-link" href="/th/laundry-koh-samui/">
                                                สมุย
                                                
                                                    <span class="badge badge-success ml-1" style="font-size: 50%;">เร็วๆ นี้</span>
                                                
                                            </a>
                                        </li>
                                    
                                        <li class="nav-item">
                                            <a class="nav-link" href="/th/laundry-pattaya/">
                                                พัทยา
                                                
                                                    <span class="badge badge-success ml-1" style="font-size: 50%;">เร็วๆ นี้</span>
                                                
                                            </a>
                                        </li>
                                    
                                        <li class="nav-item">
                                            <a class="nav-link" href="/th/laundry-phuket/">
                                                ภูเก็ต
                                                
                                                    <span class="badge badge-success ml-1" style="font-size: 50%;">เร็วๆ นี้</span>
                                                
                                            </a>
                                        </li>
                                    
                                </ul>
                            
                        </div>

                        <div class="col-6 col-md-3 col-lg">
                            <h5 class="text-white mb-3">ดาวน์โหลดแอปของเรา</h5>

                            <a class="d-block mb-3" href="https://apps.apple.com/app/apple-store/id1480186777?pt=120457517&ct=website_footer&mt=8" target="_blank" rel="noopener noreferrer nofollow">
                                
                                    <img src="https://static.wshlp.net/static/svg/app-store-badge-th.687f84127f79.svg" height="45" class="img-fluid" style="max-height: 45px;" loading="lazy" alt="ดาวน์โหลดได้ที่ App Store">
                                
                            </a>

                            <a href="https://play.google.com/store/apps/details?id=com.washdrop" target="_blank" rel="noopener noreferrer nofollow">
                                
                                    <img src="https://static.wshlp.net/static/img/google-play-badge-th.7a8995635c09.png" height="45" class="img-fluid" style="max-height: 45px;" loading="lazy" alt="ดาวน์โหลดได้จาก Google Play">
                                
                            </a>
                        </div>
                    </div>
                </div>

                <hr class="opacity-xs my-0">

                <div class="pt-3 pb-8">
                    <div class="row align-items-md-center mb-5">
                        <div class="col-md-6 mb-4 mb-md-0">
                            <ul class="nav nav-sm nav-white nav-x-sm align-items-center">
                                <li class="nav-item">
                                    <a class="nav-link" href="/th/terms/">เงื่อนไขการให้บริการ</a>
                                </li>
                                <li class="nav-item opacity mx-3">/</li>
                                <li class="nav-item">
                                    <a class="nav-link" href="/th/privacy/">นโยบายความเป็นส่วนตัว</a>
                                </li>
                            </ul>
                        </div>
                        <div class="col-md-6 text-md-right">
                            <ul class="list-inline mb-0">
                                <li class="list-inline-item">
                                    <a class="btn btn-xs btn-icon btn-soft-light" href="https://www.facebook.com/washdrop/" target="_blank" rel="noopener noreferrer nofollow">
                                        <i class="fab fa-facebook-f"></i>
                                    </a>
                                </li>
                                <li class="list-inline-item">
                                    <a class="btn btn-xs btn-icon btn-soft-light" href="https://www.instagram.com/washdrop/" target="_blank" rel="noopener noreferrer nofollow">
                                        <i class="fab fa-instagram"></i>
                                    </a>
                                </li>
                                <li class="list-inline-item">
                                    <a class="btn btn-xs btn-icon btn-soft-light" href="https://x.com/washdropapp" target="_blank" rel="noopener noreferrer nofollow">
                                        <i class="fab fa-x-twitter"></i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12 col-sm-6">
                            <!-- <p class="text-white opacity-sm small mb-1">ทำในเชียงใหม่</p> -->
                            
                            <p class="text-white opacity-sm small mb-0">&copy; 2026 บริษัท วอชดรอป จำกัด</p>

                            
                        </div>
                        <div class="col-12 col-sm-6">
                            <p class="text-white opacity-sm small mb-0 text-sm-right">
                                Proudly serving our customers for 3,614 days
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
    

    

        
        
    
    <script type="text/ng-template" id="address-search.tpl.html">
<div class="address-search">
    <div ng-if="state.place && !state.manualFromMap" class="selected-place-card card border-success mb-3">
        <div class="card-header bg-light d-flex justify-content-between align-items-center py-2">
            <div>
                <i class="fa-solid fa-location-dot text-success mr-1"></i>
                <strong>{[{label || "สถานที่ที่เลือก"}]}</strong>
            </div>
            <button type="button" class="btn btn-outline-secondary btn-xs" ng-click="clear()">
                <i class="fa-solid fa-pen mr-1"></i> เปลี่ยน
            </button>
        </div>
        <div class="card-body">
            <div ng-if="state.outOfZone" class="alert alert-danger mb-3">
                <i class="fa-solid fa-triangle-exclamation mr-1"></i>
                <strong>อยู่นอกพื้นที่ให้บริการของเรา</strong>
                <span ng-if="!state.nearZone"> โปรดเลือกที่อยู่อื่น</span>
                <span ng-if="state.nearZone">
                    แต่คุณก็ใกล้แล้ว!
                    <a href="/chat/" class="alert-link">ติดต่อทีมสนับสนุนของเรา</a>
                    และเราอาจสามารถจัดการรับผ้าได้
                </span>
            </div>
            <div ng-if="state.hijackBypass && !state.outOfZone" class="alert alert-warning mb-3">
                <i class="fa-solid fa-user-shield mr-1"></i>
                <strong>อยู่นอกพื้นที่ให้บริการปกติ</strong>
                (เซสชันพนักงาน) คุณยังสามารถใช้ที่อยู่นี้ได้
            </div>
            <div class="row">
                <div class="col-md-6">
                    <h6 class="text-primary mb-1">{[{state.place.name}]}</h6>
                    <p class="text-muted small mb-2">{[{state.place.formatted_address}]}</p>

                    <div ng-if="isConfidentType(state.addressType)" class="mb-2">
                        <span class="badge badge-light"><i class="{[{getTypeIcon(state.addressType)}]} mr-1"></i> {[{getTypeLabel(state.addressType)}]}</span>
                    </div>
                    <div class="form-group" ng-if="!isConfidentType(state.addressType)">
                        <label class="input-label">สถานที่นี้เป็นประเภทใด?</label>
                        <div class="ap-type-grid">
                            <button type="button" class="ap-type-btn"
                                    ng-repeat="t in addressTypes"
                                    ng-class="{'selected': state.addressType === t.value}"
                                    ng-click="state.addressType = t.value; notifyChange()">
                                <i class="{[{t.icon}]}"></i> {[{t.label}]}
                            </button>
                        </div>
                    </div>
                    <div class="form-group" ng-class="{'animated shake': formSubmitting && isRoomRequired(state.addressType) && !state.roomNumber}">
                        <label class="input-label">
                            เลขห้อง / เลขยูนิต
                            <span ng-if="isRoomRequired(state.addressType)" class="text-danger">*</span>
                        </label>
                        <input type="text" class="form-control" ng-model="state.roomNumber" ng-change="notifyChange()" placeholder="เช่น 402, ห้องชุด 12"
                               ng-class="{'is-invalid': (state.roomTouched || formSubmitting) && isRoomRequired(state.addressType) && !state.roomNumber}"
                               ng-blur="state.roomTouched = true">
                        <p class="form-text invalid-feedback" ng-if="(state.roomTouched || formSubmitting) && isRoomRequired(state.addressType) && !state.roomNumber">โปรดกรอกหมายเลขห้องหรือยูนิตของคุณ</p>
                    </div>
                </div>
                <div class="col-md-6">
                    <div ng-if="state.place.latitude" class="ap-img-wrap ap-mini-map rounded border mb-2" ng-class="{'ap-mini-map--large': !state.photos.length}">
                        <div class="ap-img-spinner"><i class="fa-solid fa-spinner fa-spin"></i></div>
                        <img ng-if="state.photos.length" ng-src="/accounts/api/static-map/?lat={[{state.place.latitude}]}&lng={[{state.place.longitude}]}&zoom=14&size=600x200"
                             alt="แผนที่ตำแหน่ง" onload="this.parentNode.classList.add('ap-loaded')">
                        <img ng-if="!state.photos.length" ng-src="/accounts/api/static-map/?lat={[{state.place.latitude}]}&lng={[{state.place.longitude}]}&zoom=14&size=400x400"
                             alt="แผนที่ตำแหน่ง" onload="this.parentNode.classList.add('ap-loaded')">
                    </div>
                    <div ng-if="state.photos.length" class="ap-photo-grid">
                        <div ng-repeat="p in state.photos | limitTo:4" class="ap-img-wrap rounded">
                            <div class="ap-img-spinner"><i class="fa-solid fa-spinner fa-spin"></i></div>
                            <img ng-src="{[{p.url}]}" ng-attr-alt="{[{p.alt}]}"
                                 onload="this.parentNode.classList.add('ap-loaded')">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div ng-if="state.manualFromMap && !state.showMap" class="selected-place-card card border-success mb-3">
        <div class="card-header bg-light d-flex justify-content-between align-items-center py-2">
            <div>
                <i class="fa-solid fa-map-pin text-success mr-1"></i>
                <strong>{[{label || "สถานที่ที่เลือก"}]}</strong>
            </div>
            <button type="button" class="btn btn-outline-secondary btn-xs" ng-click="clear()">
                <i class="fa-solid fa-pen mr-1"></i> เปลี่ยน
            </button>
        </div>
        <div class="card-body">
            <div ng-if="state.outOfZone" class="alert alert-danger mb-3">
                <i class="fa-solid fa-triangle-exclamation mr-1"></i>
                <strong>อยู่นอกพื้นที่ให้บริการของเรา</strong>
                <span ng-if="!state.nearZone"> โปรดเลือกที่อยู่อื่น</span>
                <span ng-if="state.nearZone">
                    แต่คุณก็ใกล้แล้ว!
                    <a href="/chat/" class="alert-link">ติดต่อทีมสนับสนุนของเรา</a>
                    และเราอาจสามารถจัดการรับผ้าได้
                </span>
            </div>
            <div ng-if="state.hijackBypass && !state.outOfZone" class="alert alert-warning mb-3">
                <i class="fa-solid fa-user-shield mr-1"></i>
                <strong>อยู่นอกพื้นที่ให้บริการปกติ</strong>
                (เซสชันพนักงาน) คุณยังสามารถใช้ที่อยู่นี้ได้
            </div>
            <div class="row">
                <div class="col-md-6">
                    <p class="mb-1"><strong>{[{state.manualAddress}]}</strong></p>
                    <span class="badge badge-light"><i class="{[{getTypeIcon(state.addressType)}]} mr-1"></i> {[{getTypeLabel(state.addressType)}]}</span>
                </div>
                <div class="col-md-6">
                    <div ng-if="state.pinLat" class="ap-img-wrap ap-mini-map ap-mini-map--large rounded border mb-2">
                        <div class="ap-img-spinner"><i class="fa-solid fa-spinner fa-spin"></i></div>
                        <img ng-src="/accounts/api/static-map/?lat={[{state.pinLat}]}&lng={[{state.pinLng}]}&zoom=16&size=400x400"
                             alt="ตำแหน่งที่ปักหมุด" onload="this.parentNode.classList.add('ap-loaded')">
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div ng-if="!state.place && !state.savedUuid && !state.manualFromMap" class="ap-search-section">
        <label class="input-label">{[{searchLabel || "ค้นหาที่อยู่ของคุณ"}]}</label>
        <div class="ap-autocomplete-wrap position-relative">
            <input type="text" class="form-control" placeholder="เริ่มพิมพ์ชื่อโรงแรม อาคาร หรือที่อยู่..."
                   ng-model="state.query" ng-change="onQueryChange()" ng-blur="hideDropdown()" ng-focus="onInputFocus()"
                   autocomplete="off">
            <div ng-if="state.searching" class="ap-dropdown-msg"><i class="fa-solid fa-spinner fa-spin"></i> กำลังค้นหา...</div>

            <div ng-if="state.upstreamErrorCode && !state.showMap"
                 class="alert alert-warning py-2 px-3 small d-flex align-items-center mt-2"
                 role="status">
                <i class="fa-solid fa-triangle-exclamation mr-2"></i>
                <div class="flex-grow-1">
                    <span ng-switch="state.upstreamErrorCode">
                        <span ng-switch-when="search_unavailable">
                            การค้นหาที่อยู่ไม่พร้อมใช้งานชั่วคราว คุณยังสามารถปักหมุดตำแหน่งของคุณบนแผนที่ได้
                        </span>
                        <span ng-switch-when="place_unavailable">
                            เราไม่สามารถโหลดสถานที่นั้นได้ในขณะนี้ โปรดลองอีกครั้งหรือปักหมุดตำแหน่งของคุณบนแผนที่
                        </span>
                        <span ng-switch-when="nearby_unavailable">
                            สถานที่ใกล้เคียงไม่พร้อมใช้งานในขณะนี้ ค้นหาด้วยที่อยู่หรือปักหมุดตำแหน่งของคุณบนแผนที่
                        </span>
                        <span ng-switch-default>
                            เกิดข้อผิดพลาดบางอย่าง โปรดลองอีกครั้ง
                        </span>
                    </span>
                </div>
                <button type="button" class="btn btn-sm btn-outline-primary ml-2 text-nowrap"
                        ng-click="openMapFallback()">
                    <i class="fa-solid fa-map-location-dot mr-1"></i>
                    ปักหมุดบนแผนที่
                </button>
            </div>

            <div ng-if="(state.predictions.length || state.nearbyPlaces.length) && state.dropdownVisible" class="ap-dropdown">
                <div ng-if="state.nearbyPlaces.length && !state.query" class="ap-dropdown-header">
                    <i class="fa-solid fa-location-crosshairs mr-1"></i> ใกล้คุณ
                </div>
                <div ng-if="!state.query" class="ap-dropdown-item" ng-repeat="p in state.nearbyPlaces" ng-mousedown="selectNearbyPlace(p)">
                    <div class="ap-prediction-main">{[{p.name || p.formatted_address}]}</div>
                    <div class="ap-prediction-secondary" ng-if="p.name">{[{p.formatted_address}]}</div>
                </div>

                <div ng-if="state.query" ng-repeat="g in inZoneRegionGroups()">
                    <div ng-if="g.label" class="ap-dropdown-header text-muted">{[{g.label}]}</div>
                    <div class="ap-dropdown-item" ng-repeat="p in g.items" ng-mousedown="selectPrediction(p)">
                        <div class="d-flex justify-content-between align-items-start">
                            <div>
                                <div class="ap-prediction-main">{[{p.main_text}]}</div>
                                <div class="ap-prediction-secondary">{[{p.secondary_text}]}</div>
                            </div>
                            <small ng-if="p.distance_meters" class="text-muted text-nowrap ml-2 ap-distance-badge">{[{formatDistance(p.distance_meters)}]}</small>
                        </div>
                    </div>
                </div>

                <div ng-if="state.query && otherRegionPredictions().length" class="ap-dropdown-header text-muted">
                    {[{otherRegionPredictionLabel()}]}
                </div>
                <div ng-if="state.query" class="ap-dropdown-item" ng-repeat="p in otherRegionPredictions()" ng-mousedown="selectPrediction(p)">
                    <div class="d-flex justify-content-between align-items-start">
                        <div>
                            <div class="ap-prediction-main">{[{p.main_text}]}</div>
                            <div class="ap-prediction-secondary">{[{p.secondary_text}]}</div>
                        </div>
                        <small ng-if="p.distance_meters" class="text-muted text-nowrap ml-2 ap-distance-badge">{[{formatDistance(p.distance_meters)}]}</small>
                    </div>
                </div>

                <div ng-if="state.query && outOfZonePredictions().length" class="ap-dropdown-header text-muted">
                    <i class="fa-solid fa-triangle-exclamation mr-1"></i> อยู่นอกพื้นที่ให้บริการ
                </div>
                <div ng-if="state.query" class="ap-dropdown-item ap-dropdown-item-dimmed text-muted" ng-repeat="p in outOfZonePredictions()" ng-mousedown="selectPrediction(p)">
                    <div class="d-flex justify-content-between align-items-start">
                        <div>
                            <div class="ap-prediction-main">{[{p.main_text}]}</div>
                            <div class="ap-prediction-secondary">{[{p.secondary_text}]}</div>
                        </div>
                        <small ng-if="p.distance_meters" class="text-muted text-nowrap ml-2 ap-distance-badge">{[{formatDistance(p.distance_meters)}]}</small>
                    </div>
                </div>
            </div>

            <div ng-if="state.noResults && !state.searching" class="ap-dropdown-msg text-muted">
                <i class="fa-solid fa-magnifying-glass mr-1"></i> ไม่พบผลลัพธ์
            </div>
        </div>

        <div ng-if="!state.showMap" class="text-center mt-3"><span class="divider divider-xs divider-text">หรือ</span></div>
        <button ng-if="!state.showMap" type="button" class="btn btn-outline-primary btn-block mt-2" ng-click="openMapFallback()">
            <i class="fa-solid fa-map-location-dot mr-1"></i> ปักหมุดตำแหน่งของคุณบนแผนที่
        </button>
    </div>

    <div ng-if="state.showMap && !state.place" class="mt-3">
        <div class="ap-map-container position-relative">
            <div id="apMap_{[{instanceId}]}" class="ap-map"></div>
            <div class="ap-map-pin"><i class="fa-solid fa-location-dot fa-2x text-danger"></i></div>
        </div>
        <small class="text-muted d-block mt-1 mb-2">
            <i class="fa-solid fa-arrows-up-down-left-right mr-1"></i> ลากเพื่อปรับตำแหน่งหมุด
        </small>

        <div ng-if="state.outOfZone" class="alert alert-danger mb-2">
            <i class="fa-solid fa-triangle-exclamation mr-1"></i>
            <strong>อยู่นอกพื้นที่ให้บริการของเรา</strong>
            <span ng-if="!state.nearZone"> โปรดย้ายหมุดไปยังตำแหน่งอื่น</span>
            <span ng-if="state.nearZone">
                แต่คุณก็ใกล้แล้ว!
                <a href="/chat/" class="alert-link">ติดต่อทีมสนับสนุนของเรา</a>
                และเราอาจสามารถจัดการรับผ้าได้
            </span>
        </div>
        <div ng-if="state.hijackBypass && !state.outOfZone" class="alert alert-warning mb-2">
            <i class="fa-solid fa-user-shield mr-1"></i>
            <strong>อยู่นอกพื้นที่ให้บริการปกติ</strong>
            (เซสชันพนักงาน) คุณยังสามารถยืนยันหมุดนี้ได้
        </div>

        <div class="row"><div class="col-md-8">
            <div class="form-group">
                <label class="input-label">ที่อยู่</label>
                <textarea class="form-control" rows="5" ng-model="state.manualAddress"
                          ng-change="onManualAddressEdit()"
                          ng-disabled="state._geocoding && !state._addressTouched"
                          placeholder="เช่น ชื่ออาคาร ถนน/ซอย พื้นที่ เมือง เลขห้อง/ยูนิต"></textarea>
            </div>
        </div></div>
        <div class="form-group">
            <label class="input-label">สถานที่นี้เป็นประเภทใด?</label>
            <div class="ap-type-grid">
                <button type="button" class="ap-type-btn"
                        ng-repeat="t in addressTypes"
                        ng-class="{'selected': state.addressType === t.value}"
                        ng-click="state.addressType = t.value; notifyChange()">
                    <i class="{[{t.icon}]}"></i> {[{t.label}]}
                </button>
            </div>
        </div>

        <button type="button" class="btn btn-primary btn-block ap-confirm-pin-btn" ng-click="confirmMapPin()"
                ng-class="{'animated shake border-danger': formSubmitting && state.showMap}"
                ng-disabled="!state.manualAddress || state.outOfZone">
            <i class="fa-solid fa-check mr-1"></i> ยืนยันตำแหน่ง
        </button>
        <button type="button" class="btn btn-link btn-sm btn-block mt-1" ng-click="cancelMapPin()">ยกเลิก</button>
    </div>
</div>
</script>

    <script type="text/ng-template" id="address-picker.tpl.html">
<div class="address-picker">
    <div ng-if="savedAddresses.length && !slot['c'].showNewForm && !slot['c'].place && !slot['c'].manualFromMap">
        <label class="input-label mb-2">ที่อยู่ที่บันทึกไว้</label>
        <div class="saved-addresses-list">
            <div class="custom-control custom-radio custom-control-inline checkbox-outline checkbox-icon w-100"
                 ng-repeat="addr in savedAddresses" ng-if="isCurrentRegionAddr(addr)">
                <input type="radio" class="custom-control-input checkbox-outline-input checkbox-icon-input"
                       ng-model="slot['c'].savedUuid" name="apSaved_c" id="apSaved_c_{[{$index}]}"
                       value="{[{addr.uuid}]}" ng-change="onSelectSaved('c', addr)">
                <label class="checkbox-outline-label checkbox-icon-label w-100 rounded p-3" for="apSaved_c_{[{$index}]}">
                    <span class="d-flex align-items-start">
                        <span class="mr-2"><i class="{[{getTypeIcon(addr.address_type)}]} text-muted"></i></span>
                        <span>
                            <strong ng-if="addr.building_name">{[{addr.building_name}]}</strong>
                            <span ng-if="addr.room_number" class="text-muted"> &mdash; Room {[{addr.room_number}]}</span>
                            <small ng-if="addr.full_address" class="d-block text-muted mt-1">{[{addr.full_address}]}</small>
                        </span>
                    </span>
                </label>
            </div>

            <div ng-if="hasOtherRegionAddrs()" class="mt-3 mb-1">
                <small class="text-muted font-weight-bold" ng-repeat="rn in otherRegionNames" ng-if="$first">{[{rn}]}</small>
            </div>
            <div class="custom-control custom-radio custom-control-inline checkbox-outline checkbox-icon w-100"
                 ng-repeat="addr in savedAddresses" ng-if="!isCurrentRegionAddr(addr)">
                <input type="radio" class="custom-control-input checkbox-outline-input checkbox-icon-input"
                       name="apSaved_c_other" id="apSaved_c_other_{[{$index}]}"
                       disabled="disabled">
                <label class="checkbox-outline-label checkbox-icon-label w-100 rounded p-3 ap-addr-disabled" for="apSaved_c_other_{[{$index}]}">
                    <span class="d-flex align-items-start">
                        <span class="mr-2"><i class="{[{getTypeIcon(addr.address_type)}]} text-muted"></i></span>
                        <span>
                            <strong ng-if="addr.building_name" class="text-muted">{[{addr.building_name}]}</strong>
                            <span ng-if="addr.room_number" class="text-muted"> &mdash; Room {[{addr.room_number}]}</span>
                            <small ng-if="addr.full_address" class="d-block text-muted mt-1">{[{addr.full_address}]}</small>
                        </span>
                    </span>
                </label>
            </div>
            <div ng-if="hasOtherRegionAddrs()" class="mt-1 mb-2">
                <small class="text-muted"><i class="fa-solid fa-circle-info mr-1"></i> เปลี่ยนภูมิภาคเพื่อใช้ที่อยู่เหล่านี้</small>
            </div>
        </div>
        <div class="text-center mt-3"><span class="divider divider-xs divider-text">หรือ</span></div>
        <div class="text-center mt-2 mb-3 ap-action-buttons">
            <button type="button" class="btn btn-primary btn-sm" ng-click="startNewForSlot('c')">
                <i class="fa-solid fa-plus mr-1"></i> เพิ่มที่อยู่ใหม่
            </button>
            <a href="/accounts/addresses/" class="btn btn-soft-secondary btn-sm"><i class="fa-solid fa-gear mr-1"></i> จัดการที่อยู่</a>
        </div>
    </div>
    <div ng-if="savedAddresses.length && slot['c'].showNewForm && !slot['c'].place && !slot['c'].manualFromMap" class="mb-3">
        <button type="button" class="btn btn-soft-secondary btn-sm" ng-click="backToSavedForSlot('c')">
            <i class="fa-solid fa-arrow-left mr-1"></i> กลับไปยังที่อยู่ที่บันทึกไว้
        </button>
    </div>

    <div ng-if="!savedAddresses.length || slot.c.showNewForm || slot.c.place || slot.c.manualFromMap">
        <address-search
            state="slot.c"
            region="{[{region}]}"
            maps-api-key="{[{mapsApiKey}]}"
            label="{[{ui.sameDelivery ? 'สถานที่รับและจัดส่ง' : 'สถานที่รับผ้า'}]}"
            search-label="เราควรไปรับผ้าของคุณที่ไหน?"
            instance-id="c"
            form-submitting="formSubmitting"
            on-change="onSearchChange('c')">
        </address-search>
    </div>

    <div class="mt-3" ng-if="slot.c.place || slot.c.savedUuid || slot.c.manualFromMap || !ui.sameDelivery">
        <div class="custom-control custom-checkbox">
            <input type="checkbox" class="custom-control-input" id="apSameDelivery" ng-model="ui.sameDelivery">
            <label class="custom-control-label" for="apSameDelivery">ที่อยู่จัดส่งของฉันเหมือนกับที่อยู่รับผ้าของฉัน</label>
        </div>
    </div>

    <div ng-if="!ui.sameDelivery" class="mt-3 border-top pt-3">
        <div ng-if="savedAddresses.length && !slot['d'].showNewForm && !slot['d'].place && !slot['d'].manualFromMap">
            <label class="input-label mb-2">ที่อยู่ที่บันทึกไว้ (จัดส่ง)</label>
            <div class="saved-addresses-list">
                <div class="custom-control custom-radio custom-control-inline checkbox-outline checkbox-icon w-100"
                     ng-repeat="addr in savedAddresses" ng-if="isCurrentRegionAddr(addr)">
                    <input type="radio" class="custom-control-input checkbox-outline-input checkbox-icon-input"
                           ng-model="slot['d'].savedUuid" name="apSaved_d" id="apSaved_d_{[{$index}]}"
                           value="{[{addr.uuid}]}" ng-change="onSelectSaved('d', addr)">
                    <label class="checkbox-outline-label checkbox-icon-label w-100 rounded p-3" for="apSaved_d_{[{$index}]}">
                        <span class="d-flex align-items-start">
                            <span class="mr-2"><i class="{[{getTypeIcon(addr.address_type)}]} text-muted"></i></span>
                            <span>
                                <strong ng-if="addr.building_name">{[{addr.building_name}]}</strong>
                                <span ng-if="addr.room_number" class="text-muted"> &mdash; Room {[{addr.room_number}]}</span>
                                <small ng-if="addr.full_address" class="d-block text-muted mt-1">{[{addr.full_address}]}</small>
                            </span>
                        </span>
                    </label>
                </div>

                <div ng-if="hasOtherRegionAddrs()" class="mt-3 mb-1">
                    <small class="text-muted font-weight-bold" ng-repeat="rn in otherRegionNames" ng-if="$first">{[{rn}]}</small>
                </div>
                <div class="custom-control custom-radio custom-control-inline checkbox-outline checkbox-icon w-100"
                     ng-repeat="addr in savedAddresses" ng-if="!isCurrentRegionAddr(addr)">
                    <input type="radio" class="custom-control-input checkbox-outline-input checkbox-icon-input"
                           name="apSaved_d_other" id="apSaved_d_other_{[{$index}]}"
                           disabled="disabled">
                    <label class="checkbox-outline-label checkbox-icon-label w-100 rounded p-3 ap-addr-disabled" for="apSaved_d_other_{[{$index}]}">
                        <span class="d-flex align-items-start">
                            <span class="mr-2"><i class="{[{getTypeIcon(addr.address_type)}]} text-muted"></i></span>
                            <span>
                                <strong ng-if="addr.building_name" class="text-muted">{[{addr.building_name}]}</strong>
                                <span ng-if="addr.room_number" class="text-muted"> &mdash; Room {[{addr.room_number}]}</span>
                                <small ng-if="addr.full_address" class="d-block text-muted mt-1">{[{addr.full_address}]}</small>
                            </span>
                        </span>
                    </label>
                </div>
                <div ng-if="hasOtherRegionAddrs()" class="mt-1 mb-2">
                    <small class="text-muted"><i class="fa-solid fa-circle-info mr-1"></i> เปลี่ยนภูมิภาคเพื่อใช้ที่อยู่เหล่านี้</small>
                </div>
            </div>
            <div class="text-center mt-3"><span class="divider divider-xs divider-text">หรือ</span></div>
            <div class="text-center mt-2 mb-3 ap-action-buttons">
                <button type="button" class="btn btn-primary btn-sm" ng-click="startNewForSlot('d')">
                    <i class="fa-solid fa-plus mr-1"></i> เพิ่มที่อยู่ใหม่
                </button>
            </div>
        </div>
        <div ng-if="savedAddresses.length && slot['d'].showNewForm && !slot['d'].place && !slot['d'].manualFromMap" class="mb-3">
            <button type="button" class="btn btn-soft-secondary btn-sm" ng-click="backToSavedForSlot('d')">
                <i class="fa-solid fa-arrow-left mr-1"></i> กลับไปยังที่อยู่ที่บันทึกไว้
            </button>
        </div>

        <div ng-if="!savedAddresses.length || slot.d.showNewForm || slot.d.place || slot.d.manualFromMap">
            <address-search
                state="slot.d"
                region="{[{region}]}"
                maps-api-key="{[{mapsApiKey}]}"
                label="สถานที่จัดส่ง"
                search-label="เราควรไปส่งผ้าของคุณที่ไหน?"
                instance-id="d"
                form-submitting="formSubmitting"
                on-change="onSearchChange('d')">
            </address-search>
        </div>
    </div>

    <div id="apWrongRegionModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="apWrongRegionTitle" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-body" ng-if="wrongRegion">
                    <h3 class="text-center h5" id="apWrongRegionTitle">
                        <span ng-if="wrongRegion.placeName">
                            <strong>{[{wrongRegion.placeName}]}</strong>
                            อยู่ใน
                            <strong>{[{wrongRegion.regionName}]}</strong>
                            พื้นที่ให้บริการ
                        </span>
                        <span ng-if="!wrongRegion.placeName">
                            สถานที่นี้อยู่ใน
                            <strong>{[{wrongRegion.regionName}]}</strong>
                            พื้นที่ให้บริการ
                        </span>
                    </h3>
                    <p class="text-muted small mb-0 text-center">
                        ขณะนี้คุณกำลังสั่งซื้อจาก
                        <strong>{[{regionName || region}]}</strong>.
                    </p>
                </div>
                <div class="modal-footer border-top-0 pt-0" ng-if="wrongRegion">
                    <button type="button" class="btn btn-primary btn-block ladda-button" data-style="zoom-in" ng-click="goToRegion($event)">
                        <span class="ladda-label"><i class="fa-solid fa-arrow-right-arrow-left mr-1"></i> สลับไปที่ {[{wrongRegion.regionName}]}</span>
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
</script>


    </body>
</html>
