{extends file=$smarty.current_dir|cat:'/../extends.tpl'}
{use class="yii\helpers\Url"}
{use class="yii\grid\GridView"}
{use class="app\assets\DeviceSearchAsset"} 
{DeviceSearchAsset::register($this)|void}
{block name='content'}
    <div class="device-index">
        <input type='hidden' name='import_url' value="{Url::to(['import'])}">
        <div class="" style="font-size: 15px;">
            <label class="action-button" onclick="_search(this);" data-href='{Url::to(['search'])}'>
                <i class="fa fa-search fa-1-5x"></i> Tìm kiếm theo TCP/IP
            </label>
            <label class="action-button-disabled" id='add-button-disabled'>
                <i class="fa fa-plus fa-1-5x"></i> Thêm thiết bị
            </label>
            <label class="action-button hidden" id='add-button-enabled' onclick="_process(this);" data-href='{Url::to(['process'])}'>
                <i class="fa fa-plus fa-1-5x"></i> Thêm thiết bị
            </label>
        </div>
        <div id="table-device">
            <table class="table table-bordered table-hover table-striped" style="background:#fff;">
                <thead>
                    <tr>
                        <th></th>
                        <th>Địa chỉ MAC</th>
                        <th>Địa chỉ IP</th>
                        <th>Subnet Mask</th>
                        <th>Gateway</th>
                        <th>Serial</th>
                        <th>Loại thiết bị</th>
                        <th>Trạng thái</th>
                    </tr>
                </thead>
            </table>
        </div>
        <div class="row" style="padding: 0 10px;">
            <div class="col-md-6">
                <input type='checkbox' value='0' class='checkbox-use-subnetmask' checked="">
                Sử dụng Subnet Mask 
                <input type='text' value="255.255.255.255" name='SubnetMask'>
            </div>
            <div class="col-md-6 text-right">
                <i class="fa fa-info-circle"></i> Tìm thấy <b id='totals'>0</b> thiết bị
            </div>
        </div>
    </div>
{/block}