@extends('layouts.erp_theme_01')
@section('content')

    <div class="row">

        <div class="col-md-6 offset-md-3 mt-3">
            <div class="card ">
                <div class='card-header'>
                    <div class="title-block">
                        <h3 class="title">Add Product</h3>
                    </div>
                </div>
                <form method="post" action="{{ URL::to('/erp/inventory/save-menu-item') }}">
                    {{ csrf_field() }}
                    <div class="card-body ">
                        <div class="row">
                            @if (  !empty($message) )
                                <div class="col-md-12">
                                    <div class="alert alert-info">
                                        {{  $message  }}
                                    </div>
                                </div>
                            @endif
                        </div>

                        <div class="form-group row">
                            <div class="col-md-6">
                                <label class="control-label" id="subcategory">Product Sub-Category:</label>
                                <select name='subcategory' id='subcategory' class="form-control boxed">
                                    @foreach($subcategories as $subcategory)
                                        <option value="{{  $subcategory->sub_code  }}">{{ $subcategory->sub_name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label class="control-label" id="productsku">Product SKU:</label>
                                <input type="text" name='productsku' id='productsku' class="form-control boxed"
                                       placeholder="Unique product SKU">
                            </div>
                            <div class="col-md-12">
                                <label class="control-label" id="itemname">Product Name:</label>
                                <input type="text" name='itemname' id='itemname' class="form-control boxed"
                                       placeholder="Name of the menu item">
                            </div>

                        </div>
                        <div class="form-group row mt-2">
                            <div class="col-md-12">
                                <label class="control-label" id="itemdesc">Description:</label>
                                <textarea type="text" name='itemdesc' id='itemdesc' class="form-control boxed"
                                          placeholder="Description of the item"></textarea>
                            </div>

                        </div>


                        <div class="form-group row mt-2">
                            <div class="col-md-4">
                                <label class="control-label" id="unitcost">Unit Cost (in ₹):</label>
                                <input type="text" name='unitcost' id='unitcost' class="form-control boxed"
                                       value="0.00">
                            </div>
                            <div class="col-md-4">
                                <label class="control-label" id="packcost">Package Cost (in ₹):</label>
                                <input type="text" name='packcost' id='packcost' class="form-control boxed"
                                       value="0.00">
                            </div>

                            <div class="col-md-4">
                                <label class="control-label" id="discount">Discount (in ₹):</label>
                                <input type="text" name='discount' id='discount' class="form-control boxed"
                                       value="0.00">
                            </div>
                        </div>

                        <div class="form-group row mt-2">

                            <div class="col-md-4">
                                <label class="control-label" id="cgst">CGST (in ₹):</label>
                                <input type="text" name='cgst' id='cgst' class="form-control boxed" value="0.00">
                            </div>

                            <div class="col-md-4">
                                <label class="control-label" id="sgst">SGST (in ₹):</label>
                                <input type="text" name='sgst' id='sgst' class="form-control boxed" value="0.00">
                            </div>
                        </div>


                        <div class="form-group row mt-2">

                            <div class="col-md-4">
                                <label class="control-label" id="weight">Net Weight:</label>
                                <input type="text" name='weight' id='weight' class="form-control boxed" value="0.00">
                            </div>
                            <div class="col-md-4">
                                <label class="control-label" id="sgst">Volume:</label>
                                <input type="text" name='volume' id='volume' class="form-control boxed" value="0.00">
                            </div>

                        </div>


                        <div class="form-row">
                            <div class="col">
                                <div class="form-group">
                                    <br/>
                                    <button type="submit" name='btnSave' value='save'
                                            class="btn btn-primary rounded-pill">Save
                                    </button>
                                </div>
                            </div>
                        </div>


                    </div>

                </form>

            </div>

        </div>


    </div>

    <form method="post">
        {{ csrf_field() }}
        <div class="modal fade" id="widget-confirmdel" tabindex="-1" role="dialog" aria-labelledby="confirmDel"
             aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Confirm Record Deletion</h5>
                        <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                    <div class="modal-body">You are about to remove department. Please confirm your action?</div>
                    <div class="modal-footer">
                        <input type='hidden' name='key' id='key'/>
                        <button class="btn btn-secondary" type="button" data-dismiss="modal">Cancel</button>
                        <button type='submit' class="btn btn-danger" value='delete' name='btndel'>Delete</button>
                    </div>
                </div>
            </div>
        </div>
    </form>

@endsection


@section('script')

    <script>

        $(".btnedit").on('click', function () {
            $rowid = $(this).attr("data-rowid");
            $("#tb_did").val($("#tr-" + $rowid + " td:nth-child(1)").html());
            $("#tb_dname").val($("#tr-" + $rowid + " td:nth-child(2)").html());
            $("#ta_desc").val($("#tr-" + $rowid + " td:nth-child(3)").html());

        });


        $(".btndel").on('click', function () {
            var key = $(this).attr("data-key");
            $("#key").val(key);
            $widget = $(this).attr("data-widget");
            $("#widget-" + $widget).modal('show');
        });


    </script>

@endsection