{extends file=$smarty.current_dir|cat:'/../extends.tpl'}
{use class="yii\helpers\Url"}
{use class="yii\grid\GridView"}
{use class="app\assets\CaptureLogsAsset"} 
{CaptureLogsAsset::register($this)|void}
{block name='content'}
    <style>
        .row{
            margin-bottom: 5px;
        }
        input{
            width: 100%;
        }
        .table-striped > tbody > tr:nth-of-type(odd){
            background-color: rgb(210, 210, 210);
        }
        .select2-container {
            width: 100% !important;
        }
        .select2-container--default .select2-selection--single, .select2-selection .select2-selection--single{
            border-color: green;
        }
    </style>
    <input type="hidden" value="{Url::to(['/capture-logs'])}" name="URL">
    <div class="row">
        <div class="col-md-10" style="max-height: 850px;overflow-y: auto;">
            {GridView::widget([
                'dataProvider' => $dataProvider,
                'layout'=> \app\helpers\CaptureLogsGrid::getLayout(),
                'tableOptions' => [
                    'class' => 'table table-striped table-bordered',
                    'style' => 'background:#fff;min-width:700px;'
                ],
                'rowOptions' => \app\helpers\CaptureLogsGrid::rows(),
                'columns' => [
                    [
                        'class' => 'yii\grid\SerialColumn',
                        'contentOptions' => ['class' => 'text-center'],
                        'headerOptions' => ['class' => 'text-center']
                    ],
                    [
                        'attribute' => 'time',
                        'contentOptions' => ['class' => 'text-center'],
                        'headerOptions' => ['class' => 'text-center'],
                        'value' => \app\helpers\CaptureLogsGrid::time()
                    ],
                    [
                        'attribute' => 'image',
                        'format' => "raw",
                        'contentOptions' => ['class' => 'text-center'],
                        'headerOptions' => ['class' => 'text-center'],
                        'value' => \app\helpers\CaptureLogsGrid::image()
                    ],
                    [
                        'attribute' => 'confidence',
                        'contentOptions' => ['class' => 'text-center'],
                        'headerOptions' => ['class' => 'text-center'],
                        'format' => "raw",
                        'value' => \app\helpers\CaptureLogsGrid::confidence()
                    ],
                    [
                        'attribute' => 'sync_status',
                        'contentOptions' => ['class' => 'text-center'],
                        'headerOptions' => ['class' => 'text-center']
                    ]
                ]
            ])}
        </div>
        <div class="col-md-2" style="padding-right: 30px;">
            <h4>Tìm kiếm dữ liệu</h4>
            <div class="form-group">
                <label class="control-label">Từ</label>
                <input type="text" class="form-control datepicker" value="{$f|date_format:"H:i d/m/Y"}" name="From">
            </div>
            <div class="form-group">
                <label class="control-label">Đến</label>
                <input type="text" class="form-control datepicker" value="{$t|date_format:"H:i d/m/Y"}" name="To">
            </div>
            <div class="text-center">
                <button class="btn btn-info" onclick="_search(this);" data-href="{Url::to(['/capture-logs'])}">
                    <i class="fa fa-search"></i> Tìm kiếm
                </button>
            </div>
            <hr style="border-top: 1px solid #000;">
            <div> 
                <input type="checkbox" name="AllData" style="width: inherit;" {if Yii::$app->request->get("all")}checked=""{/if}> Hiển thị toàn bộ dữ liệu
            </div>
        </div>
    </div>
    <div style="width: 500px;position: absolute;right:0;top: 250px;" id='form' class="hidden">
        <div class="panel panel-info">
            <div class="panel-heading text-bold">
                Quản lý mẫu
                <i class="fa fa-remove pull-right" style="cursor: pointer;" onclick="_close();"></i>
            </div>
            <div class="panel-body">
                <div class="row">
                    <div class="col-md-4 text-center">
                        <img src="" class="img-thumbnail" id="FaceImage" style="width: 150px;height: 150px;">
                        <div class='feature-img'>
                            <img src="" class="img-thumbnail" id="closest-img" style="width: 100px;height:100px;">
                            <br>
                            <i id="closest-name"></i>
                        </div>
                    </div>
                    <div class="col-md-8">
                        <div class="row">
                            <div class="col-md-4 text-right">Danh sách</div>
                            <div class="col-md-8">
                                <select style="width: 100%;height: 26px;" name="Type">
                                    <option value="wl">White list</option>
                                    <option value="bl">Black list</option>
                                </select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-4 text-right">ID</div>
                            <div class="col-md-8">
                                <select name='Code' id='Code' onchange="chooseStaff(this);" data-href="{Url::to("/list-management/choose-staff")}">
                                    <option value=""></option>
                                    {html_options options=$staffArray}
                                </select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-4 text-right">Tên</div>
                            <div class="col-md-8">
                                <input type="text" name="Name">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-4 text-right">Giới tính</div>
                            <div class="col-md-8">
                                <select style="width: 100%;height: 26px;" name="Gender">
                                    <option value="Male">Nam</option>
                                    <option value="Female">Nữ</option>
                                </select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-4 text-right">Ngày sinh</div>
                            <div class="col-md-8">
                                <input type="text" name="Birthday" id="birthday">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-4 text-right">Điện thoại</div>
                            <div class="col-md-8">
                                <input type="text" name="Telephone">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-4 text-right">Đơn vị</div>
                            <div class="col-md-8">
                                <input type="text" name="Address">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="text-center">
                    <input type="hidden" value="" name="CaptureLogsID">
                    <button onclick="_save(this);" data-href='{Url::to(["/list-management/create"])}'>Lưu</button>
                    <button onclick="_close();">Hủy</button>
                </div>
            </div>
        </div>
    </div>
{/block}