{!! Theme::section('community.pannel.cms.pages-menu',['subpage'=>'forms']) !!}

<br />
	<h4>Edit "{{$form->title}}" Form Field</h4>
<br />

<form class="form-horizontal" action="" method="post">
    {{ csrf_field() }}
    <div class="form-group">
            <label class="col-sm-4">{{trans('user.custom-field-name')}}</label>
            <div class="col-sm-7">
                <input type="text" class="form-control" value="{{$field->name}}" name="val[name]"/>
            </div>
    </div>

    <div class="form-group">
            <label class="col-sm-4">{{trans('user.custom-field-description')}}</label>
            <div class="col-sm-7">
                <input type="text" class="form-control" value="{{$field->description}}" name="val[description]"/>
            </div>
    </div>

    <div class="form-group">
            <label class="col-sm-4">{{trans('user.custom-field-type')}}</label>
            <div class="col-sm-7">
                <select id="custom-field-type" class="form-control" name="val[field_type]">
                    <option {{($field->field_type == 'text') ? 'selected' : null}} value="text">Text Field</option>
                    <option {{($field->field_type == 'textarea') ? 'selected' : null}} value="textarea">Textarea (long text)</option>
                    <option {{($field->field_type == 'selection') ? 'selected' : null}} value="selection">Selections</option>
                    <option {{($field->field_type == 'file') ? 'selected' : null}} value="file">File Upload</option>
                </select>

                <div style="{{($field->field_type == 'selection') ? 'display: block' : 'display:none'}}" class="" id="selection-field-container">
                    <label >{{trans('user.custom-field-options')}}</label>

                    @if ($field->field_type == 'selection')
                                                @foreach($options as $option)
                            <input style="margin: 10px 0" class="form-control" type="text" name="val[options][]" value="{{$option}}" placeholder="Enter option"/>
                        @endforeach
                    @else
                        <input style="margin: 10px 0" class="form-control" type="text" name="val[options][]" placeholder="Enter option"/>
                    @endif

                    <a style="margin-top: 20px;top: 20px" href=""> <i class="icon ion-android-add"></i> Add more options</a>
                </div>
            </div>
    </div>
    
    <div class="form-group">
        <div class="col-sm-11">
          <button type="submit" class="btn btn-sm btn-success pull-right">Save</button>
        </div>
    </div>

</form>
   
<br />