@extends('admin.layout')

@section('content')
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>抵扣卡列表</h5>
                    <div class="ibox-tools">
                        <a class="collapse-link"> <i class="fa fa-chevron-up"></i>
                        </a>
                    </div>
                </div>
                <div class="ibox-content">
                    <div class="row">
                        <form method="GET" action="" accept-charset="UTF-8">

                            <div class="col-sm-4">
                                <div class="input-group">
                                    <input type="text" value="{{Request::get('keyword')}}" placeholder="请输入关键词"
                                           name="keyword" class="input-sm form-control">
                                    <span class="input-group-btn">
									<button type="submit" class="btn btn-sm btn-primary">搜索</button>
								</span>
                                </div>
                            </div>
                        </form>
                        @if(role('Card/Info/create'))
                            <div class="col-sm-1 pull-right">
                                <button class="btn btn-sm btn-info" data-toggle="modal" data-target="#myModal2">生成
                                </button>
                            </div>
                        @endif
                    </div>

                    <table class="table table-striped table-bordered table-hover dataTables-example dataTable">
                        <thead>
                        <tr>

                            <th class="sorting" data-sort="id"> ID</th>
                            <th class="sorting" data-sort="card_no"> 优惠卡编号</th>
                            <th class="sorting" data-sort="price"> 金额</th>
                            <th class="sorting" data-sort="status"> 0:未激活；1：已激活，未使用；2：已使用</th>
                            <th class="sorting" data-sort="user_id"> 用户ID</th>
                            <th class="sorting" data-sort="remark"> 备注</th>
                            <th class="sorting" data-sort="created_at"> 创建时间</th>
                            <th width="22%">相关操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        @if(isset($list))
                            @foreach($list as $key => $item)
                                <tr>

                                    <td>{{ $item->id }}</td>
                                    <td>{{ $item->card_no }}</td>
                                    <td>{{ $item->price }}</td>
                                    <td>{{ $item->status }}</td>
                                    <td>{{ $item->user_id }}</td>
                                    <td>{{ $item->remark }}</td>
                                    <td>{{ $item->created_at }}</td>
                                    <td>
                                        <div class="btn-group">
                                            <button data-toggle="dropdown"
                                                    class="btn btn-warning btn-sm dropdown-toggle"
                                                    aria-expanded="false">
                                                操作 <span class="caret"></span>
                                            </button>
                                            <ul class="dropdown-menu">


                                                @if(role('Card/Info/update'))
                                                    <li><a href="{{ U('Card/Info/update',['id'=>$item->id])}}"
                                                           class="font-bold">修改</a></li>
                                                @endif

                                                @if(role('Card/Info/destroy'))
                                                    <li class="divider"></li>
                                                    <li><a href="{{ U('Card/Info/destroy',['id'=>$item->id])}}"
                                                           onclick="return confirm('你确定执行删除操作？');">删除</a></li>
                                                @endif

                                            </ul>
                                        </div>
                                        @if(role('Card/Info/view'))
                                            <button onclick="layer.open({type: 2,area: ['80%', '90%'],content: '{{ U('Card/Info/view',['id'=>$item->id])}}'});"
                                                    class="btn btn-primary ">查看
                                            </button>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        @endif

                        </tbody>
                    </table>
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="dataTables_info" id="DataTables_Table_0_info"
                                 role="alert" aria-live="polite" aria-relevant="all">每页{{ $list->count() }}
                                条，共{{ $list->lastPage() }}页，总{{ $list->total() }}条。
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="dataTables_paginate paging_simple_numbers" id="DataTables_Table_0_paginate">
                                {!! $list->setPath('')->appends(Request::all())->render() !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="modal inmodal" id="myModal2" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content animated flipInY">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span
                                    class="sr-only">Close</span></button>
                        <h4 class="modal-title">批量生成兑换卡</h4></div>
                    <small class="font-bold">
                        <div class="modal-body">
                            <div class="ibox float-e-margins">
                                <div class="ibox-content">

                                    <form name="form_product" id="form-validation" action=""
                                          class="form-horizontal form-validation" accept-charset="UTF-8" method="post">
                                        <div class="form-group">
                                            <label class="control-label col-sm-3">兑换卡名称</label>

                                            <div class="col-sm-9">
                                                <input id="data_name" name="data[name]" class="form-control" required=""
                                                       aria-required="true" placeholder="">
                                            </div>
                                        </div>


                                        <div class="form-group">
                                            <label class="control-label col-sm-3">&nbsp;</label>
                                            <div class="col-sm-9">
                                                <input type="hidden" name="_referer"
                                                       value="<?php echo urlencode(request()->server('HTTP_REFERER'));?>"/>
                                                <input type="hidden" name="_token" value="<?php echo csrf_token(); ?>"/>
                                                <input type="submit" class="btn btn-success" style="margin-right:20px;">
                                                <input type="reset" class="btn btn-default">
                                            </div>
                                        </div>

                                    </form>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                        </div>
                    </small>
                </div>
                <small class="font-bold">
                </small>
            </div>
            <small class="font-bold">
            </small>
        </div>
    </div>
@endsection