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

    <div style="margin-top: 5px">
        <form action="" method="post" class="form-inline" id="date-search" onsubmit="return check();" >
            <input type="hidden" name="_token" value="{{ csrf_token() }}">

            <div class="col-xs-9 col-md-12" style="margin-top: 5px">
                <div class="form-group has-error">
                    起始日期：<input type="text" class="form-control" id="startdate" name="startdate" placeholder="开始时间"
                           style="background-color: #fff;" value="{{$startdate}}">
                </div>
            </div>

            <div class="col-xs-9 col-md-12" style="margin-top: 5px">
                <div class="form-group has-error">
                    结束日期：<input type="text" class="form-control" id="enddate" name="enddate" placeholder="结束时间"
                           style="background-color: #fff;" value="{{$enddate}}">
                </div>
            </div>

            <input type="hidden" name="vip" value="1">

            <div class="col-xs-9 col-md-12" style="margin-top: 5px">
                <div class="form-group has-error">
                    运输工具：<input type="text" class="form-control" name="vipkeywords1"
                           placeholder="运输工具"
                           value="{{$vipkeywords1}}"/>
                </div>
            </div>

            <div class="col-xs-9 col-md-12" style="margin-top: 5px">
                <div class="form-group has-error">
                    经营单位：<input type="text" class="form-control" id="consignee" name="vipkeywords2"
                           placeholder="经营单位"
                           value="{{$vipkeywords2}}"/>
                </div>
            </div>
        </form>

        <div class="form-group col-xs-9 col-md-3" style="margin-top: 5px">
                <button type="submit" class="btn btn-danger" id="date-button">日期查询</button>
        </div>

        <form action="" method="post" class="col-xs-9 col-md-12" onsubmit="return singleCheck();" 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}}">
                <input type="hidden" name="normal" value="1">
            </div>

            <button type="submit" class="btn btn-info" id="single-button" style="margin-top: 10px; margin-bottom: 10px">单项查询</button>
        </form>

    </div>
        <script>
            function function_selectAdding(stttt){
                $("#ppp").text(stttt);
            }

            function singleCheck() {
                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;
            }

            function check() {
                if ($('#enddate').val() < $('#startdate').val()) {
                    alert("提示：结束日期小于开始日期！");
                    return false;
                }
                var enddate = new Date($('#enddate').val()).getTime() / 1000;
                var startdate = new Date($('#startdate').val()).getTime() / 1000;
                if ((enddate - startdate) > 31 * 86400) {
                    alert("提示：日期范围不能超过31天！");
                    return false;
                }
                if ($('#consignee').val().length > 0 && $('#consignee').val().length < 4) {
                    alert("提示：经营单位查询不能少于4个汉字！");
                    return false;
                }
                return true;
            }
            $(function () {
                $("#startdate").mobiscroll().date({
                    theme: "android-ics light",
                    lang: "zh",
                    cancelText: null,
                    dateFormat: 'yy-mm-dd',
                });
                $("#enddate").mobiscroll().date({
                    theme: "android-ics light",
                    lang: "zh",
                    cancelText: null,
                    dateFormat: 'yy-mm-dd',
                });
            })
            $('#date-button').on('click', function () {
                $('#date-search').submit();
            })
            $('#single-button').on('click', function () {
                $('#single-search').submit();
            })
        </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>
                    <th>放行通知书</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td data-title="经营单位">&nbsp;</td>
                    <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>
                <th>放行通知书</th>
            </tr>
            </thead>
            <tbody>
                        @foreach ($exportHeads as $data)
                <tr class="warning">
                    <td data-title="经营单位">{{$data->consignee}}</td>
                    <td data-title="提运单号">{{$data->ladbil_c}}</td>
                    <td data-title="运输工具名称">{{$data->tratol}}</td>
                    <td data-title="海关编号">{{$data->custom_c}}</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>日期查询是联合查询，可以只输入日期查看所有数据。</li>
                <li>经营单位，只要输入大于三个的连续汉字即可模糊匹配，比如“上海天士力国际贸易有限公司”，只要输入“上海天士”或者“上海天士力”即可，但是“有限公司”、“国际贸易”这些无特征的将无法匹配！</li>
                <li>提单号，只要大于四个的连续字符即可，比如“JJHDSAIT072058”，只要输入“JJHDS”或“72058”即可！</li>
                <li>查询集装箱号暂无模糊匹配，请输全名！</li>
                <li>查询海关编号暂无模糊匹配，请输全名！</li>
                <li>查询工作编号暂无模糊匹配，请输全名！</li>
            </ol>
        </div>
@endif




@endsection