@if($customFields)
    <h5 class="col-12 pb-4">{!! trans('lang.main_fields') !!}</h5>
@endif

<div class="d-flex flex-column col-sm-12 col-md-6">

    <!-- Name Field -->
    <div class="form-group align-items-baseline d-flex flex-column flex-md-row">
        {!! Form::label('name', trans("lang.language_name"), ['class' => 'col-md-3 control-label text-md-right mx-1']) !!}
        <div class="col-md-9">
            {!! Form::text('name', null, ['class' => 'form-control', 'placeholder' => trans("lang.language_name_placeholder")]) !!}
            <div class="form-text text-muted">{{ trans("lang.language_name_help") }}</div>
        </div>
    </div>

    <!-- Color Field -->
    <div class="form-group align-items-baseline d-flex flex-column flex-md-row">
        {!! Form::label('color', trans("lang.language_color"), ['class' => 'col-md-3 control-label text-md-right mx-1']) !!}
        <div class="col-md-9">
            {!! Form::text('color', null, ['class' => 'form-control', 'placeholder' => trans("lang.language_color_placeholder")]) !!}
            <div class="form-text text-muted">{{ trans("lang.language_color_help") }}</div>
        </div>
    </div>

    <!-- Image Field -->
    <div class="form-group align-items-start d-flex flex-column flex-md-row">
        {!! Form::label('image', trans("lang.language_image"), ['class' => 'col-md-3 control-label text-md-right mx-1']) !!}
        <div class="col-md-9">
            <div style="width: 100%" class="dropzone image" id="image" data-field="image">
                <input type="hidden" name="image">
            </div>
            <a href="#loadMediaModal" data-dropzone="image" data-toggle="modal" data-target="#mediaModal" class="btn btn-outline-{{ setting('theme_color','primary') }} btn-sm float-right mt-1">{{ trans('lang.media_select')}}</a>
            <div class="form-text text-muted w-50">{{ trans("lang.language_image_help") }}</div>
        </div>
    </div>

    <!-- Order Field -->
    <div class="form-group align-items-baseline d-flex flex-column flex-md-row">
        {!! Form::label('order', trans("lang.language_order"), ['class' => 'col-md-3 control-label text-md-right mx-1']) !!}
        <div class="col-md-9">
            {!! Form::number('order', null, ['class' => 'form-control', 'step' => '1', 'min' => '0', 'placeholder' => trans("lang.language_order_placeholder")]) !!}
            <div class="form-text text-muted">{{ trans("lang.language_order_help") }}</div>
        </div>
    </div>

    <!-- Parent Id Field -->
    <div class="form-group align-items-baseline d-flex flex-column flex-md-row">
        {!! Form::label('parent_id', trans("lang.language_parent_id"), ['class' => 'col-md-3 control-label text-md-right mx-1']) !!}
        <div class="col-md-9">
            {!! Form::select('parent_id', $parentLanguage, null, ['data-empty' => trans("lang.language_parent_id_placeholder"), 'class' => 'select2 not-required form-control']) !!}
            <div class="form-text text-muted">{{ trans("lang.language_parent_id_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 d-flex flex-column flex-md-row justify-content-md-end justify-content-sm-center border-top pt-4">
    <div class="d-flex flex-row justify-content-between align-items-center">
        {!! Form::label('featured', trans("lang.language_featured_help"), ['class' => 'control-label my-0 mx-3'], false) !!}
        {!! Form::hidden('featured', 0, ['id' => "hidden_featured"]) !!}
        <span class="icheck-{{ setting('theme_color') }}">
            {!! Form::checkbox('featured', 1, null, ['id' => 'featured']) !!}
            <label for="featured"></label>
        </span>
    </div>

    <button type="submit" class="btn bg-{{ setting('theme_color') }} mx-md-3 my-lg-0 my-xl-0 my-md-0 my-2">
        <i class="fa fa-save"></i> {{ trans('lang.save') }} {{ trans('lang.language') }}
    </button>

    <a href="{!! route('language.index') !!}" class="btn btn-default"><i class="fa fa-undo"></i> {{ trans('lang.cancel') }}</a>
</div>