@php
$languages = activeLanguages();
$page_code = isset($department) ? 'DEPARTMENT_' . $department->id : 'TMPSET';
@endphp
<div class="row">
    <div class="col-sm-12">
        <fieldset>
            <legend>General</legend>

            <ul class="nav nav-tabs" id="departmentGeneralLangTabs" role="tablist">
                @foreach ($languages as $language)
                <li class="nav-item">
                    <a class="nav-link{{ $language->default ? ' active' : '' }}" id="department-general-{{ $language->id }}-tab" data-toggle="tab" href="#department-general-{{ $language->id }}" role="tab">{{ getLanguageTranslation($language->name) }}</a>
                </li>
                @endforeach
            </ul>
            <div class="with-tabs">
                <div class="tab-content" id="departmentGeneralLangTabsContent">
                    @foreach ($languages as $language)
                    <div class="tab-pane fade{{ $language->default ? ' show active' : '' }}" id="department-general-{{ $language->id }}" role="tabpanel" aria-labelledby="department-general-{{ $language->id }}-tab">
                        <div class="form-group{{ $errors->has('name_' . $language->id) ? ' has-error' : '' }}">
                            {!! Form::label('name_' . $language->id, 'Full Name', ['class' => '']) !!}

                            {!! Form::text('name_' . $language->id, getLanguageTranslation(isset($department) ? $department->name : '', $language->id), ['class' => 'form-control', 'required', $disabledField]) !!}

                            <span class="help-block">
                                <strong>{{ $errors->first('name_' . $language->id) }}</strong>
                            </span>
                            {{ Form::hidden('name', strtoupper($page_code . '_name')) }}
                        </div>

                        <div class="form-group{{ $errors->has('sub_header_' . $language->id) ? ' has-error' : '' }}">
                            {!! Form::label('sub_header_' . $language->id, 'Sub Header', ['class' => '']) !!}

                            {!! Form::text('sub_header_' . $language->id, getLanguageTranslation(isset($department) ? $department->sub_header : '', $language->id), ['class' => 'form-control', $disabledField]) !!}

                            <span class="help-block">
                                <strong>{{ $errors->first('sub_header_' . $language->id) }}</strong>
                            </span>
                            {{ Form::hidden('sub_header', strtoupper($page_code . '_sub_header')) }}
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>
            <div class="row">
                <div class="col-3">
                    <div class="form-group{{ $errors->has('order') ? ' has-error' : '' }}">
                        {!! Html::decode(Form::label('order', 'Order <i class="fa fa-info-circle" data-toggle="collapse" data-target="#order_tip"></i>', ['class' => ''])) !!}

                        <div id="order_tip" class="collapse pb-2">
                            <span class="text-info">
                                <strong><i class="far fa-lightbulb"></i></strong> 
                                This is to set the order of departments when they appear in the About page in the website
                            </span>
                        </div>

                        {!! Form::number('order', isset($department) ? $department->order : '', ['class' => 'form-control', 'required', $disabledField]) !!}

                        <span class="help-block">
                            <strong>{{ $errors->first('order') }}</strong>
                        </span>
                    </div>
                </div>
                <div class="col-9"></div>
            </div>
        </fieldset>
    </div>
</div>