@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="/chemage" 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">
            <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>

        <input type="hidden" name="date" 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" id="enddate" name="enddate" placeholder="邮件更新结束时间"
                       style="background-color: #fff;" value="{{$enddate}}">
            </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="/chemage" method="post" class="form-inline" id="single-search" onsubmit="return singleCheck();">
            <input type="hidden" name="_token" value="{{ csrf_token() }}">
            <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>
            <input type="hidden" name="single" value="1">
    </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) > 31 * 86400) {
                        alert("提示：日期范围不能超过31天！");
                        return false;
                    }
                    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">ID</th>
            <th class="text-center">查验PDF</th>
            <th class="text-center">收件公司</th>
            @if(Auth::user()->level === 'A')
            <th class="text-center">发送者</th>
            @endif
            <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">PDF大小</th>
        </tr>
        </thead>
        <tbody>
                @foreach($heads as $head)
            <tr class="warning" >
                <td data-title="ID:">{{$head->id}}</td>
                <td data-title="查验PDF:">
                    <ul>
                        @foreach($head->attachments as $attachment)
                            <li>
                                {{ $attachment->file_name }}
                                @if($attachment->state == 3)
                                    <span class="text-danger">（已删除）</span>
                                @endif
                                <a href="{{ url('attachments', $attachment->id) }}">下载</a>
                            </li>
                        @endforeach
                    </ul>
                </td>
                <td data-title="收件公司:">{{$head->company_code}}</td>
                @if(Auth::user()->level === 'A')
                <td data-title="发件者:">{{$head->from_email}}</td>
                @endif
                <td data-title="主题:">{{$head->subject}}</td>
                <td data-title="自编号:">{{$head->custom_no}}&nbsp;</td>
                <td data-title="提单号:">{{$head->bl_no}}&nbsp;</td>
                <td data-title="来源:">{{$head->source_type == 3 ? 'APP上传' : '网页上传'}}</td>
                <td data-title="状态:">@if($head->state == 1) 待确认 @elseif($head->state == 2) 已修改 @elseif($head->state == 2) 已确认 @endif</td>
                <td data-title="更新时间:">{{$head->updated_at->toDateTimeString()}}</td>
                <td data-title="PDF大小:">
                    <ul>
                        @foreach($head->attachments as $attachment)
                            <li>
                                @if((($attachment->file_size)/1024/1024)<1)
                                    {{round((($attachment->file_size)/1024),3).'K'}}
                                @else
                                    {{round((($attachment->file_size)/1024/1024),3).'M'}}
                                @endif
                            </li>
                        @endforeach
                    </ul>
                </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