@extends('layouts.app')

@section('title', 'Edit Product Group')

@section('content')

    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>Update Product Group</h1>
        <!-- <ol class="breadcrumb">
                                                                                                                                <li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>
                                                                                                                                <li class="active">Here</li>
                                                                                                                            </ol> -->
    </section>

    <!-- Main content -->
    <section class="content">
        <div class="box">
            <div class="box-body">
                <div class="row">
                    {!! Form::open(['url' => action('ProductGroupController@update', [$product_group->id]), 'method' => 'put', 'id' => 'product_group_update_form']) !!}

                    <div class="col-md-6">
                        <div class="form-group">
                        {!! Form::label('name', 'Product Group Name' . ':*') !!}
                          {!! Form::text('name', $product_group->name, ['class' => 'form-control', 'required', 'placeholder' => 'Product Group Name' ]); !!}
                      </div>
                    </div>
                    <div class="col-md-6">
                      <div class="form-group">
                        {!! Form::label('description', 'Product Group Description' . ':*') !!}
                          {!! Form::text('description', $product_group->description, ['class' => 'form-control', 'required', 'placeholder' => 'Product Group Description' ]); !!}
                      </div>
                    </div>
                </div>
                @if(!empty($products))
                    <div class="form-group">
                        {!! Form::label('products', 'Products' . ':*') !!}
                        <select class="js-product form-control" name="products[]" multiple="multiple" title="Add products" style="width: 100%">
                            @foreach($products as $product)
                                <option value="{{ $product->id }}" {{ in_array($product->id, $product_group->products) ? 'selected="selected"' : '' }}>{{ $product->name }}</option>
                            @endforeach
                        </select>
                    </div>
                @endif
            </div>
            <div class="row">
                <div class="col-md-12">
                    <button type="submit" class="btn btn-primary pull-right" id="submit_product_group_button">Update</button>
                </div>
            </div>

            {!! Form::close() !!}

        </div><!-- /.modal-content -->
    @stop
    
    @section('javascript')
        <script type="text/javascript">
            $('form#product_group_update_form').validate({
                rules: {
                    name: {
                        required: true,
                    },
                    description: {
                        required: true,
                    },
                },
            });

            $(document).ready(function() {
                $('.js-product').select2();
            });
        </script>
    @endsection