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

    <div class="container-fluid" style="margin-top: 15px">
        @if(Auth::user()->organ!='admin')
            <div class="span12" style="margin-left: 15px">
                <a class="btn btn-large btn-success" href="#modal-container-484617" id="modal-484617" role="button"
                   data-toggle="modal">申请报销审批</a>
            </div>
        @endif

            <div class="app-main-search">
                <form action="/charge" 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="/charge" 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>

            </div>

            <div class="app-main-search" style="padding:0 0 0 0;">
                    <div class="col-xs-9 col-md-12" style="line-height: 30px;">
                        <table class="table" style="margin-top: 10px;">
                            <tr>
                                <th>编号</th>
                                <th>费用名称</th>
                                <th>报销金额</th>
                                <th>提运单号</th>
                                <th>申报者</th>
                                <th>上级主管</th>
                                <th>报销进程</th>
                                <th>创建日期</th>
                                @if(Auth::user()->organ == 'enable')
                                <th>修改</th>
                                @elseif(Auth::user()->organ == 'admin')
                                <th>审批</th>
                                @endif
                            </tr>
                            @foreach ($heads as $vo)
                                <tr class="info" >
                                    <td>{{$vo->id}}</td>
                                    <td>{{$vo->charge_name}}</td>
                                    <td>{{$vo->charge_value}}元</td>
                                    <td>{{$vo->bl_no}}</td>
                                    <td>{{$vo->worker}}</td>
                                    <td>{{$vo->manager}}</td>
                                    <td>
                                        已申报                                    </td>
                                    <td>{{$vo->created_at}}</td>
                                    @if(Auth::user()->organ == 'enable')
                                    <td><a href="#edit_xiugai"  onclick="edit_xiugai({{$vo->id}});"
                                           class="btn btn-success btn-xs " role="button" data-toggle="modal">修改</a></td>
                                    @elseif(Auth::user()->organ == 'admin')
                                        <td><a href="#edit_shengpi" onclick="edit_shengpi({{$vo->id}});"
                                               class="btn btn-danger btn-xs " role="button" data-toggle="modal">审批</a></td>
                                    @endif
                                </tr>
                            @endforeach
                        </table>

                        {{--模态框--}}
                        <form action="/charge/insertOne" method="post">
                            <div class="container">
                                <div class="row clearfix">
                                    <div class="col-md-12 column">
                                        <div class="modal fade" id="modal-container-484617" role="dialog" aria-labelledby="myModalLabel"
                                             aria-hidden="true">
                                            <div class="modal-dialog">
                                                <div class="modal-content">
                                                    <div class="modal-header">
                                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×
                                                        </button>
                                                        <h4 class="modal-title" id="myModalLabel">
                                                            申请报销
                                                        </h4>
                                                    </div>
                                                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                                    <div class="modal-body">
                                                        <div class="form-group">
                                                            <label for="charge_name">费用名称(必填)</label><input type="text"
                                                                                                            name="charge_name"
                                                                                                            class="form-control"
                                                                                                            id="charge_name"/>
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="charge_value">报销金额(必填)</label><input
                                                                    type="text" class="form-control" name="charge_value"
                                                                    id="charge_value"/>
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="bl_no">提运单号(必填)</label><input class="form-control"
                                                                                                      type="text"
                                                                                                      name="bl_no"
                                                                                                      id="bl_no"/>
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="manager">核销费用主管姓名(必填)</label><input class="form-control"
                                                                                                            type="text"
                                                                                                            name="manager"
                                                                                                            id="manager"/>
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="manager_email">核销费用主管邮箱</label><input class="form-control"
                                                                                                              type="text"
                                                                                                              name="manager_email"
                                                                                                              id="manager_email"/>
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="worker">申请者姓名(必填)</label><input class="form-control"
                                                                                                        type="text"
                                                                                                        name="worker"
                                                                                                        id="worker"/>
                                                        </div>
                                                    </div>
                                                    <div class="modal-footer">
                                                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                                                        <button type="submit" class="btn btn-primary">申请报销</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                        {{--模态框--}}

                        {{--修改模态框--}}
                        <form action="/charge/update" method="post">
                            <div class="container">
                                <div class="row clearfix">
                                <div class="col-md-12 column">
                                    <div class="modal fade" id="edit_xiugai" role="dialog" aria-labelledby="myModalLabel"
                                             aria-hidden="true">
                                            <div class="modal-dialog">
                                                <div class="modal-content">
                                                    <div class="modal-header">
                                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×
                                                        </button>
                                                        <h4 class="modal-title" id="myModalLabel">
                                                            申请报销
                                                        </h4>
                                                    </div>
                                                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                                    <div class="modal-body">
                                                        <div class="form-group">
                                                            <label for="charge_name">费用名称(必填)</label><input type="text"
                                                                                                            name="charge_name"
                                                                                                            class="form-control"
                                                                                                            id="xiugai_charge_name"/>
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="charge_value">报销金额(必填)</label><input
                                                                    type="text" class="form-control" name="charge_value"
                                                                    id="xiugai_charge_value"/>
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="bl_no">提运单号(必填)</label><input class="form-control"
                                                                                                      type="text"
                                                                                                      name="bl_no"
                                                                                                      id="xiugai_bl_no"/>
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="manager">核销费用主管姓名(必填)</label><input class="form-control"
                                                                                                            type="text"
                                                                                                            name="manager"
                                                                                                            id="xiugai_manager"/>
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="manager_email">核销费用主管邮箱</label><input class="form-control"
                                                                                                              type="text"
                                                                                                              name="manager_email"
                                                                                                              id="xiugai_manager_email"/>
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="worker">申请者姓名(必填)</label><input class="form-control"
                                                                                                        type="text"
                                                                                                        name="worker"
                                                                                                        id="xiugai_worker"/>
                                                        </div>
                                                    </div>
                                                    <div class="modal-footer">
                                                        <input type="hidden" name="id" id="xiugai_id">
                                                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                                                        <button type="submit" class="btn btn-primary">提交修改</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                        {{--修改模态框--}}

                        {{--审批模态框--}}
                        <form action="/charge/judge" id="judge_form" method="post">
                            <div class="container">
                                <div class="row clearfix">
                                    <div class="col-md-12 column">
                                        <div class="modal fade" id="edit_shengpi" role="dialog" aria-labelledby="myModalLabel"
                                             aria-hidden="true">
                                            <div class="modal-dialog">
                                                <div class="modal-content">
                                                    <div class="modal-header">
                                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×
                                                        </button>
                                                        <h4 class="modal-title" id="myModalLabel">
                                                            审批报销
                                                        </h4>
                                                    </div>
                                                    <div class="modal-body">
                                                        <div class="form-group">
                                                            <label for="manager">主管签名:</label>
                                                            <input class="form-control" type="text" name="manager" id="shengpi_manager"/>
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="manager_email">主管邮箱:</label>
                                                            <input class="form-control" type="text" name="manager_email" id="shengpi_manager_email"/>
                                                        </div>
                                                        <div class="row-fluid">
                                                            <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                                            <input type="hidden" name="id" id="shengpi_id">
                                                            <input type="hidden" name="state" id="shengpi_state">
                                                            <a class="btn btn-success" onclick="return function_post(4);">销单作废</a>
                                                            <a class="btn btn-success" onclick="return function_post(1);">暂不处理</a>
                                                            <a class="btn btn-success" onclick="return function_post(3);">不予报销</a>
                                                            <a class="btn btn-primary" onclick="return function_post(2);">批准报销</a>
                                                        </div>
                                                    </div>
                                                    <div class="modal-footer">
                                                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                        {{--审批模态框--}}

                    </div>

                <script>
                    function edit_xiugai(id) {
                        $('#xiugai_charge_name').val('数据加载中...');
                        $('#xiugai_charge_value').val('数据加载中...');
                        $('#xiugai_bl_no').val('数据加载中...');
                        $('#xiugai_manager').val('数据加载中...');
                        $('#xiugai_manager_email').val('数据加载中...');
                        $('#xiugai_worker').val('数据加载中...');
                        $.getJSON("/charge/findOne", {id: id}, function (json) {
                            $('#xiugai_charge_name').val(json.charge_name);
                            $('#xiugai_charge_value').val(json.charge_value);
                            $('#xiugai_bl_no').val(json.bl_no);
                            $('#xiugai_manager').val(json.manager);
                            $('#xiugai_manager_email').val(json.manager_email);
                            $('#xiugai_worker').val(json.worker);
                            $('#xiugai_id').val(json.id);
                        });
                    }

                    function edit_shengpi(id) {
                        $('#shengpi_manager').val('数据加载中...');
                        $('#shengpi_manager_email').val('数据加载中...');
                        $.getJSON("/charge/findOne", {id: id}, function (json) {
                            $('#shengpi_manager').val(json.manager);
                            $('#shengpi_manager_email').val(json.manager_email);
                            $('#shengpi_id').val(json.id);
                        });
                    }

                    function function_post(value){
                        $("#shengpi_state").val(value);
                        $("#judge_form").submit();
                        return false;
                    }
                </script>

            </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