@extends('layout.default')

@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="col-md-12">
                <h2>Config : {{$config->name}}</h2>
            </div>
        </div>
        <div class="col-sm-12">
            <form class="m-form" method="post">
            {{ csrf_field() }}
            <!--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">
                                {{$config->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', $config->name, array('placeholder'=> 'Entrer le nom du project','class' => 'form-control m-input')) }}
                            <!-- <span class="m-form__help">Please enter your full name</span> -->
                            </div>
                        </div>
                    </div>
                </div>
                <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">Configuration :</label>
                            <div class="col-lg-12">
                                <div class="container-fluid">
                            <ul class="row category-list draggable-zone">
                            @foreach($config->categs as $category)
                                <li class="col-md-4 category-elem draggable">
                                    <h4 class="draggable-handler">{{$category->name}}</h4>
                                    <ul class="category-item-list">
                                        @foreach($category->items as $item)

                                            <li class="item-line" title="@if($item->projectConfigItems->count() > 0) Cet item est utilisé dans un projet, vous ne pouvez pas le modifier @endif">
                                                <span class="item-name">{{$item->name}}</span>
                                                <span class="item-type">{{ Form::select('itemType', $itemTypes, $item->type, ['disabled' => $item->projectConfigItems->count() > 0]) }}</span>
                                            </li>
                                        @endforeach

                                        <div class="item-line item-line-add border border-purple m--padding-5">
                                            <h5>A venir</h5>
                                            <span class="item-name">{{ Form::text('newItemName', '', array('placeholder'=> 'Entrer le de votre élément','class' => 'form-control m-input')) }}</span>
                                            <span class="item-type">
                                                {{ Form::select('newItemType', $itemTypes, null) }}
                                                <span class="btn btn-primary item-add">+</span>
                                            </span>

                                        </div>
                                    </ul>
                                </li>


                            @endforeach
                            </ul>
                            <!-- <span class="m-form__help">Please enter your full name</span> -->
                                </div>
                            </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-->
            </form>
        </div>

    </div>
@endsection
@section('scripts')

{{--    <script src="{{ asset('plugins/custom/draggable/draggable.bundle.js') }}" type="text/javascript"></script> --}}
{{--    <script src="{{ asset('js/pages/features/cards/draggable.js') }}" type="text/javascript"></script> --}}
@endsection