@extends('layouts.master')
@section('content')
    <div class="card">
        <div class="card-body">
            <div class="row">
                <div class="col-6">
                    <h5 style="font-weight: bold;">Product</h5>
                </div>
                <div class="col-6 text-right">
                    <a href="{{route('product.add')}}" class="btn btn-success"><i class="fas fa-plus-square"></i>
                        เพิ่มข้อมูล</a>
                </div>
            </div>
            <hr>
            <div class="row mt-5">
                <div class="col-12 table-responsive ">
                    <table id="tb_mat" class="table table-striped mt-5">
                        <thead class="thead-light">
                        <tr>
                            <td class="text-center">ที่</td>
                            <td>รหัส</td>
                            <td>ชื่อ</td>
                            <td style="width: 10%;">Size</td>
                            <td class="text-center">กำหนด Bom เริ่มต้น</td>
                            <td class="text-center">แก้ไข</td>
                            <td class="text-center">ลบ</td>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach ($products as $key => $item)
                            <tr>
                                <td class="text-center">{{$key += 1}}</td>
                                <td>{{$item->xvpdtcode}}</td>
                                <td>{{$item->xvpdtname}}</td>
                                <td class="pb-0 pt-0">
                                    @foreach ($item->Size as $itemSub)
                                        <div
                                            style="padding-left:0.3cm; background-color:#fafafa;border:0.5px solid #f2f2f2;"
                                            class="row">

                                            <div class="col pt-2" style="">
                                                <p>{{$itemSub}}</p>
                                            </div>
                                            <div class="col pt-2">
                                                <a href="{{route('bomSize.add',['pdtCode'=>$item->xvpdtcode,'sizeCode'=>$itemSub])}}">
                                                    <i class="fas fa-receipt" style="color: green;"></i>
                                                </a>
                                                {{--                                                <a class="ml-3"--}}
                                                {{--                                                   onclick="del_mat_mat('{{$item->xvpdtcode}}','{{$itemSub}}')"><i--}}
                                                {{--                                                        class="fas fa-times-circle" style="color:red;"></i></a>--}}
                                                <form method="POST"
                                                      action="{{route('productSize.delete',['pdtCode'=>$item->xvpdtcode,'sizeCode'=>$itemSub])}}"
                                                      id="pdt_{{$item->xvpdtcode}}_size_{{$itemSub}}"
                                                      style="display: inline;">
                                                    {{ csrf_field() }}
                                                    {{ method_field('DELETE') }}

                                                    <a href="#"
                                                       onclick="del_Size('{{$item->xvpdtcode}}','{{$itemSub}}')"
                                                       class="fas fa-times-circle" style="color:red;">
                                                        {{--                                                            <i class="fas fa-times-circle"></i>--}}
                                                    </a>
                                                </form>
                                            </div>
                                        </div>
                                    @endforeach
                                </td>
                                <td class="text-center">
                                    <a href="{{route('bom.add',$item->xvpdtcode)}}"
                                       style="background-color:cornflowerblue;color:white;" class="btn btn-info"><i
                                            class="fab fa-unity fa-1x"></i></a></td>
                                <td class="text-center">
                                    <a href="{{route('product.edit',$item->xvpdtcode)}}" class="btn btn-info"><i
                                            class="fas fa-edit fa-1x"></i></a></td>
                                <td class="text-center">
                                    <form method="POST" action="{{route('product.delete',$item->xvpdtcode)}}"
                                          id="frm_{{$item->xvpdtcode}}">
                                        {{ csrf_field() }}
                                        {{ method_field('DELETE') }}

                                        <div class="form-group">
                                            <a href="#" onclick="del('{{$item->xvpdtcode}}')" class="btn btn-danger">
                                                <i class="fas fa-trash fa-1x"></i>
                                            </a>
                                        </div>
                                    </form>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <input type="hidden" name="msg" value="{{session()->get('msg')}}">
@endsection
<style>
    #tb_mat thead {
        font-weight: bold;
    }

    #tb_mat tbody {
        font-size: 14px;
    }

    #tb_mat tbody tr:hover {
        background-color: azure;
    }

    #tb_mat tbody td {
        height: 35px;
        vertical-align: middle;
        cursor: pointer;
    }

    #tb_mat_filter {
        margin-bottom: 1cm;
        margin-top: 0.3cm;
    }
</style>
<script src="js/jquery-3.5.1.min.js"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<script>
    $(document).ready(function () {
        if ($('input[name="msg"]').val() == 'success') {
            swal("บันทึกข้อมูลเรียบร้อย", "คลิก ตกลง", "success");
        }
        if ($('input[name="msg"]').val() == 'warning') {
            swal('มีรหัส Material นี้แล้ว', "กรุณาตั้งรหัส Material ใหม่", "warning")
        }
        if ($('input[name="msg"]').val() == 'error_duplicate') {
            swal('มีรหัส Unit นี้แล้ว', "กรุณาตั้งรหัส Unit ใหม่", "warning")
        }
        if ($('input[name="msg"]').val() == 'NoDataFound') {
            swal('กรุณาเลือกประเภท Unit ', "กรุณาเลือกประเภท Unit ของ Material", "warning")
        }
        if ($('input[name="msg"]').val() == 'NoDataFound_Factor') {
            swal('กรุณากรอกจำนวนสินค้าของประเภท Unit', "กรุณากรอกจำนวนสินค้าของประเภท Unit", "warning")
        }
        // New
        if ($('input[name="msg"]').val() == 'error_notfound') {
            swal('ไม่พบข้อมูล', "ไม่พบข้อมูลรายการแก้ไขที่เลือก", "warning")
        }

        $('#tb_mat').DataTable();
    })

    function setData(xvpdtcode, xvmatname) {
        $('#modal-form-material-mat input[name="xvpdtcode"]').val(xvpdtcode)
        $('#modal-form-material-mat .modal-title').text('เพิ่ม หน่วยนับ Material รหัส ' + xvpdtcode);
    }

    function del(id) {
        swal({
            title: "คุณต้องลบข้อมูลหรือไม่",
            // text: "Once deleted, you will not be able to recover this imaginary file!",
            icon: "warning",
            buttons: true,
            dangerMode: true,
        })
            .then((willDelete) => {
                if (willDelete == true) {
                    let formID = "frm_" + id
                    let frm = document.getElementById(formID)
                    frm.submit()
                }
            })
    }

    function del_Size(xvpdtcode, xvSizeName) {
        swal({
            title: "คุณต้องลบ Size :" + xvSizeName + " ของ Product รหัส " + xvpdtcode + " หรือไม่",
            // text: "Once deleted, you will not be able to recover this imaginary file!",
            icon: "warning",
            buttons: true,
            dangerMode: true,
        })
            .then((willDelete) => {
                if (willDelete == true) {
                    let formID = `pdt_${xvpdtcode}_size_${xvSizeName}`
                    let frm = document.getElementById(formID)
                    frm.submit()
                    // location.href = 'del_material_mat/' + xvpdtcode + '/' + xvuntcode + '';
                }
            })
    }
</script>