@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="货代代码" id="forgetinfo" value="{{$vipkeywords1}}"/>
                </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>




        <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 ($('#forgetinfo').val().length == '') {
//                    alert("提示：日期查询必须输入货代代码！");
//                    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>

    <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>
                    @if(Auth::user()->organ=='admin')
                    <th>货代简称</th>
                    @endif
                    <th>进出口报关单</th>
                    <th>放行通知书</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td data-title="海关编号">&nbsp;</td>
                    <td data-title="提运单号">&nbsp;</td>
                    <td data-title="运输工具名称">&nbsp;</td>
                    @if(Auth::user()->organ=='admin')
                    <td data-title="货代简称">&nbsp;</td>
                    @endif
                    <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>
                    @if(Auth::user()->organ=='admin')
                    <th>货代简称</th>
                    @endif
                    <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>
                        @if(Auth::user()->organ=='admin')
                        <td data-title="货代简称">{{$data->forget_info}}</td>
                        @endif
                        <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>提运单号可以模糊查询，只要大于四个的连续字符即可，比如“JJHDSAIT072058”，只要输入“JJHDS”或“72058”即可！</li>
                <li>单项查询中，海关编号可以只输入末尾非零的一串数字，例如222920170000340132，通过“22292017”判断选择外港2017，然后输入340132，按下回车键即可！</li>
                <li>集装箱号暂不支持模糊匹配，请输全名！</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