@using Microsoft.Extensions.Configuration
@inject IConfiguration Configuration
@{
    ViewData["Title"] = "external_employee";
    Layout = "_LayoutDirect";
}

<div class="row page-title">
    <div class="col-md-5">
        <div class="page-title">
            @Environment.GetEnvironmentVariable("SiteInformation_modulename")
        </div>
    </div>
    <div class="col-md-7">
        <ol class="breadcrumb" style="">
            <li class="breadcrumb-item "><a href="javascript:window_open_from_root('@MyHelper.GetConfig(Configuration, "SiteInformation:mainsite")');">หน้าแรก</a></li>
            <li class="breadcrumb-item "><a href="javascript:window_open_from_root('@MyHelper.GetConfig(Configuration, "SiteInformation:modulesite")');">@Environment.GetEnvironmentVariable("SiteInformation_modulename")</a></li>
            <li class="breadcrumb-item active">ค้นหา รายชื่อบุคคลากร</li>
        </ol>
    </div>
</div>

<section class="wrapper">
    <div class="title"><div class="line"></div>ค้นหา รายชื่อบุคคลากร</div>
    <div class="tools">
        <div class="row">

            <div class="col-md-3">
                <input class="form-control" type="text" id="external_employee_search_box">
            </div>
            <div class="col-md-3">
                <br />
                <button class="btn btn-info" onclick="javascript:external_employee_DoSearch();"><i class="fa fa-search" style="font-size: 14px;"></i> ค้นหา</button>
            </div>
            <div class="col-md-3">
                <select class="form-control" id="eva_performance_criteria_id"></select>
            </div>
            <div class="col-md-3">
                <br />
                <button class="btn btn-info" onclick="javascript:external_employee_GetSelect('id');">เลือกบุคลากร</button>
            </div>

        </div>
    </div>
    <div style="overflow-x: auto;">
        <table id="external_employeeTable" class="display table table-bordered table-striped">
            <thead>
                <tr>
                    <th>เลือก</th>
                    <th><label id='h_external_employee_position_number'>เลขที่ตำแหน่ง</label></th>
                    <th><label id='h_external_employee_position_name'>ชื่อตำแหน่ง</label></th>
                    <th><label id='h_external_employee_fullname'>ชื่อ - สกุล</label></th>
                </tr>
            </thead>
            <tbody></tbody>
        </table>
    </div>
</section>


@section FooterPlaceHolder{
    <script src="~/js/external_employee/external_employee_admin.js?version=@MyHelper.GetDummyText()"></script>
    <script>
        $(document).ready(function () {
            external_employee_InitiateDataTable();
            external_employee_InitialForm(true);
        });
    </script>
}