@extends('layouts.bo')

@section('content')

    <form class="m-form" method="post">
        {{ csrf_field() }}
    <div class="row">
        <div class="col-lg-8">
            <!--begin::Portlet-->
            <div class="m-portlet">
                <div class="m-portlet__head">
                    <div class="m-portlet__head-caption">
                        <div class="m-portlet__head-title">
                            <span class="m-portlet__head-icon m--hide">
                            <i class="la la-gear"></i>
                            </span>
                            <h3 class="m-portlet__head-text">
                                {{$product->name}}
                            </h3>
                        </div>
                    </div>
                </div>
                <!--begin::Form-->

                    <div class="m-portlet__body">
                        <div class="m-form__section m-form__section--first">
                            <div class="form-group m-form__group row">
                                <label class="col-lg-3 col-form-label">Nom :</label>
                                <div class="col-lg-6">
                                    {{ Form::text('name', $product->name, array('placeholder'=> 'Entrer le nom du produit','class' => 'form-control m-input')) }}
                                    <!-- <span class="m-form__help">Please enter your full name</span> -->
                                </div>
                            </div>
                            <div class="form-group m-form__group row">
                                <label class="col-lg-3 col-form-label">Description :</label>
                                <div class="col-lg-6">
                                    {{ Form::textarea('description', $product->description, array('size'=>'30x5','placeholder'=> 'Entrer la description du produit','class' => 'form-control m-input')) }}
                                    <!-- <span class="m-form__help">Please enter your full name</span> -->
                                </div>
                            </div>
                            <div class="form-group m-form__group row">
                                <label class="col-lg-3 col-form-label">Prix :</label>
                                <div class="col-lg-6">
                                {{ Form::text('price', $product->price, array('placeholder'=> 'Entrer le prix du produit','class' => 'form-control m-input')) }}
                                <!-- <span class="m-form__help">Please enter your full name</span> -->
                                </div>
                            </div>
                            <div class="form-group m-form__group row">
                                <label class="col-form-label col-lg-3 col-sm-12">Catégorie</label>
                                <div class="col-lg-4 col-md-9 col-sm-12">
                                    <select name="category" class="">
                                        @foreach($categories as $category)
                                            <option value="{{$category->id}}"
                                            @if($product->category && $product->category->id == $category->id)
                                                selected="selected"
                                            @endif
                                            >{{$category->name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="form-group m-form__group row">
                                <label class="col-lg-3 col-form-label">Image</label>
                                <div class="col-lg-6">
                                    <div class="img-16-9" style="background-image: url({{$product->picture}})"></div>
                                {{ Form::text('picture', $product->picture, array('placeholder'=> 'Upload d\'image','class' => 'form-control m-input')) }}
                                <!-- <span class="m-form__help">Please enter your full name</span> -->
                                </div>
                            </div>



                        </div>
                    </div>
                    <div class="m-portlet__foot m-portlet__foot--fit">
                        <div class="m-form__actions m-form__actions">
                            <div class="row">
                                <div class="col-lg-3"></div>
                                <div class="col-lg-6">
                                    <button type="submit" class="btn btn-success">Submit</button>
                                </div>
                            </div>
                        </div>
                    </div>

                <!--end::Form-->
            </div>
            <!--end::Portlet-->
        </div>
        <div class="col-md-4">
            <div class="m-portlet m-portlet--full-height ">
                <div class="m-portlet__head">
                    <div class="m-portlet__head-caption">
                        <div class="m-portlet__head-title">
                            <h3 class="m-portlet__head-text">
                                Options
                            </h3>
                        </div>
                    </div>

                </div>
                <div class="m-portlet__body">
                    <div class="tab-content">
                        <div class="tab-pane active" id="m_widget4_tab1_content">
                            <!--begin::Widget 14-->
                            <div class="m-widget4">
                            @foreach ($components as $component)


                                <!--begin::Widget 14 Item-->
                                    <div class="m-widget4__item">
                                        <div class="m-widget4__info">
							<span class="m-widget4__title">
                                <label class="m-checkbox m-checkbox--bold m-checkbox--state-brand">

											<input
                                                    @if($product->components->contains('id',$component->id))
                                                        checked="checked"
                                                    @endif
                                                    name="components[]"
                                                    value="{{$component->id}}"
                                                    autocomplete="off"
                                                    type="checkbox"> {{$component->name}}


											<span></span>
											</label>

							</span><br>
                                            <span class="m-widget4__sub">
							@foreach ($component->values as $key => $value)
                                                    {{$value->name}}
                                                    @if ($key == 4)
                                                        @if (!$loop->last)
                                                            ...
                                                        @endif
                                                        @break
                                                    @endif
                                                    @if (!$loop->last)
                                                        ,
                                                    @endif
                                                @endforeach
							</span>
                                        </div>
                                    </div>
                                    <!--end::Widget 14 Item-->
                                @endforeach
                            </div>
                            <!--end::Widget 14-->
                        </div>
                    </div>
                </div>
            </div>


        </div>
    </div>
    </form>
@endsection