@extends('backend.layouts.app')
@section('title', $data['p_heading'])
@section('content')
    <div class="row">
        <div class="col">
            <div class="card">
                <div class="card-header">
                    <strong>{{ $data['p_heading'] }}</strong>
                </div>
                <div class="card-body">
                    @if(sizeof($data['products']) > 0)
                        <div class="table-responsive">
                            <table class="table table-hover">
                                <tbody>
                                    <tr>
                                        <th width="5%" class="text-center">ID</th>
                                        <th width="10%">Image</th>
                                        <th width="30%">Name</th>
                                        <th width="20%">SKU</th>
                                        <th width="10%">Price</th>
                                        <th width="10%">Quantity</th>
                                        <th width="10%">Position</th>
                                        <th width="5%">Action</th>
                                    </tr>
                                    @foreach($data['products'] as $product)
                                        @php
                                            $item = $product->product;
                                            $image = $item->image;
                                            $path = '/up_data/products/images/thumbnails/'.$image;
                                            if(trim($image) == null && !file_exists($path))
                                                $path = '/up_data/na.jpg';
                                        @endphp
                                        <tr id="tr_{{ $item->id }}">
                                            <td class="text-center">
                                                {{ $item->id }}
                                            </td>
                                            <td><img src="{{ $path }}" class="img-thumbnail" /></td>
                                            <td>{{ $item->name }}</td>
                                            <td>{{ $item->sku }}</td>
                                            <td>$ {{ $item->price_catalog }}</td>
                                            <td><input type="number" class="form-control" value="{{ $item->quantity ?? 0}}" onblur="set_item_quantity(this.value, {{ $item->id }});" min="1"></td>
                                            <td><input type="number" class="form-control" value="{{ $item->position ?? 0}}" onblur="set_item_position(this.value, {{ $item->id }});" min="1"></td>
                                            <td>
                                                <button type="button" class="btn btn-danger btn-sm" onclick="delete_product_item({{ $item->id }}, {{ $data['product']->id }});"><i class="fa fa-trash "></i></button>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @else
                        <strong>Sorry</strong>, no product set-items found.
                    @endif
                    <hr />
                    <div id="btn_add_variation">
                        <button type="button" class="btn btn-sm btn-success" onclick="show_sku_modal();">Add Set Item</button>
                    </div>
                 
                    <div>
                        <br>
                        <a href="{{ route('admin.product.edit', $data['product']->id) }}" class="btn btn-danger mb-2">Basic Info</a>
                        <a href="{{ route('admin.product.edit.details', $data['product']->id) }}" class="btn btn-danger mb-2">Update Details</a>
                        <a href="{{ route('admin.product.edit.files', $data['product']->id) }}" class="btn btn-danger mb-2">Manage Images / Files</a>
                    </div>
                </div>
            </div>
        </div>
        <!-- Product Variation SKU Modal -->
        {!! Form::open(array('method' => 'POST', 'id' => 'frm_sku_check')) !!}
            <div class="modal fade" id="product_variation_sku" tabindex="-1" role="dialog" aria-labelledby="product_variation_sku_title" aria-hidden="true">
                <div class="modal-dialog  modal-dialog-centered" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="exampleModalLabel">Enter SKU / Product ID</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <div class="form-group">
                                <div>
                                    <input type="radio" name="identifier_type" id="product_id_option" value="product_id" checked> Product ID
                                    &nbsp;&nbsp;<input type="radio" name="identifier_type" id="sku_option" value="sku"> SKU
                                </div>
                                <div id="product_id_input" class="identifier_input">
                                    {!! Form::text('product_id', null, ['class' => 'form-control', 'placeholder' => 'Enter Product ID...', 'id' => 'product_id_cv']) !!}
                                </div>
                                <div id="sku_input" class="identifier_input" style="display: none;">
                                    {!! Form::text('sku', null, ['class' => 'form-control', 'placeholder' => 'Enter SKU...', 'id' => 'sku_cv']) !!}
                                </div>
                            </div>
                        </div>

                        <input type="hidden" name="parent_product_id" value="{{$data['product']->id}}">
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                            <button type="button" class="btn btn-primary" onclick="set_items();">Submit</button>
                        </div>
                    </div>
                </div>
            </div>
            {!! Form::hidden('product_id', $data['product']->id) !!}
        {{ Form::close() }}
        <!-- Product Variation SKU Modal -->
    </div>
@stop