{template "header.html"}

<div class="right-card-box">
    <link href="{THEME_PATH}assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css" />
    <link href="{THEME_PATH}assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css" />
    <link href="{THEME_PATH}assets/global/plugins/bootstrap-timepicker/css/bootstrap-timepicker.min.css" rel="stylesheet" type="text/css" />
    <link href="{THEME_PATH}assets/global/plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" rel="stylesheet" type="text/css" />
    <script src="{THEME_PATH}assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.finecms.js" type="text/javascript"></script>

    <script type="text/javascript">
        if (App.isAngularJsApp() === false) {
            jQuery(document).ready(function() {
                if (jQuery().datepicker) {
                    $('.date-picker').datepicker({
                        rtl: App.isRTL(),
                        orientation: "left",
                        autoclose: true
                    });
                }
            });
        }
    </script>

    <div class="row table-search-tool">
        <form action="{SELF}" method="get">
            {dr_form_search_hidden(['field' => 'type'])}
            {if $remote}
            <div class="col-md-12 col-sm-12">
                <label>
                    <select name="remote" class="form-control">
                        <option value=""> - </option>
                        {loop $remote $t}
                        <option value="{$t.id}" {if $param.remote==$t.id}selected{/if}>{$t.name}</option>
                        {/loop}
                    </select>
                </label>
            </div>
            {/if}
            <div class="col-md-12 col-sm-12">
                <label>
                    <select name="field" class="form-control">
                        <option value="id"> Id </option>
                        {loop $field $t}
                        {if dr_is_admin_search_field($t)}
                        <option value="{$t.fieldname}" {if $param.field==$t.fieldname}selected{/if}>{$t.name}</option>
                        {/if}
                        {/loop}
                    </select>
                </label>
                <label><i class="fa fa-caret-right"></i></label>
                <label><input type="text" class="form-control" placeholder="" value="{$param['keyword']}" name="keyword" /></label>
            </div>
            <div class="col-md-12 col-sm-12">
                <label>
                    <div class="input-group input-medium date-picker input-daterange" data-date="" data-date-format="yyyy-mm-dd">
                        <input type="text" class="form-control" value="{$param.date_form}" name="date_form">
                        <span class="input-group-addon"> {dr_lang('到')} </span>
                        <input type="text" class="form-control" value="{$param.date_to}" name="date_to">
                    </div>
                </label>
            </div>


            <div class="col-md-12 col-sm-12">
                <label><button type="submit" class="btn green btn-sm onloading" name="submit" > <i class="fa fa-search"></i> {dr_lang('搜索')}</button></label>
            </div>
        </form>
    </div>


    <form class="form-horizontal" role="form" id="myform">
        {dr_form_hidden(['table' => $table])}
        <div class="table-scrollable">
            <table class="table table-striped table-bordered table-hover table-checkable dataTable">
                <thead>
                <tr class="heading">
                    <th class="myselect">
                        <label class="mt-table mt-checkbox mt-checkbox-single mt-checkbox-outline">
                            <input type="checkbox" class="group-checkable" data-set=".checkboxes" />
                            <span></span>
                        </label>
                    </th>
                    <th style="text-align:center"  width="90" class="{dr_sorting('id')}" name="id">Id</th>
                    <th style="text-align:center"  width="90" class="{dr_sorting('remote')}" name="remote">{dr_lang('类型')}</th>
                    <th width="150" class="{dr_sorting('uid')}" name="uid">{dr_lang('作者')}</th>
                    <th class="{dr_sorting('filename')}" name="filename">{dr_lang('名称')}</th>
                    <th style="text-align:center" width="90" class="{dr_sorting('fileext')}" name="fileext">{dr_lang('扩展名')}</th>
                    <th width="100" class="{dr_sorting('filesize')}" name="filesize">{dr_lang('大小')}</th>
                    <th width="160" class="{dr_sorting('inputtime')}" name="inputtime">{dr_lang('上传时间')}</th>
                    <th>{dr_lang('附件归属')}</th>
                </tr>
                </thead>
                <tbody>
                {loop $list $t}
                <?php

                if (in_array($t.fileext, ['jpg', 'gif', 'png', 'jpeg'])) {
                    $hs = 'dr_preview_image';
                } elseif ($t.fileext == 'mp4') {
                    $hs = 'dr_preview_video';
                } else {
                    $hs = 'dr_preview_url';
                }
                $t.url = 'javascript:'.$hs.'(\''.dr_get_file_url($t).'\');';
                ?>
                <tr class="odd gradeX" id="dr_row_{$t.id}">
                    <td class="myselect">
                        <label class="mt-table mt-checkbox mt-checkbox-single mt-checkbox-outline">
                            <input type="checkbox" class="checkboxes" name="ids[]" value="{$t.id}" />
                            <span></span>
                        </label>
                    </td>
                    <td style="text-align:center">
                        {$t.id}
                    </td>
                    <td style="text-align:center">
                        <label>{if !$t.remote}<span class="label label-sm label-danger">{dr_lang('默认')}</span>{else}<span class="label label-sm label-warning">{dr_lang('自定义')}</span>{/if}</label>
                    </td>
                    <td>{Function_list::author($t.author)}</td>
                    <td>
                        <a href="{$t.url}">{Function_list::title($t.filename, $param)}</a>
                        <a class="btn blue btn-xs" href="javascript:dr_iframe('{dr_lang('改名')}', '{dr_url($uriprefix.'/name_edit', ['id'=>$t.id])}', '350px', '220px');">{dr_lang('改名')}</a>
                    </td>
                    <td style="text-align:center">{$t.fileext}</td>
                    <td>{dr_format_file_size($t.filesize)}</td>
                    <td>{dr_date($t.inputtime, null, 'red')}</td>
                    <td>{if $table == 'data'}{$t.related}{else}<a href="javascript:dr_layer_tips('{$t.attachinfo}');">{$t.attachinfo}</a>{/if}</td>
                </tr>
                {/loop}
                </tbody>
            </table>
        </div>

        <div class="row fc-list-footer table-checkable ">
            <div class="col-md-5 fc-list-select">
                <label class="mt-table mt-checkbox mt-checkbox-single mt-checkbox-outline">
                    <input type="checkbox" class="group-checkable" data-set=".checkboxes" />
                    <span></span>
                </label>
                {if $ci->_is_admin_auth('del')}
                <button type="button" onclick="dr_ajax_option('{dr_url($uriprefix.'/del')}', '{dr_lang('你确定要删除它们吗？')}', 1)" class="btn red btn-sm"> <i class="fa fa-trash"></i> {dr_lang('删除')}</button>
                {/if}
                {if $ci->_is_admin_auth('edit') && $table != 'data'}
                <button type="button" onclick="dr_ajax_option('{dr_url($uriprefix.'/edit')}', '{dr_lang('你确定要强制归档它们吗？')}', 1)" class="btn blue btn-sm"> <i class="fa fa-database"></i> {dr_lang('归档')}</button>
                {/if}
            </div>
            <div class="col-md-7 fc-list-page">
                {$mypages}
            </div>
        </div>
    </form>
</div>

{template "footer.html"}