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

    <div class="row mt-3">
        <div class="col-md-12">
            @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>Campaigns</h3>
                               </div>
                        <div class="col-md-5">
                        </div>
                    </div>
                    <hr/>
                    @if(session("message"))
                        <p class="alert alert-info">{{ session("message")  }}</p>
                    @endif
                    @if(isset($campaigns) && count($campaigns) > 0)
                        <table class="table table-striped">
                            <thead>
                            <tr>
                                <th scope="col">Image</th>
                                <th scope="col">Name</th>
                                <th scope="col">Description</th>
                                <th scope="col">Offered By</th>
                                <th scope="col">Dates</th>
                                <th scope="col">Description</th>
                                <th scope="col">Stage</th>
                                <th scope="col"></th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($campaigns as $item)
                                <tr>
                                    <td>
                                        @if(!empty($item['ad_image_url']))
                                            <img src="{{ $item['ad_image_url']}}" width="20px"
                                                 class="rounded mx-auto d-block"
                                                 alt="Menu Item Photo">
                                        @endif
                                    </td>
                                    <td>{{ $item['campaign_name'] }}</td>
                                    <td>{{ $item['description'] }}</td>
                                    <td>{{ $item['campaign_by'] }}</td>
                                    <td>{{ $item['start_date'] }} - {{ $item['end_date'] }}</td>
                                    <td>{{ $item['stage'] }}</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['id']}}/details">
                                                        Edit
                                                    </a></li>
                                                <li><a class="dropdown-item"
                                                       href="{{ URL::to('/erp/inventory/manage-product-photo') }}?punid={{ $item['id'] }}">
                                                        Manage Photos
                                                    </a></li>


                                                    </ul>
                                        </div>

                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    @else
                        <div class="col-md-12 ">
                            <div class="alert alert-info">
                                No campaigns 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='