@if($customFields)
    <h5 class="col-12 pb-4">{!! trans('lang.main_fields') !!}</h5>
@endif
<div style="flex: 50%;max-width: 50%;padding: 0 4px;" class="column">
    <!-- Title Field -->
    <div class="form-group row ">
        {!! Form::label('title', trans("lang.option_title"), ['class' => 'col-3 control-label text-right']) !!}
        <div class="col-9">
            {!! Form::text('title', null,  ['class' => 'form-control','placeholder'=>  trans("lang.option_title_placeholder")]) !!}
            <div class="form-text text-muted">
                {{ trans("lang.option_title_help") }}
            </div>
        </div>
    </div>

    <!-- Description Field -->
    <div class="form-group row ">
        {!! Form::label('description', trans("lang.option_description"), ['class' => 'col-3 control-label text-right']) !!}
        <div class="col-9">
            {!! Form::text('description', null,  ['class' => 'form-control','placeholder'=>  trans("lang.option_description_placeholder")]) !!}
            <div class="form-text text-muted">
                {{ trans("lang.option_description_help") }}
            </div>
        </div>
    </div>

    <!-- Price Field -->
    <div class="form-group row ">
        {!! Form::label('price', trans("lang.option_price"), ['class' => 'col-3 control-label text-right']) !!}
        <div class="col-9">
            {!! Form::text('price', null,  ['class' => 'form-control','placeholder'=>  trans("lang.option_price_placeholder")]) !!}
            <div class="form-text text-muted">
                {{ trans("lang.option_price_help") }}
            </div>
        </div>
    </div>

    <!-- Old Price Field -->
    <div class="form-group row ">
        {!! Form::label('old_price', trans("lang.option_old_price"), ['class' => 'col-3 control-label text-right']) !!}
        <div class="col-9">
            {!! Form::text('old_price', null,  ['class' => 'form-control','placeholder'=>  trans("lang.option_old_price_placeholder")]) !!}
            <div class="form-text text-muted">
                {{ trans("lang.option_old_price_help") }}
            </div>
        </div>
    </div>
</div>
<div style="flex: 50%;max-width: 50%;padding: 0 4px;" class="column">

    <!-- Order Field -->
    <div class="form-group row ">
        {!! Form::label('order', trans("lang.option_order"), ['class' => 'col-3 control-label text-right']) !!}
        <div class="col-9">
            {!! Form::number('order', null,  ['class' => 'form-control','placeholder'=>  trans("lang.option_order_placeholder")]) !!}
            <div class="form-text text-muted">
                {{ trans("lang.option_order_help") }}
            </div>
        </div>
    </div>
    @role('admin')
    <!-- Glass Id Field -->
    <div class="form-group row ">
        {!! Form::label('glass_id', trans("lang.option_glass_id"),['class' => 'col-3 control-label text-right']) !!}
        <div class="col-9">
            {!! Form::select('glass_id', $glass, null, ['class' => 'select2 form-control']) !!}
            <div class="form-text text-muted">{{ trans("lang.option_glass_id_help") }}</div>
        </div>
    </div>
    @endrole
    @role('admin')
    <!-- Details Field -->
    <div class="form-group row ">
        {!! Form::label('details[]', trans("lang.option_details"),['class' => 'col-3 control-label text-right']) !!}
        <div class="col-9">
            {!! Form::select('details[]', $detail, $detailsSelected, ['class' => 'select2 form-control' , 'multiple'=>'multiple']) !!}
            <div class="form-text text-muted">{{ trans("lang.option_details_help") }}</div>
        </div>
    </div>
    @endrole

    <!-- Properties Field -->
    <div class="form-group row ">
        {!! Form::label('properties[]', trans("lang.option_properties"),['class' => 'col-3 control-label text-right']) !!}
        <div class="col-9">
            {!! Form::select('properties[]', $property, $propertiesSelected, ['class' => 'select2 form-control' , 'multiple'=>'multiple']) !!}
            <div class="form-text text-muted">{{ trans("lang.option_properties_help") }}</div>
        </div>
    </div>

</div>
@if($customFields)
    <div class="clearfix"></div>
    <div class="col-12 custom-field-container">
        <h5 class="col-12 pb-4">{!! trans('lang.custom_field_plural') !!}</h5>
        {!! $customFields !!}
    </div>
@endif
<!-- Submit Field -->
<div class="form-group col-12 text-right">
    <button type="submit" class="btn btn-{{setting('theme_color')}}"><i class="fa fa-save"></i> {{trans('lang.save')}} {{trans('lang.option')}}</button>
    <a href="{!! route('options.index') !!}" class="btn btn-default"><i class="fa fa-undo"></i> {{trans('lang.cancel')}}</a>
</div>