@extends('layouts.bo')

@section('content')
    <form class="m-form" method="post">
        {{ csrf_field() }}
    <div class="row">
        <div class="col-lg-6">

            <!--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">
                                {{$component->name}}
                            </h3>
                        </div>
                    </div>
                </div>
                <!--begin::Form-->
                <form class="m-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', $component->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', $component->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">Multiple :</label>
                                <div class="col-lg-6">
                                    <label class="m-checkbox m-checkbox--bold m-checkbox--state-brand">

                                        <input
                                                @if($component->multiple))
                                                checked="checked"
                                                @endif
                                                name="multiple"
                                                value="1"
                                                autocomplete="off"
                                                type="checkbox"> Le client peut choisir plusieurs options


                                        <span></span>
                                    </label>
                                    <!-- <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">Min :</label>
                                <div class="col-lg-6">
                                {{ Form::text('min', $component->min, array('placeholder'=> 'Entrer le nombre minimum de valeur','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">Max :</label>
                                <div class="col-lg-6">
                                {{ Form::text('max', $component->max, array('placeholder'=> 'Entrer le nombre maximum de valeur','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>
                </form>
                <!--end::Form-->
            </div>
            <!--end::Portlet-->
        </div>

        <div class="col-xl-6">
            <!--begin:: Widgets/User Progress -->
            <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">
                                Valeurs de l'option
                            </h3>
                        </div>
                    </div>
                </div>
                <div class="m-portlet__body">
                    <div class="tab-content">
                        <div class="tab-pane active" id="m_widget4_tab1_content">
                            <div class="m-widget4 m-widget4--progress">


                                    <div id="m_repeater_3">
                                        <div class="form-group  m-form__group row">
                                            <div data-repeater-list="values[new]" class="col-lg-12">
                                                @foreach ($component->values as $value)
                                                <div class="repeater-item row m--margin-bottom-10">
                                                    <div class="col-md-5">
                                                        {{ Form::text('values['.$value->id.'][name]', $value->name, array('placeholder'=> 'Nom','class' => 'form-control m-input')) }}
                                                    </div>
                                                    <div class="col-md-5">

                                                            <div class="input-group">
                                                                {{ Form::text('values['.$value->id.'][price]', $value->price, array('placeholder'=> 'Gratuit','class' => 'form-control m-input')) }}
                                                                <div class="input-group-append"><span class="input-group-text" id="basic-addon2">€</span></div>
                                                            </div>
                                                    </div>
                                                    <!--<div class="col-md-2">
                                                        <div href="#" data-repeater-delete="" class="btn btn-danger m-btn m-btn--icon m-btn--icon-only">
                                                            <i class="la la-remove"></i>
                                                        </div>
                                                    </div>-->
                                                </div>
                                            @endforeach
                                                <div data-repeater-item class="repeater-item row m--margin-bottom-10">
                                                    <div class="col-md-5">

                                                        {{ Form::text('values[0][new][0][name]', null, array('placeholder'=> 'Nom','class' => 'form-control m-input')) }}
                                                    </div>
                                                    <div class="col-md-5">
                                                        <div class="input-group">
                                                            {{ Form::text('values[new][0][price]', null, array('placeholder'=> 'Gratuit','class' => 'form-control m-input')) }}
                                                            <div class="input-group-append"><span class="input-group-text" id="basic-addon2">€</span></div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2">
                                                        <div href="#" data-repeater-delete="" class="btn btn-danger m-btn m-btn--icon m-btn--icon-only">
                                                            <i class="la la-remove"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                        </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-lg-3"></div>
                                            <div class="col">
                                                <div data-repeater-create="" class="btn btn btn-primary m-btn m-btn--icon">
                                        <span>
                                            <i class="la la-plus"></i>
                                            <span>Add</span>
                                        </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                            </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--end:: Widgets/User Progress -->
        </div>
    </div>
    </form>
@endsection