{{-- REQUIRES:
 $product
 $spec
 --}}

<div class="panel panel-default spec spec-template" data-spec-id="{{ $spec->id }}">
    <div class="panel-heading">

        <div class="row">
            <div class="col-md-6">
                <h4 class="panel-title">
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseElem"><span
                                class="spec-name">{{ $spec->name  }}</span></a>
                </h4>
            </div>

            <div class="col-md-6">
                <div class="pull-right box-tools">

                    <button class="btn btn-slim btn-danger deletable-style ajax-request-on-click"
                            data-url="{{ route("admin.restaurant.products.specs.destroy", $spec->id) }}"
                            data-method="DELETE"
                            data-success-function="specDeleted"
                            data-confirmation-message="{{ trans("Are you sure you want to delete this attribute?") }}">
                        <i class="fa fa-times"></i>
                    </button>
                </div>
            </div>

        </div>
    </div>

    <div id="collapseElem" class="panel-collapse collapse">
        <div class="panel-body">
            <!-- spec option container -->
            <div class="row">
                <div class="col-md-4">
                    <input type="text" name="name" placeholder="Özellik ismi"
                           class="col-md-12 update-on-change form-control"
                           data-url="{{ route("admin.restaurant.products.specs.edit", $spec->id) }}"
                           data-success-function="updateSpecTitle"
                           value="{{ $spec->name }}">

                </div>
                <div class="col-md-2">
                    <label class="update-on-change">
                        <input type="checkbox" name="multiselect" value="1"
                               class="col-md-12 update-on-change"
                               placeholder="Özellik ismi"
                               data-url="{{ route("admin.restaurant.products.specs.edit", $spec->id) }}"
                                {{ $spec->multiselect != 1 ?: 'checked' }}>
                        @transUcFirst('models.spec.multi_select')
                    </label>
                </div>
                <div class="col-md-2">
                    {{--
                    <label class="update-on-change">
                        <input type="checkbox" name="enabled" value="1" {{ $spec->enabled != 1 ?: 'checked' }}
                        placeholder="Özellik ismi" class="col-md-12 update-on-change"
                               data-url="{{ route("product.spec.edit", $spec->id) }}">
                        Aktif
                    </label>
                    --}}
                </div>
            </div>
            <br>
            <table class="table table-bordered item-list">
                <thead>
                <tr>
                    <th>@transUc('models.generic.name')</th>
                    <th>@transUc('models.spec.price_diff')</th>
                    <th>@transUc('models.spec.options')</th>
                    <th>@transUc('models.generic.actions')</th>
                </tr>
                </thead>
                <tbody class="option-container">
                @foreach($spec->options as $option)
                    {!! view('admin.restaurant.products._partials.spec-option')->with('spec', $spec)->with('option', $option) !!}
                @endforeach
                </tbody>
            </table>
            <div class="btn btn-slim btn-default add_opt_btn">
                <i class="fa fa-plus"></i>&nbsp; @transUc('admin.restaurant.products.create.add_new_option')
            </div>
            <!-- End -->
        </div>
    </div>
</div>