{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>{Yii::t("app", "TIM_KIEM_DU_LIEU")}</h4>
            <div class="form-group">
                <label class="control-label">{Yii::t("app", "FROM")}</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">{Yii::t("app", "TO")}</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> {Yii::t("app", "TIM_KIEM")}
                </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}> {Yii::t("app", "HIEN_THI_TOAN_BO_DU_LIEU")}
            </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">
                {Yii::t("app", "QUAN_LY_MAU")}
                <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">{Yii::t("app", "DANH_SACH")}</div>
                            <div class="col-md-8">
                                <select style="width: 100%;height: 26px;" name="Type">
                                    {html_options options=$typeArray}
                                </select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-4 text-right">{Yii::t("app", "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">{Yii::t("app", "TEN")}</div>
                            <div class="col-md-8">
                                <input type="text" name="Name">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-4 text-right">{Yii::t("app", "TEN_HIEN_THI")}</div>
                            <div class="col-md-8">
                                <input type="text" name="AbbreviatedName">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-4 text-right">{Yii::t("app", "GIOI_TINH")}</div>
                            <div class="col-md-8">
                                <select style="width: 100%;height: 26px;" name="Gender">
                                    {html_options options=$genderArray}
                                </select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-4 text-right">{Yii::t("app", "NGAY_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">{Yii::t("app", "DIEN_THOAI")}</div>
                            <div class="col-md-8">
                                <input type="text" name="Telephone">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-4 text-right">{Yii::t("app", "DON_VI")}</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"])}'>{Yii::t("app", "LUU")}</button>
                    <button onclick="_close();">{Yii::t("app", "HUY")}</button>
                </div>
            </div>
        </div>
    </div>
{/block}