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

    <div class="row mt-3">

        <div class="col-md-3">

            @if(session("cno"))
                <div class="card mb-3">
                    <div class='card-header'>
                        <h3>Active Card</h3>
                        <hr/>
                        <p>Cart No.: {{ session("cno")  }}</p>
                        <a href="{{ URL::to('/erp/order/view-cart')  }}" class="btn btn-success rounded-pill btn-sm">View</a>
                        <a href="{{ URL::to('/erp/order/reset-cart')  }}" class="btn btn-danger rounded-pill btn-sm">Reset</a>
                    </div>
                </div>
            @endif


            <div class="card">
                <div class="card-header">
                    <h3>Item Category</h3>
                </div>
                <ul class="list-group list-group-flush">
                    @foreach($categories as $item)
                        <li class="list-group-item d-flex justify-content-between align-items-start">
                            <div class="ms-2 me-auto">
                                <div class="fw-bold">
                                    <a href="{{ URL::to('/erp/inventory/browse-menu-items') }}?category={{ strtolower( $item['code'] ) }}">
                                        {{ $item['name'] }}
                                    </a>
                                </div>
                            </div>
                            @if( strcasecmp( $category,$item['name'] ) == 0  )
                                <span class='badge bg-success rounded-pill'>selected</span>
                            @endif
                        </li>
                    @endforeach
                </ul>

            </div>
        </div>


        <div class="col-md-9">
            @if (session('err_msg_right'))
                <div class="alert alert-info">
                    {{ session('err_msg_right') }}
                </div>
            @endif


            <div class='card'>
                <div class='card-header'>
                    <div class="row">
                        <div class="col-md-7">
                            <h3>Products</h3>
                            <h5><span class='badge bg-success rounded-pill'>{{  ucwords(  $category ) }}</span></h5>
                        </div>
                        <div class="col-md-5">

                            <form method="get" action="{{ URL::to('/erp/inventory/browse-menu-items') }}"
                                  class="row g-3">
                                <div class="col-8">
                                    <select name='category' id='category' class="form-control boxed">
                                        @foreach($categories as $row)
                                            <option>{{ $row['name'] }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-4">
                                    <button type="submit" class="btn btn-info rounded-pill mb-3">Apply Filter</button>
                                </div>
                            </form>

                        </div>
                    </div>
                    <hr/>
                    @if(session("message"))
                        <p class="alert alert-info">{{ session("message")  }}</p>
                    @endif
                    @if(isset($products) && count($products) > 0)
                        <table class="table table-striped">
                            <thead>
                            <tr>
                                <th scope="col">Image</th>
                                <th scope="col">Product SKU</th>
                                <th scope="col">Product Name</th>
                                <th scope="col">Category</th>
                                <th scope="col">Sub-category</th>
                                <th scope="col">Description</th>
                                <th scope="col">Action</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($products as $item)
                                <tr>
                                    <td>
                                        @if(!empty($item['images']))
                                            <img src="{{ $item['images'][0]['image_url'] }}" width="20px"
                                                 class="rounded mx-auto d-block"
                                                 alt="Menu Item Photo">
                                        @endif
                                    </td>
                                    <td>{{ $item['product_sku'] }}</td>
                                    <td>{{ $item['product_name'] }}</td>
                                    <td>{{ $item['category'] }}</td>
                                    <td>{{ $item['sub_category'] }}</td>
                                    <td>{{ $item['description'] }}</td>
                                    <td>

                                        <div class="dropdown">
                                            <button class="btn btn-outline-primary btn-sm dropdown-toggle" type="button"
                                                    data-bs-toggle="dropdown" aria-expanded="false">
                                                <i class='fa fa-cog'></i>
                                            </button>
                                            <ul class="dropdown-menu">
                                                <li><a class="dropdown-item"
                                                       href="{{ URL::to('/erp/inventory/product') }}/{{  $item['product_id']}}/details">View
                                                        Details</a></li>
                                                <li><a class="dropdown-item"
                                                       href="{{ URL::to('/erp/inventory/manage-product-photo') }}?punid={{ $item['product_id'] }}">Manage
                                                        Photos</a></li>

                                                @if(session("cno"))
                                                    @foreach($item['stocks'] as $row)
                                                        @if(strtolower($row['ready_for_sale']) === "yes")
                                                            <li>
                                                                <hr class="dropdown-divider">
                                                            </li>
                                                            <li><a class="dropdown-item"
                                                                   href="{{ URL::to('/erp/inventory/product') }}/{{  $item['product_id']}}/details"><i
                                                                            class="fa fa-plus"></i> Add to cart</a></li>
                                                        @endif
                                                    @endforeach
                                                @endif
                                                {{--    <li><a class="dropdown-item" href="{{  URL::to('/erp/reports/product-state') }}?punid={{ $item['product_id'] }}">View Sales Stats</a></li> --}}
                                            </ul>
                                        </div>

                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    @else
                        <div class="col-md-12 ">
                            <div class="alert alert-info">
                                No item added yet!
                            </div>
                        </div>
                    @endif
                </div>
            </div>

        </div>
    </div>

@endsection


@section('script')

    <script>


        $(".ctspinner").on('click', function () {

            var step = parseInt($(this).attr("data-step"));
            var ctbox = $(this).attr("data-key");
            var target = $(this).attr("data-target");
            var cval = parseInt($("#" + target).val());
            var nval = (cval + step);
            nval = nval >= 0 ? nval : 0;
            $("#" + target).val(nval);
            var key = $("#gkey").val();
            var item = $(this).attr("data-item");
            var unitcost = $(this).attr("data-unitcost");

            var json = {};
            json['enckey'] = key;
            json['item'] = item;
            json['qty'] = nval;


            $.ajax({
                type: 'post',
                url: api + "v1/add-item-to-order",
                data: json,
                success: function (data) {
                    data = $.parseJSON(data);
                    if (data.err_code == 7001) {
                        $("#vucost" + item).html((Math.round(nval * unitcost * 100) / 100).toFixed(2));

                    }

                },
                error: function (xhr, status, errorThrown) {
                    console.log(xhr);
                    // alert(  'Something went wrong, please try again');
                }

            });
        });


        var orderSummaryFlyout = document.getElementById('showordersummary');

        orderSummaryFlyout.addEventListener('show.bs.offcanvas', function () {
            $("#itemstable").html("<div class='text-center pt-4'><img width='120px' src='