@extends('master')
@section('title', '单证状态')
@section('main')
    <div class="app-main-banner">
        <h3>Foxymoon</h3>
        <p>{{$bandTitle or '盈狐科技————让报关业务变得更简单'}}</p>
    </div>

    <div class="container-fluid">
        <div style="margin-top: 10px">
            <form action="/exwork" method="post" class="form-inline" id="date-search" onsubmit="return check();">
                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                <input type="hidden" name="date" value="1">
                <div class="col-xs-9 col-md-12">
                    <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>
                <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="trade_name" name="trade_name" placeholder="经营单位"
                                    style="background-color: #fff;" value="{{$trade_name}}">
                    </div>
                </div>

                <label class="checkbox-inline">
                    <input type="radio" name="optionsRadiosinline" id="optionsRadios1" value={{$optionsRadiosinline}} checked>接单日期
                </label>
                <label class="checkbox-inline">
                    <input type="radio" name="optionsRadiosinline" id="optionsRadios2" value={{$optionsRadiosinline}}>退税日期
                </label>
                <label class="checkbox-inline">
                    <input type="radio" name="optionsRadiosinline" id="optionsRadios3" value={{$optionsRadiosinline}}>报关日期
                </label>
            </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="/exwork" method="post" class="form-inline" id="single-search" onsubmit="return singleCheck();">
                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                <input type="hidden" name="single" value="1">
                <div class="col-xs-9 col-md-12" style="margin-top: 5px">
                    单项查询：<input type="text" class="form-control has-error" name="keywords"
                                placeholder="提单号/客户编号" id="keywords" value="{{$keywords}}"/>
                </div>
            </form>

            <div class="form-group col-xs-9 col-md-3" style="margin-top: 5px">
                <button type="submit" class="btn btn-primary" id="single-button">单项查询</button>
            </div>

            <script>
                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) > 90 * 86400) {
                        alert("提示：日期范围不能超过90天！");
                        return false;
                    }

                    if ($('#optionsRadios1').val() == 'option1'){
                        $("#optionsRadios1").checked = true;
                    }
                    if ($('#optionsRadios2').val() == 'option2'){
                        $("#optionsRadios2").checked = true;
                    }
                    if ($('#optionsRadios3').val() == 'option3'){
                        $("#optionsRadios3").checked = true;
                    }

                    return true;
                }

                function singleCheck() {
                    if ($('#keywords').val() == '') {
                        alert("提示：请输入提单号/客户编号！");
                        return false;
                    }
                    return true;
                }

                //点击日期查询
                $('#date-button').on('click', function () {
                    $('#date-search').submit();
                })
                //点击单项查询
                $('#single-button').on('click', function () {
                    $('#single-search').submit();
                })
                //日期
                $(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',
                    });
                })
            </script>

            <table class="table table-bordered table-hover table-specialresponsive table-striped">
                <thead>
                <tr>
                    <th class="text-center">海关编号</th>
                    <th class="text-center">经营单位</th>
                    <th class="text-center">船名航次</th>
                    <th class="text-center">提单号</th>
                    <th class="text-center">客户编号</th>
                    <th class="text-center">提单状态</th>
                    <th class="text-center">提单日期</th>
                    <th class="text-center">回执状态</th>
                    <th class="text-center">回执日期</th>
                    <th class="text-center">退税状态</th>
                    <th class="text-center">退税日期</th>
                </tr>
                </thead>
                <tbody>
                                @foreach($heads as $head)
                    <tr class="warning" >
                        <td data-title="海关编号:">{{$head->pre_entry_id}}&nbsp;</td>
                        <td data-title="经营单位:">{{$head->trade_name }}&nbsp;</td>
                        <td data-title="船名航次:">{{$head->traf_name }}&nbsp;</td>
                        <td data-title="提单号:">{{$head->bill_no}}&nbsp;</td>
                        <td data-title="客户编号:">{{$head->client_work_no}}&nbsp;</td>
                        <td data-title="提单状态:">{{$head->is_statusA}}&nbsp;</td>
                        <td data-title="提单日期:">{{$head->is_statusA_date}}&nbsp;</td>
                        <td data-title="回执状态:">{{$head->is_statusB}}&nbsp;</td>
                        <td data-title="回执日期:">{{$head->is_statusB_date}}&nbsp;</td>
                        <td data-title="退税状态:">{{$head->is_statusC}}&nbsp;</td>
                        <td data-title="退税日期:">{{$head->is_statusC_date}}&nbsp;</td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
        <div class="row">
            <div class="col-sm-5">
                <div class="dataTables_info">共 {{ $heads->total() }}条记录{{ $heads->currentPage() }}/{{ $heads->lastPage() }}页</div>
            </div>
            <div class="col-sm-7">
                <div class="dataTables_paginate">{{ $heads->links() }}</div>
            </div>
        </div>
    </div>



@endsection