@php
$languages = activeLanguages();
$page_code = isset($team_member) ? 'TEAM_MEMBER_' . $team_member->id : 'TMPSET';
@endphp
<div class="row">
    <div class="col-sm-8">
        <fieldset>
            <legend>General</legend>
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group{{ $errors->has('departments_id') ? ' has-error' : '' }}">
                        {!! Form::label('departments_id', 'Department', ['class' => '']) !!}

                        {!! Form::select('departments_id', $departments, null, ['class' => 'form-control', 'required', 'autofocus', $disabledField]) !!}

                        <span class="help-block">
                            <strong>{{ $errors->first('departments_id') }}</strong>
                        </span>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group{{ $errors->has('order') ? ' has-error' : '' }}">
                        {!! Form::label('order', 'Order on Website', ['class' => '']) !!}

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

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

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

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

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

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

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

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

                        <div class="form-group{{ $errors->has('short_description_' . $language->id) ? ' has-error' : '' }}">
                            {!! Form::label('short_description_' . $language->id, 'Short Description (max 116 chars)', ['class' => '']) !!}

                            {!! Form::textarea('short_description_' . $language->id, getLanguageTranslation(isset($team_member) ? $team_member->short_description : '', $language->id), ['class' => 'form-control', 'required', 'rows' => 3, 'maxlength' => '116', $disabledField]) !!}

                            <span class="help-block">
                                <strong>{{ $errors->first('short_description_' . $language->id) }}</strong>
                            </span>
                            {{ Form::hidden('short_description', strtoupper($page_code . '_short_description')) }}
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>

            <div class="form-group{{ $errors->has('show_on_web') ? ' has-error' : '' }}">
                <div class="custom-control custom-checkbox">
                    {!! Form::checkbox('show_on_web', null, null, ['id' => 'show_on_web', 'class' => 'custom-control-input', $disabledField]) !!}
                    {!! Form::label('show_on_web', 'Show on website', ['class' => 'custom-control-label']) !!}
                </div>
            </div>
        </fieldset>
        <fieldset>
            <legend>Social Media</legend>
            <div class="form-group{{ $errors->has('facebook_url') ? ' has-error' : '' }}">
                {!! Form::label('facebook_url', 'Facebook Url', ['class' => '']) !!}

                {!! Form::text('facebook_url', null, ['class' => 'form-control', $disabledField]) !!}

                <span class="help-block">
                    <strong>{{ $errors->first('facebook_url') }}</strong>
                </span>
            </div>
            <div class="form-group{{ $errors->has('twitter_url') ? ' has-error' : '' }}">
                {!! Form::label('twitter_url', 'Twitter Url', ['class' => '']) !!}

                {!! Form::text('twitter_url', null, ['class' => 'form-control', $disabledField]) !!}

                <span class="help-block">
                    <strong>{{ $errors->first('twitter_url') }}</strong>
                </span>
            </div>
            <div class="form-group{{ $errors->has('linkedin_url') ? ' has-error' : '' }}">
                {!! Form::label('linkedin_url', 'Linkedin Url', ['class' => '']) !!}

                {!! Form::text('linkedin_url', null, ['class' => 'form-control', $disabledField]) !!}

                <span class="help-block">
                    <strong>{{ $errors->first('linkedin_url') }}</strong>
                </span>
            </div>
            <div class="form-group{{ $errors->has('instagram_url') ? ' has-error' : '' }}">
                {!! Form::label('instagram_url', 'Instagram Url', ['class' => '']) !!}

                {!! Form::text('instagram_url', null, ['class' => 'form-control', $disabledField]) !!}

                <span class="help-block">
                    <strong>{{ $errors->first('instagram_url') }}</strong>
                </span>
            </div>
            <div class="form-group{{ $errors->has('youtube_url') ? ' has-error' : '' }}">
                {!! Form::label('youtube_url', 'Youtube Url', ['class' => '']) !!}

                {!! Form::text('youtube_url', null, ['class' => 'form-control', $disabledField]) !!}

                <span class="help-block">
                    <strong>{{ $errors->first('youtube_url') }}</strong>
                </span>
            </div>
        </fieldset>
    </div>
    <div class="col-sm-4">
        @include('media::layouts.field', [
        'initialImg' => $has_img,
        'name' => 'team_member_image',
        'withPreview' => true,
        'disabledField' => $disabledField,
        'imgSrc' => $team_member_img,
        'fieldset' => [
        'legend' => 'Image',
        'tip' => '<strong>Image rules:</strong><br />Preferred dimenssions: 1024x1024 pixels'
        ]
        ])
    </div>
</div>

<div class="form-group row">
    <div class="col-sm-12">
        <fieldset>
            <legend>Full Description/Bio</legend>
            <ul class="nav nav-tabs" id="contentLangTabs" role="tablist">
                @foreach ($languages as $language)
                <li class="nav-item">
                    <a class="nav-link{{ $language->default ? ' active' : '' }}" id="team_member-content-{{ $language->id }}-tab" data-toggle="tab" href="#team_member-content-{{ $language->id }}" role="tab">{{ getLanguageTranslation($language->name) }}</a>
                </li>
                @endforeach
            </ul>
            <div class="with-tabs">
                <div class="tab-content" id="contentLangTabsContent">
                    @foreach ($languages as $language)
                    <div class="tab-pane fade{{ $language->default ? ' show active' : '' }}" id="team_member-content-{{ $language->id }}" role="tabpanel" aria-labelledby="team_member-content-{{ $language->id }}-tab">
                        <div class="{{ $errors->has('description_' . $language->id) ? ' has-error' : '' }}">
                            {!! Form::textarea('description_' . $language->id, getLanguageTranslation(isset($team_member) ? $team_member->description : '', $language->id), ['id' => 'team_member-description-ckeditor-' . $language->id, 'class' => 'form-control', $disabledField]) !!}

                            <span class="help-block">
                                <strong>{{ $errors->first('description_' . $language->id) }}</strong>
                            </span>
                            {{ Form::hidden('description', strtoupper($page_code . '_description')) }}
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>
        </fieldset>
    </div>
</div>

<script type="">
    var languages = {!! json_encode($languages) !!};
</script>

@push('scripts')
<script src="{{ asset('ckeditor/src/ckeditor.js') }}"></script>
<script>
    $(document).ready(function() {
        for (var i in languages) {
            CKEDITOR.replace('team_member-description-ckeditor-' + i);
        }
    });
</script>
@endpush