<!DOCTYPE html>
<html>
<head>
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-158879393-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() { dataLayer.push(arguments); }
        gtag('js', new Date());

        gtag('config', 'UA-158879393-1');
    </script>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>ข้อมูลรายชื่อผู้นำเข้า-ส่งออก สินค้า - องค์กร - ข้อมูลเปิดเผยของกระทรวงพาณิชย์ MOC Open Data</title>
    <meta name="description" content="ข้อมูลรายชื่อผู้นำเข้า-ส่งออกของไทย จะเป็นข้อมูลที่สำนักปลัดกระทรวงพาณิชย์ได้จัดเก็บ เพื่อใช้เป็นแหล่งสืบค้นข้อมูลของผู้ประกอบการไทย โดยผู้ที่สนใจสามารถค้นหารายชื่อบริษัทรวมถึงเบอร์ติดต่อเพื่อติดต่อไปยังผู้ประกอบการได้">
    <meta name="keywords" content="ข้อมูลรายชื่อผู้นำเข้า-ส่งออก สินค้า, องค์กร,  ข้อมูลเปิดเผยกระทรวงพาณิชย์, MOC Open Data, Ministry of commerce">
    <meta name="author" content="กระทรวงพาณิชย์ - Ministry of Commerce">
    <link href="/static/img/moc-logo2_02.png" rel="shortcut icon" type="image/vnd.microsoft.icon" />
    <script src="/js/jquery-3.3.1.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
    <script src="/js/bootstrap3-typeahead.js"></script>
    <link rel="stylesheet" href="/css/style.css?v=fZgEBhoi7DufMG_B9BB2xqdyg4OVUNSdB23pYoilgMg" />
    <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css" />
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
    <script src="/js/amcharts/amcharts.js"></script>
    <script src="/js/amcharts/serial.js"></script>
    <script src="/js/amcharts/pie.js"></script>
    <script src="/js/amcharts/plugins/export/export.min.js"></script>
    <link rel="stylesheet" href="/js/amcharts/plugins/export/export.css" type="text/css" media="all" />

    <script src="https://www.amcharts.com/lib/4/core.js"></script>
    <script src="https://www.amcharts.com/lib/4/maps.js"></script>
    <script src="https://www.amcharts.com/lib/4/geodata/continentsLow.js"></script>
    <script src="https://www.amcharts.com/lib/4/geodata/worldLow.js"></script>
    <script src="https://www.amcharts.com/lib/4/themes/animated.js"></script>


    <style type="text/css">
        /**
        * Modal related
        */
        /* Hide HTML5 Up and Down arrows. */
        input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        input[type="number"] {
            -moz-appearance: textfield;
        }

        .chart {
            width: 100%;
            max-height: 600px;
        }

        .amcharts-export-menu {
            display: none;
        }

        .modal .amcharts-export-menu {
            display: block;
        }
    </style>
    <script src="/js/amcharts/plugins/dataloader/dataloader.js" type="text/javascript"></script>

    <script src="/js/amcharts/themes/light.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.15.0/lodash.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/select2.full.min.js"></script>

    <script>
        const API_END_POINT = "https://dataapi.moc.go.th/";
        var getUrlParameter = function getUrlParameter(sParam) {
            var sPageURL = window.location.search.substring(1),
                sURLVariables = sPageURL.split('&'),
                sParameterName,
                i;

            for (i = 0; i < sURLVariables.length; i++) {
                sParameterName = sURLVariables[i].split('=');

                if (sParameterName[0] === sParam) {
                    return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]);
                }
            }
        };

/**/</script>
</head>
<body class="diamond">

    


    <div class="root">
        <div>
            <nav class="navbar navbar-expand-md navbar-dark fixed-top" style="background:#072a59">
                <div class="container">
                    <a href="/" class="navbar-brand"><img class="Logo-sc-12u7vku-0 dxwOVs" src="/static/img/logo.png" alt="ข้อมูลเปิดเผยของกระทรวงพาณิชย์"></a><button type="button" class="navbar-toggler" onclick="javascript: $('.ham-menu').slideToggle();"><span class="navbar-toggler-icon"></span></button>
                    <div class="ham-menu collapse navbar-collapse" style="">
                        <ul class="ml-auto navbar-nav">
                            <li class="nav-item d-block d-md-none"><a href="/" class="nav-link" style="color:#08c2d1">หน้าแรก</a></li>
                            <li class="nav-item d-block d-md-none"><a href="/economy" class="nav-link" style="color:#08c2d1">เศรษฐกิจ</a></li>
                            <li class="nav-item d-block d-md-none"><a href="/company" class="nav-link" style="color:#08c2d1">องค์กร</a></li>
                            <li class="nav-item d-block d-md-none"><a href="/activity" class="nav-link" style="color:#08c2d1">กิจกรรม</a></li>
                            <li class="nav-item d-block d-md-none"><a href="/news" class="nav-link" style="color:#08c2d1">ข่าวสาร</a></li>
                            <li class="nav-item"><a href="https://www.nabc.go.th/" class="nav-link" style="color:#08c2d1">ศูนย์ข้อมูลเกษตรแห่งชาติ</a></li>
                            <li class="nav-item"><a href="/developer" class="nav-link" style="color:#08c2d1">สำหรับผู้พัฒนา</a></li>
                            <li class="nav-item"><a href="/contact.docx" class="nav-link" style="color:#08c2d1">ติดต่อเรา</a></li>
                            <li class="nav-item dropdown">
                                <a class="nav-link dropdown-toggle" href="#" id="navbarDocumentDownload" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="color:#08c2d1">
                                    เอกสารดาวน์โหลด
                                </a>
                                <div class="dropdown-menu" aria-labelledby="navbarDocumentDownload">
                                    <a class="dropdown-item" href="/Brochureopendata.pdf">Infographic</a>
                                    <a class="dropdown-item" href="/Metadata_Opendata.docx">คำอธิบายข้อมูล</a>
                                    <a class="dropdown-item" href="/Manual_opendata.pptx">คู่มือการใช้งาน</a>
                                    <a class="dropdown-item" href="/Presentation.mp4">วิดีโอแนะนำเว็บไซต์</a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </nav>
        </div>
        <div class="Flex-d1kqvg-0 flex-container">
            <div class="WrapperItem-d1kqvg-1 kExaDW">
                <div>
                    <style>
    .main-title {
        background-image: linear-gradient(rgba(18, 35, 63, 0.1), rgba(18, 35, 63, 0.8)), url(/static/img/companies.jpg);
    }
</style>
<div class="StyledIntro-sc-113dvqu-0 main-title">
    <div class="item padded">
        <h1>องค์กร</h1>
    </div>
</div>
<div class="Wrapper-sc-28fb3v-1 grey-background">
    <div class="container">
        <div class="row">
            <div class="col">
                <div class="StyledMenuList-sc-28fb3v-0 main-flex-menu">
                    <div class="Wrapper-sc-1j2a9fw-0 main-menu-item">
                        <a href="/economy">
                            <span class="lnr lnr-chart-bars"></span>
                            <p>เศรษฐกิจ</p>
                        </a>
                    </div>
                    <div class="Wrapper-sc-1j2a9fw-0 main-menu-item">
                        <a href="/company" style="color:#A84A10;">
                            <span class="lnr lnr-apartment"></span>
                            <p>องค์กร</p>
                        </a>
                    </div>
                    <div class="Wrapper-sc-1j2a9fw-0 main-menu-item">
                        <a href="/activity">
                            <span class="lnr lnr-alarm"></span>
                            <p>กิจกรรม</p>
                        </a>
                    </div>
                    <div class="Wrapper-sc-1j2a9fw-0 main-menu-item">
                        <a href="/news">
                            <span class="lnr lnr-bullhorn"></span>
                            <p>ข่าวสาร</p>
                        </a>
                    </div><div class="Wrapper-sc-1j2a9fw-0 main-menu-item">
                        <a href="/scenario">
                            <span class="lnr lnr-database"></span><p>ทัศนภาพทางธุรกิจ</p>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container" style="padding-top:40px">
    <div class="row">
        <div class="col">
            <div>
                <nav class="" aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="StyledBreadcrumbItem-sc-1nxm0t1-0 hpZRlp breadcrumb-item">
                            <a href="/company">องค์กร</a>
                        </li>
                        <li class="StyledBreadcrumbItem-sc-1nxm0t1-0 ijtnlh active breadcrumb-item" aria-current="page">
                            <a>ข้อมูลรายชื่อผู้นำเข้า-ส่งออก สินค้า</a>
                        </li>
                    </ol>
                </nav>
                <div style="float:right">
<i class="fa fa-eye"></i>  168349 
                </div>
                <nav>
                    <div class="nav nav-tabs" id="nav-tab" role="tablist">
                        <a class="nav-item nav-link active" id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true">
                            <span class="lnr lnr-license TabIcon-sc-1jjsvj7-1 mg-r-10"></span><span class="NavLinkText-sc-1jjsvj7-2 dphnoF">คำอธิบาย</span>
                        </a>
                        <a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#nav-profile" role="tab" aria-controls="nav-profile" aria-selected="false">
                            <span class="lnr lnr-cog TabIcon-sc-1jjsvj7-1 mg-r-10"></span><span class="NavLinkText-sc-1jjsvj7-2 dphnoF">การใช้งาน API</span>
                        </a>
                    </div>
                </nav>
                <div class="tab-content mg-t-20" id="nav-tabContent">
                    <div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">

                        <div class="TableWrapper-sc-3ljkfj-0 dHvYcq">

                            <table class="table">
                                <tbody>
                                    <tr>
                                        <th style="border-top:none" width="250">คำอธิบาย</th>
                                        <td style="border-top:none">
                                            ข้อมูลรายชื่อผู้นำเข้า-ส่งออกของไทย จะเป็นข้อมูลที่สำนักปลัดกระทรวงพาณิชย์ได้จัดเก็บ เพื่อใช้เป็นแหล่งสืบค้นข้อมูลของผู้ประกอบการไทย
                                            โดยผู้ที่สนใจสามารถค้นหารายชื่อบริษัทรวมถึงเบอร์ติดต่อเพื่อติดต่อไปยังผู้ประกอบการได้

                                        </td>
                                    </tr>
                                    <tr><th>ความถี่ข้อมูล</th><td>รายเดือน (Monthly) หลังวันที่ 20 ของทุกเดือน</td></tr>

                                    <tr>
                                        <th>หน่วยงานผู้รับผิดชอบ</th>
                                        <td>
                                            สำนักงานปลัดกระทรวงพาณิชย์
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <div class="accordion">
                                <div class="card">
                                    <div class="card-header" id="headingOne">
                                        <h5 class="mb-0">
                                            <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                                <i class="fa fa-chevron-circle-up"></i> <b>ข้อมูลรับ (Input)</b>
                                            </button>
                                        </h5>
                                    </div>

                                    <div id="collapseOne" class="collapse show" aria-labelledby="headingOne">
                                        <div class="card-body">
                                            <table class="table table-bordered">
                                                <tr>
                                                    <td width="40%">ประเภทการค้นหา (search_type)</td>
                                                    <td>กำหนดให้ใช้เป็นตัวอักษร "String" (ค้นหาตามชื่อ, ค้นหาตามที่อยู่)</td>
                                                </tr>
                                                <tr>
                                                    <td>คำค้น (keyword)</td>
                                                    <td>กำหนดให้ใช้เป็นตัวอักษร "String"</td>
                                                </tr>
                                                <tr>
                                                    <td>จำนวนข้อมูล (limit)</td>
                                                    <td>กำหนดให้ใช้เป็นจำนวนเต็ม "Integer"</td>
                                                </tr>
                                                <tr>
                                                    <td>เป็นผู้นำเข้า (is_importer)</td>
                                                    <td>กำหนดให้ใช้เป็นจำนวนเต็ม "Integer"</td>
                                                </tr>
                                                <tr>
                                                    <td>เป็นผู้ส่งออก (is_exporter)</td>
                                                    <td>กำหนดให้ใช้เป็นจำนวนเต็ม "Integer"</td>
                                                </tr>

                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="card">
                                    <div class="card-header" id="headingTwo">
                                        <h5 class="mb-0">
                                            <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                                <i class="fa fa-chevron-circle-down"></i> <b>ข้อมูลส่งกลับ (Output)</b>
                                            </button>
                                        </h5>
                                    </div>
                                    <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo">
                                        <div class="card-body">
                                            <table class="table table-bordered">

                                                <tr>
                                                    <td width="40%">ชื่อผู้นำเข้าส่งออก (name)</td>
                                                    <td>คืนค่าเป็นตัวอักษร "String"</td>
                                                </tr>
                                                <tr>
                                                    <td>ที่อยู่ผู้นำเข้าส่งออก (address)</td>
                                                    <td>คืนค่าเป็นตัวอักษร "String"</td>
                                                </tr>
                                                <tr>
                                                    <td>หมายเลขโทรศัพท์ผู้นำเข้าส่งออก (phone)</td>
                                                    <td>คืนค่าเป็นตัวอักษร "String"</td>
                                                </tr>


                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="card">
                                    <div class="card-header" id="headingThree">
                                        <h5 class="mb-0">
                                            <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                                <i class="fa fa-chevron-circle-down"></i> <b>ตัวอย่างการใช้งาน (Usage)</b>
                                            </button>
                                        </h5>
                                    </div>
                                    <div id="collapseThree" class="collapse" aria-labelledby="headingThree">
                                        <div class="card-body">
                                            <table class="table table-bordered">
                                                <tr>
                                                    <td width="40%">ประเภทการค้นหา (search_type)*</td>
                                                    <td>ประเภทการค้นหา เช่น ค้นหาตามชื่อ</td>
                                                </tr>
                                                <tr>
                                                    <td>คำค้น (keyword)*</td>
                                                    <td>คำค้น เช่น ซีพีเอฟ</td>
                                                </tr>
                                                <tr>
                                                    <td>จำนวนข้อมูล (limit)</td>
                                                    <td>จำนวนข้อมูล เช่น 20</td>
                                                </tr>
                                                <tr>
                                                    <td>เป็นผู้นำเข้า (is_importer)</td>
                                                    <td>กรณีต้องการค้นหาผู้นำเข้าให้กำหนดเป็นค่า 1</td>
                                                </tr>
                                                <tr>
                                                    <td>เป็นผู้ส่งออก (is_exporter)</td>
                                                    <td>กรณีต้องการค้นหาผู้ส่งออกให้กำหนดเป็นค่า 1</td>
                                                </tr>

                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <hr />
                        <div class="Row-sc-1nzextl-0 dgDqbu row">
                            <div class="col">
                                <div class="card mb-4">
                                    <div class="card-header">
                                        ค้นหาข้อมูลรายชื่อผู้นำเข้า-ส่งออก สินค้า
                                    </div>
                                    <div class="card-body">
                                        <form id="search-form" method="get" action="/OpenData/ImportersExporters">

                                            <div class="form-group row">
                                                <label for="search_type" class="col-sm-3 col-form-label">ประเภทการค้นหา</label>
                                                <div class="col-sm-9">
                                                    <select class="form-control" name="search_type">
                                                        <option value="name">ค้นหาตามชื่อ</option>
                                                        <option value="address">ค้นหาตามที่อยู่</option>
                                                    </select>

                                                </div>
                                            </div>
                                            <div class="form-group row">
                                                <label for="keyword" class="col-sm-3 col-form-label">คำค้น</label>
                                                <div class="col-sm-9">
                                                    <input type="text" name="keyword" class="form-control" />
                                                </div>
                                            </div>

                                            <div class="form-group row">
                                                <label for="keyword" class="col-sm-3 col-form-label">ประเภทการนำเข้าส่งออก</label>
                                                <div class="col-sm-9">
                                                    <div style="margin-top:5px">
                                                        <input type="checkbox" name="is_importer" value="1" />  <label>นำเข้า</label>
                                                        <input type="checkbox" name="is_exporter" value="1" />  <label>ส่งออก</label>
                                                    </div>
                                                </div>
                                            </div>



                                            <div class="form-group row">
                                                <label for="limit" class="col-sm-3 col-form-label">จำนวนข้อมูล</label>
                                                <div class="col-sm-9">
                                                    <input type="number" name="limit" class="form-control" />
                                                </div>
                                            </div>


                                            <div class="form-group row">
                                                <label for="inputPassword" class="col-sm-3 col-form-label"></label>
                                                <div class="col-sm-9">
                                                    <button type="submit" class="btn btn-primary mb-2" style="width:150px">ค้นหา</button>&nbsp;&nbsp;<button type="button" class="btn btn-danger mb-2" onclick="javascript: clearSearchForm();">ล้างข้อมูล</button>
                                                </div>
                                            </div>
                                            <input type="hidden" name="task" value="search" />
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">

                        <div class="row">
                            <div class="col">
                                <div class="sc-1ea820d-0 kwGWqR">
                                    <div class="Row-sc-4zdocg-1 iuspzo row">
                                        <div class="col">
                                            <div class="Wrapper-h5vek0-1 cgbZya">
                                                <div class="StyledUrl-h5vek0-0 cEipSc">
                                                    <span class="badge badge-primary">GET</span> https://dataapi.moc.go.th/importers-exporters
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="Row-sc-4zdocg-1 iuspzo row">
                                        <div class="col">
                                            <h4 class="Topic-sc-4zdocg-2 iKDiaK">Query Parameters</h4>
                                            <div>
                                                <div class="TableWrapper-sc-3ljkfj-0 dHvYcq">
                                                    <table class="table table-sm">
                                                        <thead>
                                                            <tr>
                                                                <th>Name</th>
                                                                <th>Data type</th>
                                                                <th>Description</th>
                                                                <th>Default</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            <tr>
                                                                <td>
                                                                    search_type
                                                                    <span style="color: red;"> *</span>
                                                                </td>
                                                                <td>String</td>
                                                                <td>ประเภทการค้นหา (name = ค้นหาตามชื่อ, address = ค้นหาตามที่อยู่)</td>
                                                                <td></td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    keyword
                                                                    <span style="color: red;"> *</span>
                                                                </td>
                                                                <td>String</td>
                                                                <td>คำค้น</td>
                                                                <td></td>
                                                            </tr>
                                                            <tr>
                                                                <td>limit</td>
                                                                <td>Integer</td>
                                                                <td>จำนวนข้อมูล</td>
                                                                <td>20</td>
                                                            </tr>
                                                            <tr>
                                                                <td>is_importer</td>
                                                                <td>Integer (1=ใช่, 0=ไม่ใช่)</td>
                                                                <td>เป็นผู้นำเข้า</td>
                                                                <td></td>
                                                            </tr>
                                                            <tr>
                                                                <td>is_exporter</td>
                                                                <td>Integer (1=ใช่, 0=ไม่ใช่)</td>
                                                                <td>เป็นผู้ส่งออก</td>
                                                                <td></td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                            <div></div>
                                        </div>
                                    </div>
                                    <div class="Row-sc-4zdocg-1 iuspzo row">
                                        <div class="col">
                                            <h4 class="Topic-sc-4zdocg-2 iKDiaK">Responses</h4>
                                            <div>
                                                <p>Type: Array</p>
                                                <div class="TableWrapper-sc-3ljkfj-0 dHvYcq">
                                                    <table class="table table-sm">
                                                        <thead>
                                                            <tr>
                                                                <th>Name</th>
                                                                <th>Data type</th>
                                                                <th>Description</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            <tr>
                                                                <td>
                                                                    <span style="font-family: monospace;"> </span>name
                                                                </td>
                                                                <td>String</td>
                                                                <td>ชื่อผู้นำเข้าส่งออก</td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <span style="font-family: monospace;"> </span>address
                                                                </td>
                                                                <td>String</td>
                                                                <td>ที่อยู่ผู้นำเข้าส่งออก</td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <span style="font-family: monospace;"> </span>phone
                                                                </td>
                                                                <td>String</td>
                                                                <td>หมายเลขโทรศัพท์ผู้นำเข้าส่งออก</td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="Row-sc-4zdocg-1 iuspzo row">
                                        <div class="col">
                                            <h4 class="Topic-sc-4zdocg-2 iKDiaK">Usage</h4>
                                            <fieldset>

                                                <div class="position-relative row form-group">
                                                    <label for="search_type" class="col-sm-4 col-form-label">search_type <span style="color: red;"> *</span></label>
                                                    <div class="col-sm-8">
                                                        <input name="search_type" id="search_type" type="text" class="form-control" value="name">
                                                    </div>
                                                </div>
                                                <div class="position-relative row form-group">
                                                    <label for="keyword" class="col-sm-4 col-form-label">keyword <span style="color: red;"> *</span></label>
                                                    <div class="col-sm-8">
                                                        <input name="keyword" id="keyword" type="text" class="form-control" value="ซีพีเอฟ">
                                                    </div>
                                                </div>
                                                <div class="position-relative row form-group">
                                                    <label for="keyword" class="col-sm-4 col-form-label">is_importer <span style="color: red;"> *</span></label>
                                                    <div class="col-sm-8">
                                                        <input name="keyword" id="is_importer" type="text" class="form-control" value="1">
                                                    </div>
                                                </div>
                                                <div class="position-relative row form-group">
                                                    <label for="keyword" class="col-sm-4 col-form-label">is_exporter <span style="color: red;"> *</span></label>
                                                    <div class="col-sm-8">
                                                        <input name="keyword" id="is_exporter" type="text" class="form-control" value="1">
                                                    </div>
                                                </div>
                                                <div class="position-relative row form-group">
                                                    <label for="limit" class="col-sm-4 col-form-label">limit </label>
                                                    <div class="col-sm-8">
                                                        <input name="limit" id="limit" type="text" class="form-control" value="">
                                                    </div>
                                                </div>
                                                <button class="btn btn-secondary" onclick="javascript:sendApiData()">ส่งข้อมูล</button>

                                            </fieldset>
                                            <div class="Wrapper-h5vek0-1 gmIAvY">

                                                <div class="StyledUrl-h5vek0-0 bFPCnP"><span class="badge badge-primary">GET</span> <span id="api_endpoint">https://dataapi.moc.go.th/importers-exporters?search_type=name&amp;keyword=ซีพีเอฟ&is_importer=1&is_exporter=1</span></div>
                                            </div>
                                            <pre style="display:none"><code class="hljs json"></code></pre>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav-contact" role="tabpanel" aria-labelledby="nav-contact-tab">
                        graph
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<script>
    function sendApiData() {
        var api_endpoint = API_END_POINT + "importers-exporters?search_type=" + $("#search_type").val() + "&keyword=" + $("#keyword").val() + "&is_importer=" + $("#is_importer").val()+ "&is_exporter=" + $("#is_exporter").val()  ; $("#api_endpoint").html(api_endpoint); $.get(api_endpoint, function (data) {
            console.log(data);
            $("pre").fadeIn();
            $(".json").html(JSON.stringify(data, null, 4));
        });

    }
</script>
                    <!-- The Modal -->
                    <div class="modal modal-lg" id="myModal" style="padding:20px!important;overflow:hidden">
                        <div class="modal-dialog-centered">
                            <div class="modal-content">

                                <!-- Modal Header -->
                                <div class="modal-header">
                                    <h4 class="modal-title"></h4>
                                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                                </div>

                                <!-- Modal body -->
                                <div class="modal-body" id="myModalBody">
                                </div>

                                <!-- Modal footer -->
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-danger" data-dismiss="modal">ปิดหน้านี้</button>
                                </div>

                            </div>
                        </div>
                    </div>

                    <div class="FooterItem-d1kqvg-2 footer-flex-container" style="margin-top:40px">
                        <div class="SFooter-sc-1n5m8pf-1 footer-color">
                            <div class="container">
                                <div class="SRow-sc-1n5m8pf-2 pd-40 row">
                                    <div class="SCol-sc-1n5m8pf-3 dgyLPj col-lg-4">
                                        <img src="/static/img/footer.png" style="max-width:100%;width:280px" />
                                    </div>
                                    <div class="SCol-sc-1n5m8pf-3 footer-col col-lg-4">
                                        <h5>ที่อยู่</h5>
                                        <p>563 ถนนนนทบุรี ตำบลบางกระสอ อำเภอเมือง จังหวัดนนทบุรี 11000</p>
                                    </div>
                                    <div class="SCol-sc-1n5m8pf-3 footer-col col-lg-4">
                                        <h5>ติดต่อสอบถาม</h5>
                                        <p>โทร 02-507-7705-7<br>โทรสาร 02-507-6393</p>
                                        <p>อีเมล <a href="mailto:tradeservices@moc.go.th" style="color:white">tradeservices@moc.go.th</a></p>
                                        <p>รองรับการทำงานบน Internet Explorer v9+, Firefox v.20+, Safari v.5+, Chrome v.25+, Opera v.10+</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <footer id="subfooter" class="clearfix">
                            <div class="container">
                                <!-- #subfooter-inside -->
                                <div id="subfooter-inside" class="clearfix" role="contentinfo">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <!-- #subfooter-left -->
                                            <div class="subfooter-area">

                                                <p class="copyright" style="margin-bottom:0"><a href="/Monitor"><i class="fa fa-desktop" style="color:white"></i></a> Copyrights © 2019 MOC Open Data All rights reserved.</p>
                                            </div>
                                            <!-- EOF: #subfooter-left -->
                                        </div>
                                    </div>
                                </div>
                                <!-- EOF: #subfooter-inside -->
                            </div>
                        </footer>
                    </div>
                </div>

            </div>

        </div>

    </div>
    <div class="backtotop" style="display: none">
        <button class="btn btn-totop" onclick="javascript: scrollToTop();">
            <i class="fas fa-chevron-up" style="font-size: 20px;color:white"></i>
        </button>
    </div>

    <script>
        function scrollToTop() {
            $('html,body').animate({
                scrollTop: 0
            }, 'slow');
            $('.backtotop').fadeOut();

        }
        $(document).ready(function () {
            $(window).scroll(function () {
                if ($('body').height() <= ($(window).height() + $(window).scrollTop())) {
                    $('.backtotop').fadeIn();
                } else {
                    $('.backtotop').fadeOut();


                }
            });


        });
        $(document).ready(function () {
            $("select:not(.no-add)").select2({
                tags: "true",
                placeholder: {
                    id: "-1",
                    text: "",
                },
                allowClear: true,
                width: '100%',
                createTag: function (params) {
                    var term = $.trim(params.term);

                    if (term === '') {
                        return null;
                    }

                    return {
                        id: term,
                        text: term,
                        value: true // add additional parameters
                    }
                }
            });
            $(".no-add").select2({
                placeholder: {
                    id: "-1",
                    text: "",
                },
                allowClear: true,
                width: '100%',
            });
        });

        function exportAsExcel() {
            $('input[name=task]').val('export_excel');
            $('#search-form').submit();
            $('input[name=task]').val('search');
        }

        function exportAsPDF() {
            $('input[name=task]').val('export_pdf');
            $('#search-form').submit();
            $('input[name=task]').val('search');
        }

        function exportAsCSV() {
            $('input[name=task]').val('export_csv');
            $('#search-form').submit();
            $('input[name=task]').val('search');
        }

        function clearSearchForm() {
            $('#search-form input[type!="hidden"]').val("");
            $('#search-form select').val("").trigger("change");

        }
        function showPopup(id) {
            var chart = $("#" + id);
            var modal = $(".modal-body");
            //var shade = $("<div>").addClass("shade").appendTo(modal).on("click", close);
            var placeholder = $("<div>").prop("id", id + "_placeholder").hide().insertBefore(chart);
            // $(document.body).append(modal);

            modal.html("");
            chart.appendTo(modal).addClass("chart").removeClass("boxshadow");

            $("#myModal").on("hidden.bs.modal", function () {
                // put your default event here
                chart.insertAfter(placeholder).removeClass("chart").addClass("boxshadow");
            });

        }

        function toggleIcon(e) {
            $(e.target)
                .prev('.card-header')
                .find(".fa")
                .toggleClass('fa-chevron-circle-up fa-chevron-circle-down');
        }
        if ($('.accordion').length) {
            $('.accordion').on('hidden.bs.collapse', toggleIcon);
            $('.accordion').on('shown.bs.collapse', toggleIcon);
        }

    </script>

    

    

</body>
</html>
