@extends('backend.layouts.app')

@section('title', $data['p_heading'])


@section('content')


    <div class="row">
        <div class="col">
            <div class="card">
                <div class="card-header">
                    <div class="float-left pt-2"><strong>{{ $data['p_heading'] }}</strong></div>
                    <div class="float-right"><button class="btn btn-info" onclick="show_sku_modal();"><i class="fa fa-plus"></i> Add Micro Site Product</button></div>
                </div><!--card-header-->
                <div class="card-body">



                    @if(sizeof($data['result']) > 0)

                            <p>{{ $data['p_description'] }}</p>
                            <div class="table-responsive">
                                <table class="table table-hover">
                                    <tbody><tr>
                                        <th width="5%">ID</th>
                                        <th width="45%">Name</th>
                                        <th width="15%">SKU</th>
                                        <th width="15%">Featured</th>
                                        <th width="15%">Position</th>
                                        <th width="5%">Actions</th>
                                    </tr>
                                    @foreach($data['result'] as $row)
                                        <tr id="tr_{{ $row->ms_id }}">
                                            <td>{{ $row->id }}</td>
                                            <td>{{ $row->name }}</td>
                                            <td>{{ $row->sku }}</td>
                                            <td>
                                                <label class="switch switch-label switch-outline-success-alt">
                                                    <input type="checkbox" name="default" class="switch-input" @if($row->featured == 'Y') checked value="N" @else value="Y" @endif onclick="update_site_product(this.value, {{ $row->ms_id }}, 'featured');" />
                                                    <span class="switch-slider" data-checked="&#x2713;" data-unchecked="&#x2715;"></span>
                                                </label>
                                            </td>
                                            <td><input type="number" class="form-control" value="{{ $row->pos }}" onblur="update_site_product(this.value, {{ $row->ms_id }}, 'pos');"></td>
                                            <td>
                                                <button type="button" class="btn btn-danger btn-sm" onclick="delete_site_product({{ $row->ms_id }});"><i class="fa fa-trash "></i></button>
                                            </td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                            </div>



                    @else
                        <strong>Sorry!</strong>, no micro sites found.
                    @endif



                </div><!--card-body-->
            </div><!--card-->
        </div><!--col-->
    </div><!--row-->



    <!-- 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 to Add Micro Site Item</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">
                        {!! Form::text('sku', null,['class'=>'form-control', 'required', 'placeholder'=>'Enter SKU or Product ID...', 'id' => 'sku_cv']) !!}
                    </div>
                    <div class="form-group">
                        <label class="radio-inline"><input type="radio" name="search_field" checked value="sku"> SKU</label>
                        <label class="radio-inline"><input type="radio" name="search_field" value="id"> Product ID</label>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-primary" onclick="add_micro_site_item();">Submit</button>
                </div>
            </div>
        </div>
    </div>
    {!! Form::hidden('site_id', $data['site']->id) !!}
    {{ Form::close() }}
    <!-- Product Variation SKU Modal -->


@stop