@extends('layouts.home')
@section('title', '')
@section('style')
    <style>
        .layui-layer-btn0{
            font-size: 12px;
        }
        .font{
            font-size: 14px;
            margin: 5px 0;
        }
        .x-body{
            min-height: 500px;
        }
        .marginBtn{
            position: fixed;
            bottom: 0;
            display: flex;
            align-items: center;
            width: 90%;
            height: 60px;
            justify-content: space-around;
            background-color: #ffffff;
        }
        .button-div{
            width: 30%;
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
        }
        .button-me{
            width: 200px;
            height: 40px;
            background-color: #1E9FFF;
            border-radius: 5px;
            color: #ffffff;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 5px 0;
        }
        .content-div{
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        .shut-button-me{
            width: 200px;
            height: 40px;
            background-color: #c2c2c2;
            border-radius: 5px;
            color: #ffffff;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 5px 0;
        }
    </style>
@endsection
@section('body')
    <div class="x-body">
        {{--<div style="width: 100%;border: 0.5px solid #000000;margin: 15px 0 15px 0"></div>--}}
        {{--<div class="font">工程卡ID：</div>--}}
        <input type="hidden" name="pid" value="{{$pro_id}}">
        <div class="font">订单编号：{{$pro->order_number}}</div>
        <div class="font">加盟商名称：{{$shop->belong}}</div>
        <div class="font">订单备注：{{$pro->remark}}</div>
        <div class="font">生产订单编号：{{$pro->pro_num}}</div>
        <div class="font">规格：{{$size}}</div>
        <form class="layui-form" action="#" id="buyGoods" method="get" enctype="multipart/form-data" style="">
            <div class="font content-div">
                @foreach($columns as $c)
                    @if(!empty($card) && $card[0][$c] == 1)
                        <div class="button-div" onclick="buttonInfos('{{$c}}')">
                        <div class="shut-button-me">{{$c}}</div>
                        <div class="font">@if(!empty($card)) {{$card[0][$c.'人']}} @endif</div>
                        </div>
                    @else
                    <div class="button-div" onclick="buttonInfo('{{$c}}')">
                        <div class="button-me">{{$c}}</div>
                        <div class="font">@if(!empty($card)) {{$card[0][$c.'人']}} @endif</div>
                    </div>
                    @endif
                @endforeach
                {{--<div class="button-div" onclick="buttonInfo('确认已完成剪毛线工作')">--}}
                {{--<div class="shut-button-me">整批面料检验</div>--}}
                {{--<div class="font">李三</div>--}}
                {{--</div>--}}
            </div>
        </form>
    </div>

    <script>
        function buttonInfo(text){
            layer.open({
                content: text
                ,btn: ['确认完成']
                ,yes: function(index, layero){
                    //按钮【按钮一】的回调
                    var id = $("input[name=pid]").val()
                    $.get("/admin/doCard?id="+id+'&card='+text, function (res) {
                        // 发异步，把数据提交给php
                        if (res.status == 1) {

                            //发异步把用户状态进行更改
                            layer.msg(res.msg,{icon: 6,time:1000},function () {
                                location.href = '{{ env("APP_URL") }}home/cardUrl/'+id;
                            });

                        } else {

                            layer.alert(res.msg, {icon: 5});
                        }
                    });
                }
            });
        }

        function buttonInfos(text){
            layer.open({
                content: text
                ,btn: ['确认撤销']
                ,yes: function(index, layero){
                    //按钮【按钮一】的回调
                    var id = $("input[name=pid]").val()
                    $.get("/admin/backCard?id="+id+'&card='+text, function (res) {
                        // 发异步，把数据提交给php
                        if (res.status == 1) {

                            //发异步把用户状态进行更改
                            layer.msg(res.msg,{icon: 6,time:1000},function () {
                                location.href = '{{env("APP_URL")}}home/cardUrl/'+id;
                            });

                        } else {

                            layer.alert(res.msg, {icon: 5});
                        }
                    });
                }
            });
        }
        layui.use(['form','layer'], function(){
            $ = layui.jquery;
            var form = layui.form
                ,layer = layui.layer;
        });

    </script>
@endsection