@extends('master')
@section('title', '海关预录入报关单 放行通知单 查询')
@section('main')
    <div class="app-main-banner">
        <h3>Foxymoon</h3>
        <p>{{$bandTitle or '盈狐科技'}}</p>
    </div>


        <form action="" method="post" class="col-xs-9 col-md-12" onsubmit="return check();" style="margin-top: 10px">
            <input type="hidden" name="_token" value="{{ csrf_token() }}">
                        <div class="input-group">
                            <div class="input-group-btn">
                                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" ><span id="ppp">正常模式</span>&nbsp;<span class="caret"></span></button>
                                <ul class="dropdown-menu" role="menu">
                                    <li><a href="#" onclick="function_selectAdding('正常模式')">正常模式</a></li>
                                    <li><a href="#" onclick="function_selectAdding('22312016')">洋山2016</a></li>
                                    <li><a href="#" onclick="function_selectAdding('22312017')">洋山2017</a></li>
                                    <li><a href="#" onclick="function_selectAdding('22292016')">外港2016</a></li>
                                    <li><a href="#" onclick="function_selectAdding('22292017')">外港2017</a></li>
                                    <li><a href="#" onclick="function_selectAdding('22012016')">吴淞2016</a></li>
                                    <li><a href="#" onclick="function_selectAdding('22012017')">吴淞2017</a></li>
                                    <li><a href="#" onclick="function_selectAdding('22092016')">浦江2016</a></li>
                                    <li><a href="#" onclick="function_selectAdding('22092017')">浦江2017</a></li>
                                </ul>
                            </div><!-- /btn-group -->
                            <input type="text" class="form-control" id="keywords" name="keywords"
                                   placeholder="提运单号/集装箱号/工作编号/海关编号"
                                   value="{{$keywords}}">
                        </div>

            <button type="submit" class="btn btn-info" name="vip" value="2" style="margin-top: 10px; margin-bottom: 10px">搜索</button>
        </form>


    <script>
        function function_selectAdding(stttt){
            $("#ppp").text(stttt);
        }
        function check() {
            if ($('#keywords').val()== '') {
                alert("提示：请输入提运单号/集装箱号/工作编号/海关编号！");
                return false;
            }
            var ppp=$("#ppp").html();
            if(ppp!='正常模式'){
                var keywords=$("#keywords").val();
                if(keywords.length<18){
                    for(var i=(keywords.length+ppp.length);i<18;i++){
                        ppp+='0';
                    }
                    ppp+=keywords;
                    $("#keywords").val(ppp);
                }
            }
            return true;
        }
    </script>

    <div class="app-main-result">
        <table class="table table-bordered table-hover table-specialresponsive table-striped" >
            @if(!$hasData)
                {{--如果是报关 --}}
                <thead>
                <tr>
                    <th>海关编号</th>
                    <th>提运单号</th>
                    <th>运输工具名称</th>
                    <th>进出口报关单</th>
                    <th>放行通知书</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td data-title="海关编号">&nbsp;</td>
                    <td data-title="提运单号">&nbsp;</td>
                    <td data-title="运输工具名称">&nbsp;</td>
                    <td data-title="进出口报关单"><a href="{{url('/login')}}" class="btn btn-success btn-xs">下载</a>
                    </td>
                    <td data-title="放行通知书"><a href="{{url('/login')}}" class="btn btn-success btn-xs">下载</a>
                    </td>
                </tr>
                </tbody>
            @else
                <thead>
                <tr>
                    <th>海关编号</th>
                    <th>提运单号</th>
                    <th>运输工具名称</th>
                    <th>进出口报关单</th>
                    <th>放行通知书</th>
                </tr>
                </thead>
                <tbody>
                                @foreach ($exportHeads as $data)
                    <tr class="warning" >
                        <td data-title="海关编号">{{$data->custom_c}}</td>
                        <td data-title="提运单号">{{$data->ladbil_c}}</td>
                        <td data-title="运输工具名称">{{$data->tratol}}</td>
                        <td data-title="进出口报关单"><a href="{{url('/pdf/export/E_'.$data->custom_c.'.pdf')}}"
                                                   class="btn btn-success btn-xs">下载</a></td>
                        <td data-title="放行通知书"><a href="{{url('/pdf/passed/P_'.$data->custom_c.'.pdf')}}"
                                                  class="btn btn-success btn-xs">下载</a></td>
                    </tr>
                @endforeach
                </tbody>
            @endif
        </table>
        <div class="col-md-12 column" style="text-align: center;">
            @if($hasData)
                {{$exportHeads->links()}}
            @endif
        </div>
    </div>

    @if(!$hasData)
        <div class="alert alert-info alert-dismissible" role="alert">
            <button type="button" class="close" data-dismiss="alert" ></button>
            <p class="text-center text-info">暂无数据！请阅读以下查询小技巧：</p>
            <br/>
            <ol>
                <li>海关编号可以只输入末尾非零的一串数字，例如222920170000340132，通过“22292017”判断选择外港2017，然后输入340132，按下回车键即可！</li>
                <li>提运单号可以模糊查询，只要大于四个的连续字符即可，比如“JJHDSAIT072058”，只要输入“JJHDS”或“72058”即可！</li>
                <li>集装箱号暂不支持模糊匹配，请输全名！</li>
                <li>工作编号暂不支持模糊匹配，请输全名！</li>
            </ol>
        </div>

        <div class="alert alert-danger alert-dismissible" role="alert">
            <button type="button" class="close" data-dismiss="alert" ></button>
            <ol>
                <li>外港：2229</li>
                <li>洋山港：2231</li>
                <li>吴淞港：2201</li>
                <li>浦江港：2209</li>
            </ol>
        </div>
    @endif
@endsection