@extends('layouts.app')

@section('content')
    @component('client.base.menu')@endcomponent
    <div class="card" id="list">
        <form>
            <table class="table table-sm table-bordered  text-nowrap mb-0" style="background: #fff;min-width: 1500px">
                <tr>
                    <td colspan="10">
                        <select name="paginate"  class="form-control-sm" style="vertical-align: middle">
                            <option value="50">每页显示50行</option>
                            <option value="100">每页显示100行</option>
                            <option value="200">每页显示200行</option>
                            <option value="500">每页显示500行</option>
                            <option value="1000">每页显示1000行</option>
                        </select>
                    </td>
                </tr>
                <tr >
                    <td >
                        <div class="form-inline">
                            <select name="owner_id"    class="form-control form-control-sm tooltipTarget "   style="vertical-align: middle;max-width: 100px">
                                <option value="" class="text-secondary">货主 </option>
                                <option  class="font-weight-bold"></option>
                            </select>
                            <div style="position: relative;">
                                <button type="button"  style=" max-width: 100px" class="btn btn-sm btn-outline-dark container pull-left">多货主查询</button>
                            </div>
                        </div>
                    </td>
                    <td >
                        <input type="text"  placeholder="子项目"
                               class="form-control form-control-sm  "  style="vertical-align: middle;max-width: 200px" ></td>
                    <td >
                        <input type="text"  placeholder="合同号"
                               class="form-control form-control-sm  "  style="vertical-align: middle;max-width: 200px" ></td>
                    <td  >
                        <input type="date" style="max-width: 200px" name="created_at_start" class="form-control form-control-sm "
                               >
                    <td colspan="6"></td>
                </tr>
                <tr>
                    <td>
                        <select name="status"  class="form-control form-control-sm tooltipTarget" style="vertical-align: middle;max-width: 100px" >
                            <option value="" class="text-secondary">项目小组</option>
                        </select>
                    </td>
                    <td>
                        <select name="status"  class="form-control form-control-sm tooltipTarget" style="vertical-align: middle;max-width: 100px" >
                            <option value="" class="text-secondary">激活状态</option>
                        </select>
                    </td>
                    <td>
                        <input type="text" style="max-width: 200px" class="form-control form-control-sm " placeholder="销售名称">
                    </td>
                    <td >
                        <input type="date" style="max-width: 200px" class="form-control form-control-sm" name="created_at_end"></td>
                    <td colspan="6"></td>
                </tr>
                <tr>
                    <td colspan="10">
                        <span class="dropdown">
                            <button class="btn btn-outline-dark btn-sm form-control-sm dropdown-toggle "
                                    data-toggle="dropdown" >
                                导出Excel
                            </button>
                            <div class="dropdown-menu">
                                <a class="dropdown-item" @click="waybillExport(1)" href="javascript:">导出勾选内容</a>
                                <a class="dropdown-item" @click="waybillExport(2)" href="javascript:">导出所有页</a>
                            </div>
                        </span>
                        <button class="btn btn-sm btn-outline-info ml-1">新增客户</button>
                    </td>
                </tr>
            </table>
        </form>
        <table class="table table-sm table-hover table-bordered table-striped text-nowrap m-2">
            <tr>
                <th>
                    <label for="all">
                        <input id="all" type="checkbox" >全选
                    </label>
                </th>
                <th>序号</th>
                <th>客户(货主)</th>
                <th>税率%</th>
                <th>子项目</th>
                <th>货主代码</th>
                <th>合同号</th>
                <th>创建日期</th>
                <th>销售姓名</th>
                <th>公司全称</th>
                <th class="text-danger">联系人</th>
                <th class="text-danger">联系电话</th>
                <th class="text-danger">项目小组</th>
                <th>关联报价</th>
                <th>月单量预警</th>
                <th>是否激活</th>
                <th>项目描述</th>
            </tr>
            <tr>
                <td>
                    <input class="checkItem" type="checkbox" >
                </td>
                <td>1</td>
                <td rowspan="3" class="text-center" style="vertical-align: middle">东浩</td>
                <td rowspan="3" class="text-center" style="vertical-align: middle">6</td>
                <td>东浩子项目1</td>
                <td>DONGHAO</td>
                <td>SH0939028329</td>
                <td>2020/4/26</td>
                <td>施尧</td>
                <td>上海东浩国际贸易有限公司</td>
                <td>余经理</td>
                <td>13687646665</td>
                <td>葛付晖</td>
                <td></td>
                <td></td>
                <td><b  class="font-weight-bold text-info font-italic" style="cursor:pointer;text-decoration: underline;">激活</b></td>
                <td></td>
            </tr>
            <tr>
                <td>
                    <input class="checkItem" type="checkbox" >
                </td>
                <td>2</td>
                <td>东浩子项目2</td>
                <td>DONGHAO</td>
                <td>SH0939028329</td>
                <td>2020/4/27</td>
                <td>施尧</td>
                <td>上海东浩国际贸易有限公司</td>
                <td>余经理</td>
                <td>13687646666</td>
                <td>邓婷婷</td>
                <td></td>
                <td></td>
                <td><b class="font-weight-bold text-danger font-italic" style="cursor:pointer;text-decoration: underline;">冻结</b></td>
                <td></td>
            </tr>
            <tr>
                <td>
                    <input class="checkItem" type="checkbox" >
                </td>
                <td>3</td>
                <td>东浩子项目3</td>
                <td>DONGHAO</td>
                <td>SH0939028329</td>
                <td>2020/4/28</td>
                <td>施尧</td>
                <td>上海东浩国际贸易有限公司</td>
                <td>余经理</td>
                <td>13687646667</td>
                <td>张书恒</td>
                <td></td>
                <td></td>
                <td><b  class="font-weight-bold text-info font-italic" style="cursor:pointer;text-decoration: underline;">激活</b></td>
                <td></td>
            </tr>
        </table>
    </div>
@endsection