{{include file="public/header" /}}

<!-- header top nav -->
{{include file="public/header_top_nav" /}}

<!-- search -->
{{include file="public/nav_search" /}}

<!-- header nav -->
{{include file="public/header_nav" /}}

<!-- goods category -->
{{include file="public/goods_category" /}}

<!-- content -->
<div class="am-container user-main">

    <!-- user menu start -->
    {{include file="public/user_menu" /}}
    <!-- user menu end -->

    <!-- content start -->
    <div class="user-content">
        <div class="user-content-body">
            <form class="am-form form-validation" method="post" action="{{:PluginsHomeUrl('petscms', 'pets', 'index')}}" request-type="form">
                <div class="thin">
                    <div class="am-input-group am-input-group-sm am-fl so">
                        <input type="text" autocomplete="off" name="keywords" class="am-radius" placeholder="其实搜索很简单 ^_^！" value="{{if !empty($params.keywords)}}{{$params.keywords}}{{/if}}" />
                        <span class="am-input-group-btn">
                            <button class="am-btn am-btn-default am-radius" type="submit" data-am-loading="{spinner:'circle-o-notch', loadingText:'搜索中...'}">搜索</button>
                        </span>
                    </div>
                    <label class="am-fl thin_sub more-submit">
                        更多筛选条件
                        <input type="checkbox" name="is_more" value="1" class="none am-field-valid" {{if isset($params['is_more'])}}checked{{/if}} />
                        <i class="am-icon-angle-up"></i>
                    </label>
                </div>
                <table class="so-list more-where {{if !isset($params['is_more'])}}none{{/if}}">
                    <tbody>
                        <tr>
                            <td>
                                <span>类型：</span>
                                <select name="type" class="chosen-select" data-placeholder="宠物类型...">
                                    <option value="">宠物类型...</option>
                                    {{if !empty($pets_attribute_type_list)}}
                                        {{foreach $pets_attribute_type_list as $v}}
                                            <option value="{{$v.value}}" {{if isset($params['type']) and $params['type'] eq $v['value']}}selected{{/if}}>{{$v.name}}</option>
                                        {{/foreach}}
                                    {{/if}}
                                </select>
                            </td>
                            <td>
                                <span>状态：</span>
                                <select name="status" class="chosen-select" data-placeholder="宠物状态...">
                                    <option value="-1">宠物状态...</option>
                                    {{if !empty($pets_attribute_status_list)}}
                                        {{foreach $pets_attribute_status_list as $v}}
                                            <option value="{{$v.value}}" {{if isset($params['status']) and $params['status'] eq $v['value']}}selected{{/if}}>{{$v.name}}</option>
                                        {{/foreach}}
                                    {{/if}}
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span>绝育：</span>
                                <select name="sterilization" class="chosen-select" data-placeholder="是否绝育...">
                                    <option value="-1">是否绝育...</option>
                                    {{if !empty($pets_attribute_is_text_list)}}
                                        {{foreach $pets_attribute_is_text_list as $v}}
                                            <option value="{{$v.value}}" {{if isset($params['sterilization']) and $params['sterilization'] eq $v['value']}}selected{{/if}}>{{$v.name}}</option>
                                        {{/foreach}}
                                    {{/if}}
                                </select>
                            </td>
                            <td>
                                <span>性别：</span>
                                <select name="gender" class="chosen-select" data-placeholder="宠物性别...">
                                    <option value="-1">宠物性别...</option>
                                    {{if !empty($pets_attribute_gender_list)}}
                                        {{foreach $pets_attribute_gender_list as $v}}
                                            <option value="{{$v.value}}" {{if isset($params['gender']) and $params['gender'] eq $v['value']}}selected{{/if}}>{{$v.name}}</option>
                                        {{/foreach}}
                                    {{/if}}
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td></td>
                            <td>
                                <button type="submit" class="am-btn am-btn-primary am-radius am-btn-xs btn-loading-example" data-am-loading="{spinner:'circle-o-notch', loadingText:'搜索中...'}">搜索</button>
                                <a href="{{:PluginsHomeUrl('petscms', 'pets', 'index')}}" class="am-btn am-btn-warning am-radius am-btn-sm reset-submit">清除条件</a>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </form>

            <!-- operation start -->
            <div class="am-g operation-nav">
                <a href="{{:PluginsHomeUrl('petscms', 'pets', 'saveinfo')}}" class="am-btn am-btn-primary am-radius am-btn-xs am-icon-plus"> 新增</a>
            </div>
            <!-- operation end -->

            <!-- 列表 -->
            <div class="data-list">
                <table class="am-table">
                    <thead>
                        <tr>
                            <th class="am-hide-sm-only">标题/相册</th>
                            <th>宠物信息</th>
                            <th class="am-hide-sm-only">主人信息</th>
                            <th>二维码</th>
                            <th>状态</th>
                            <th class="am-hide-sm-only">操作时间</th>
                            <th class="th-operation">操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        {{if !empty($data_list)}}
                            {{foreach $data_list as $v}}
                                <tr>
                                    <td class="am-hide-sm-only row-first">
                                        <p class="ellipsis">{{$v.title}}</p>
                                        {{if !empty($v['photo'])}}
                                            <div data-am-widget="slider" class="am-slider am-slider-a1" data-am-slider='{"directionNav":false, "slideshow":false}'  >
                                                <ul class="am-slides">
                                                    {{foreach $v.photo as $photo}}
                                                        <li>
                                                            <img src="{{$photo.images}}" alt="{{$v.title}}" />
                                                        </li>
                                                    {{/foreach}}
                                                </ul>
                                            </div>
                                        {{/if}}
                                    </td>
                                    <td>
                                        编号：{{if empty($v['pest_no'])}}<span class="items-value-empty">未填写</span>{{else /}}{{$v.pest_no}}{{/if}}<br />

                                        名字：{{if empty($v['name'])}}<span class="items-value-empty">未填写</span>{{else /}}{{$v.name}}{{/if}}<br />

                                        类型：{{if empty($v['type_name'])}}<span class="items-value-empty">未填写</span>{{else /}}{{$v.type_name}}{{/if}}<br />

                                        性别：{{if empty($v['gender_name'])}}<span class="items-value-empty">未设置</span>{{else /}}{{$v.gender_name}}{{/if}}<br />

                                        生日：{{if empty($v['birthday_name'])}}<span class="items-value-empty">未填写</span>{{else /}}{{$v.birthday_name}}{{/if}}<br />
                                        
                                        年龄：{{if empty($v['age'])}}<span class="items-value-empty">未填写</span>{{else /}}<span class="am-badge am-radius">{{$v.age}}</span>{{/if}}<br />

                                        品种：{{if empty($v['varieties'])}}<span class="items-value-empty">未填写</span>{{else /}}{{$v.varieties}}{{/if}}<br />

                                        绝育：{{if empty($v['sterilization_name'])}}<span class="items-value-empty">未设置</span>{{else /}}{{$v.sterilization_name}}{{/if}}<br />

                                        疫苗：{{if empty($v['sterilization_name'])}}<span class="items-value-empty">未设置</span>{{else /}}{{$v.sterilization_name}}{{/if}}<br />
                                    </td>
                                    <td class="am-hide-sm-only">
                                        姓名：{{if empty($v['person_name'])}}<span class="items-value-empty">未填写</span>{{else /}}{{$v.person_name}}{{/if}}<br />

                                        电话：{{if empty($v['person_tel'])}}<span class="items-value-empty">未填写</span>{{else /}}{{$v.person_tel}}{{/if}}<br />

                                        微信：{{if empty($v['person_weixin'])}}<span class="items-value-empty">未填写</span>{{else /}}{{$v.person_weixin}}{{/if}}<br />
                                    </td>
                                    <td class="row-qucode">
                                        <img src="{{$v.qrcode_url}}" alt="{{$v.title}}" />
                                        <a href="{{$v.qrcode_download}}" target="_blank" title="下载二维码">
                                            <p><i class="am-icon-cloud-download"></i> 下载二维码</p>
                                        </a>
                                    </td>
                                    <td>{{$v.status_name}}</td>
                                    <td class="am-hide-sm-only">
                                        添加：{{$v.add_time_time}}
                                        {{if !empty($v['upd_time_time'])}}
                                            <br />更新：{{$v.upd_time_time}}
                                        {{/if}}
                                    </td>
                                    <td>
                                        <a href="{{:PluginsHomeUrl('petscms', 'pets', 'saveinfo',array_merge($params, ['id'=>$v['id']]))}}" class="am-btn am-btn-secondary am-btn-xs am-radius am-icon-edit am-btn-block"> 编辑</a>
                                        {{if $v['status'] neq 3}}
                                            <a href="{{:PluginsHomeUrl('petscms', 'pets', 'detail',array_merge($params, ['id'=>$v['id']]))}}" class="am-btn am-btn-success am-btn-xs am-radius am-icon-newspaper-o am-btn-block" target="_blank"> 详情</a>
                                        {{/if}}
                                        <a href="{{:PluginsHomeUrl('petscms', 'pets', 'help',array_merge($params, ['pets_id'=>$v['id']]))}}" class="am-btn am-btn-default am-btn-xs am-radius am-icon-gg am-btn-block" target="_blank"> 帮助</a>
                                    </td>
                                </tr>
                            {{/foreach}}
                        {{/if}}
                        {{if empty($data_list)}}
                            <tr>
                                <td colspan="7">
                                    <div class="table-no"><i class="am-icon-warning"></i> 没有相关数据</div>
                                </td>
                            </tr>
                        {{/if}}
                    </tbody>
                </table>
            </div>

            <!-- 分页 -->
            {{if !empty($data_list)}}
                {{$page_html|raw}}
            {{/if}}
        </div>
    </div>
    <!-- content end -->
</div>

<!-- footer start -->
{{include file="public/footer" /}}
<!-- footer end -->