@extends('layouts.frontend')
@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-12">

            <div class="card">
                <div class="card-header">
                    {{ trans('global.create') }} {{ trans('cruds.profile.title_singular') }}
                </div>

                <div class="card-body">
                    <form method="POST" action="{{ route("frontend.profiles.store") }}" enctype="multipart/form-data">
                        @method('POST')
                        @csrf
                        <div class="form-group">
                            <label for="user_id">{{ trans('cruds.profile.fields.user') }}</label>
                            <select class="form-control select2" name="user_id" id="user_id">
                                @foreach($users as $id => $user)
                                    <option value="{{ $id }}" {{ old('user_id') == $id ? 'selected' : '' }}>{{ $user }}</option>
                                @endforeach
                            </select>
                            @if($errors->has('user'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('user') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.user_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <label for="avatar">{{ trans('cruds.profile.fields.avatar') }}</label>
                            <div class="needsclick dropzone" id="avatar-dropzone">
                            </div>
                            @if($errors->has('avatar'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('avatar') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.avatar_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <label for="motto">{{ trans('cruds.profile.fields.motto') }}</label>
                            <input class="form-control" type="text" name="motto" id="motto" value="{{ old('motto', '') }}">
                            @if($errors->has('motto'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('motto') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.motto_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <label for="facebook">{{ trans('cruds.profile.fields.facebook') }}</label>
                            <input class="form-control" type="text" name="facebook" id="facebook" value="{{ old('facebook', '') }}">
                            @if($errors->has('facebook'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('facebook') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.facebook_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <label for="instagram">{{ trans('cruds.profile.fields.instagram') }}</label>
                            <input class="form-control" type="text" name="instagram" id="instagram" value="{{ old('instagram', '') }}">
                            @if($errors->has('instagram'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('instagram') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.instagram_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <label for="twitter">{{ trans('cruds.profile.fields.twitter') }}</label>
                            <input class="form-control" type="text" name="twitter" id="twitter" value="{{ old('twitter', '') }}">
                            @if($errors->has('twitter'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('twitter') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.twitter_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <label for="linkedin">{{ trans('cruds.profile.fields.linkedin') }}</label>
                            <input class="form-control" type="text" name="linkedin" id="linkedin" value="{{ old('linkedin', '') }}">
                            @if($errors->has('linkedin'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('linkedin') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.linkedin_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <label for="nickname">{{ trans('cruds.profile.fields.nickname') }}</label>
                            <input class="form-control" type="text" name="nickname" id="nickname" value="{{ old('nickname', '') }}">
                            @if($errors->has('nickname'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('nickname') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.nickname_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <label for="birthplace">{{ trans('cruds.profile.fields.birthplace') }}</label>
                            <input class="form-control" type="text" name="birthplace" id="birthplace" value="{{ old('birthplace', '') }}">
                            @if($errors->has('birthplace'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('birthplace') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.birthplace_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <label for="birthdate">{{ trans('cruds.profile.fields.birthdate') }}</label>
                            <input class="form-control date" type="text" name="birthdate" id="birthdate" value="{{ old('birthdate') }}">
                            @if($errors->has('birthdate'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('birthdate') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.birthdate_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <label for="address">{{ trans('cruds.profile.fields.address') }}</label>
                            <input class="form-control" type="text" name="address" id="address" value="{{ old('address', '') }}">
                            @if($errors->has('address'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('address') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.address_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <label for="village_id">{{ trans('cruds.profile.fields.village') }}</label>
                            <select class="form-control select2" name="village_id" id="village_id">
                                @foreach($villages as $id => $village)
                                    <option value="{{ $id }}" {{ old('village_id') == $id ? 'selected' : '' }}>{{ $village }}</option>
                                @endforeach
                            </select>
                            @if($errors->has('village'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('village') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.village_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <label for="district_id">{{ trans('cruds.profile.fields.district') }}</label>
                            <select class="form-control select2" name="district_id" id="district_id">
                                @foreach($districts as $id => $district)
                                    <option value="{{ $id }}" {{ old('district_id') == $id ? 'selected' : '' }}>{{ $district }}</option>
                                @endforeach
                            </select>
                            @if($errors->has('district'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('district') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.district_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <label for="city_id">{{ trans('cruds.profile.fields.city') }}</label>
                            <select class="form-control select2" name="city_id" id="city_id">
                                @foreach($cities as $id => $city)
                                    <option value="{{ $id }}" {{ old('city_id') == $id ? 'selected' : '' }}>{{ $city }}</option>
                                @endforeach
                            </select>
                            @if($errors->has('city'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('city') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.city_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <label for="province_id">{{ trans('cruds.profile.fields.province') }}</label>
                            <select class="form-control select2" name="province_id" id="province_id">
                                @foreach($provinces as $id => $province)
                                    <option value="{{ $id }}" {{ old('province_id') == $id ? 'selected' : '' }}>{{ $province }}</option>
                                @endforeach
                            </select>
                            @if($errors->has('province'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('province') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.province_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <label for="postal_code">{{ trans('cruds.profile.fields.postal_code') }}</label>
                            <input class="form-control" type="text" name="postal_code" id="postal_code" value="{{ old('postal_code', '') }}">
                            @if($errors->has('postal_code'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('postal_code') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.postal_code_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <label for="occupations">{{ trans('cruds.profile.fields.occupation') }}</label>
                            <div style="padding-bottom: 4px">
                                <span class="btn btn-info btn-xs select-all" style="border-radius: 0">{{ trans('global.select_all') }}</span>
                                <span class="btn btn-info btn-xs deselect-all" style="border-radius: 0">{{ trans('global.deselect_all') }}</span>
                            </div>
                            <select class="form-control select2" name="occupations[]" id="occupations" multiple>
                                @foreach($occupations as $id => $occupation)
                                    <option value="{{ $id }}" {{ in_array($id, old('occupations', [])) ? 'selected' : '' }}>{{ $occupation }}</option>
                                @endforeach
                            </select>
                            @if($errors->has('occupations'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('occupations') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.occupation_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <label>{{ trans('cruds.profile.fields.marriage_status') }}</label>
                            @foreach(App\Models\Profile::MARRIAGE_STATUS_RADIO as $key => $label)
                                <div>
                                    <input type="radio" id="marriage_status_{{ $key }}" name="marriage_status" value="{{ $key }}" {{ old('marriage_status', 'single') === (string) $key ? 'checked' : '' }}>
                                    <label for="marriage_status_{{ $key }}">{{ $label }}</label>
                                </div>
                            @endforeach
                            @if($errors->has('marriage_status'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('marriage_status') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.marriage_status_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <label for="marriage_date">{{ trans('cruds.profile.fields.marriage_date') }}</label>
                            <input class="form-control date" type="text" name="marriage_date" id="marriage_date" value="{{ old('marriage_date') }}">
                            @if($errors->has('marriage_date'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('marriage_date') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.marriage_date_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <label for="father_name">{{ trans('cruds.profile.fields.father_name') }}</label>
                            <input class="form-control" type="text" name="father_name" id="father_name" value="{{ old('father_name', '') }}">
                            @if($errors->has('father_name'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('father_name') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.father_name_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <label for="father_occupation_id">{{ trans('cruds.profile.fields.father_occupation') }}</label>
                            <select class="form-control select2" name="father_occupation_id" id="father_occupation_id">
                                @foreach($father_occupations as $id => $father_occupation)
                                    <option value="{{ $id }}" {{ old('father_occupation_id') == $id ? 'selected' : '' }}>{{ $father_occupation }}</option>
                                @endforeach
                            </select>
                            @if($errors->has('father_occupation'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('father_occupation') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.father_occupation_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <label for="mother_name">{{ trans('cruds.profile.fields.mother_name') }}</label>
                            <input class="form-control" type="text" name="mother_name" id="mother_name" value="{{ old('mother_name', '') }}">
                            @if($errors->has('mother_name'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('mother_name') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.mother_name_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <label for="mother_occupation_id">{{ trans('cruds.profile.fields.mother_occupation') }}</label>
                            <select class="form-control select2" name="mother_occupation_id" id="mother_occupation_id">
                                @foreach($mother_occupations as $id => $mother_occupation)
                                    <option value="{{ $id }}" {{ old('mother_occupation_id') == $id ? 'selected' : '' }}>{{ $mother_occupation }}</option>
                                @endforeach
                            </select>
                            @if($errors->has('mother_occupation'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('mother_occupation') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.mother_occupation_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <label for="spouse_name">{{ trans('cruds.profile.fields.spouse_name') }}</label>
                            <input class="form-control" type="text" name="spouse_name" id="spouse_name" value="{{ old('spouse_name', '') }}">
                            @if($errors->has('spouse_name'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('spouse_name') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.spouse_name_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <label for="spouse_occupation_id">{{ trans('cruds.profile.fields.spouse_occupation') }}</label>
                            <select class="form-control select2" name="spouse_occupation_id" id="spouse_occupation_id">
                                @foreach($spouse_occupations as $id => $spouse_occupation)
                                    <option value="{{ $id }}" {{ old('spouse_occupation_id') == $id ? 'selected' : '' }}>{{ $spouse_occupation }}</option>
                                @endforeach
                            </select>
                            @if($errors->has('spouse_occupation'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('spouse_occupation') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.spouse_occupation_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <label for="parent_phone_number">{{ trans('cruds.profile.fields.parent_phone_number') }}</label>
                            <input class="form-control" type="text" name="parent_phone_number" id="parent_phone_number" value="{{ old('parent_phone_number', '') }}">
                            @if($errors->has('parent_phone_number'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('parent_phone_number') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.parent_phone_number_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <label for="spouse_phone_number">{{ trans('cruds.profile.fields.spouse_phone_number') }}</label>
                            <input class="form-control" type="text" name="spouse_phone_number" id="spouse_phone_number" value="{{ old('spouse_phone_number', '') }}">
                            @if($errors->has('spouse_phone_number'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('spouse_phone_number') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.spouse_phone_number_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <label for="number_of_siblings">{{ trans('cruds.profile.fields.number_of_siblings') }}</label>
                            <input class="form-control" type="text" name="number_of_siblings" id="number_of_siblings" value="{{ old('number_of_siblings', '') }}">
                            @if($errors->has('number_of_siblings'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('number_of_siblings') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.number_of_siblings_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <label for="order_in_siblings">{{ trans('cruds.profile.fields.order_in_siblings') }}</label>
                            <input class="form-control" type="text" name="order_in_siblings" id="order_in_siblings" value="{{ old('order_in_siblings', '') }}">
                            @if($errors->has('order_in_siblings'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('order_in_siblings') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.order_in_siblings_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <label for="personal_website">{{ trans('cruds.profile.fields.personal_website') }}</label>
                            <input class="form-control" type="text" name="personal_website" id="personal_website" value="{{ old('personal_website', '') }}">
                            @if($errors->has('personal_website'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('personal_website') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.personal_website_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <label for="income">{{ trans('cruds.profile.fields.income') }}</label>
                            <input class="form-control" type="text" name="income" id="income" value="{{ old('income', '') }}">
                            @if($errors->has('income'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('income') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.income_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <label>{{ trans('cruds.profile.fields.skin_color') }}</label>
                            <select class="form-control" name="skin_color" id="skin_color">
                                <option value disabled {{ old('skin_color', null) === null ? 'selected' : '' }}>{{ trans('global.pleaseSelect') }}</option>
                                @foreach(App\Models\Profile::SKIN_COLOR_SELECT as $key => $label)
                                    <option value="{{ $key }}" {{ old('skin_color', '') === (string) $key ? 'selected' : '' }}>{{ $label }}</option>
                                @endforeach
                            </select>
                            @if($errors->has('skin_color'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('skin_color') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.skin_color_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <label for="weight">{{ trans('cruds.profile.fields.weight') }}</label>
                            <input class="form-control" type="text" name="weight" id="weight" value="{{ old('weight', '') }}">
                            @if($errors->has('weight'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('weight') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.weight_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <label for="height">{{ trans('cruds.profile.fields.height') }}</label>
                            <input class="form-control" type="text" name="height" id="height" value="{{ old('height', '') }}">
                            @if($errors->has('height'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('height') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.height_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <label for="tribe">{{ trans('cruds.profile.fields.tribe') }}</label>
                            <input class="form-control" type="text" name="tribe" id="tribe" value="{{ old('tribe', '') }}">
                            @if($errors->has('tribe'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('tribe') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.tribe_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <label for="hobbies">{{ trans('cruds.profile.fields.hobbies') }}</label>
                            <div style="padding-bottom: 4px">
                                <span class="btn btn-info btn-xs select-all" style="border-radius: 0">{{ trans('global.select_all') }}</span>
                                <span class="btn btn-info btn-xs deselect-all" style="border-radius: 0">{{ trans('global.deselect_all') }}</span>
                            </div>
                            <select class="form-control select2" name="hobbies[]" id="hobbies" multiple>
                                @foreach($hobbies as $id => $hobbies)
                                    <option value="{{ $id }}" {{ in_array($id, old('hobbies', [])) ? 'selected' : '' }}>{{ $hobbies }}</option>
                                @endforeach
                            </select>
                            @if($errors->has('hobbies'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('hobbies') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.hobbies_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <label for="skills">{{ trans('cruds.profile.fields.skills') }}</label>
                            <div style="padding-bottom: 4px">
                                <span class="btn btn-info btn-xs select-all" style="border-radius: 0">{{ trans('global.select_all') }}</span>
                                <span class="btn btn-info btn-xs deselect-all" style="border-radius: 0">{{ trans('global.deselect_all') }}</span>
                            </div>
                            <select class="form-control select2" name="skills[]" id="skills" multiple>
                                @foreach($skills as $id => $skills)
                                    <option value="{{ $id }}" {{ in_array($id, old('skills', [])) ? 'selected' : '' }}>{{ $skills }}</option>
                                @endforeach
                            </select>
                            @if($errors->has('skills'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('skills') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.skills_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <label for="organization_histories">{{ trans('cruds.profile.fields.organization_histories') }}</label>
                            <div style="padding-bottom: 4px">
                                <span class="btn btn-info btn-xs select-all" style="border-radius: 0">{{ trans('global.select_all') }}</span>
                                <span class="btn btn-info btn-xs deselect-all" style="border-radius: 0">{{ trans('global.deselect_all') }}</span>
                            </div>
                            <select class="form-control select2" name="organization_histories[]" id="organization_histories" multiple>
                                @foreach($organization_histories as $id => $organization_histories)
                                    <option value="{{ $id }}" {{ in_array($id, old('organization_histories', [])) ? 'selected' : '' }}>{{ $organization_histories }}</option>
                                @endforeach
                            </select>
                            @if($errors->has('organization_histories'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('organization_histories') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.organization_histories_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <label for="internal_activities">{{ trans('cruds.profile.fields.internal_activities') }}</label>
                            <div style="padding-bottom: 4px">
                                <span class="btn btn-info btn-xs select-all" style="border-radius: 0">{{ trans('global.select_all') }}</span>
                                <span class="btn btn-info btn-xs deselect-all" style="border-radius: 0">{{ trans('global.deselect_all') }}</span>
                            </div>
                            <select class="form-control select2" name="internal_activities[]" id="internal_activities" multiple>
                                @foreach($internal_activities as $id => $internal_activities)
                                    <option value="{{ $id }}" {{ in_array($id, old('internal_activities', [])) ? 'selected' : '' }}>{{ $internal_activities }}</option>
                                @endforeach
                            </select>
                            @if($errors->has('internal_activities'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('internal_activities') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.internal_activities_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <label for="external_activities">{{ trans('cruds.profile.fields.external_activities') }}</label>
                            <div style="padding-bottom: 4px">
                                <span class="btn btn-info btn-xs select-all" style="border-radius: 0">{{ trans('global.select_all') }}</span>
                                <span class="btn btn-info btn-xs deselect-all" style="border-radius: 0">{{ trans('global.deselect_all') }}</span>
                            </div>
                            <select class="form-control select2" name="external_activities[]" id="external_activities" multiple>
                                @foreach($external_activities as $id => $external_activities)
                                    <option value="{{ $id }}" {{ in_array($id, old('external_activities', [])) ? 'selected' : '' }}>{{ $external_activities }}</option>
                                @endforeach
                            </select>
                            @if($errors->has('external_activities'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('external_activities') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.external_activities_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <label for="education_histories">{{ trans('cruds.profile.fields.education_histories') }}</label>
                            <div style="padding-bottom: 4px">
                                <span class="btn btn-info btn-xs select-all" style="border-radius: 0">{{ trans('global.select_all') }}</span>
                                <span class="btn btn-info btn-xs deselect-all" style="border-radius: 0">{{ trans('global.deselect_all') }}</span>
                            </div>
                            <select class="form-control select2" name="education_histories[]" id="education_histories" multiple>
                                @foreach($education_histories as $id => $education_histories)
                                    <option value="{{ $id }}" {{ in_array($id, old('education_histories', [])) ? 'selected' : '' }}>{{ $education_histories }}</option>
                                @endforeach
                            </select>
                            @if($errors->has('education_histories'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('education_histories') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.education_histories_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <label for="work_histories">{{ trans('cruds.profile.fields.work_histories') }}</label>
                            <div style="padding-bottom: 4px">
                                <span class="btn btn-info btn-xs select-all" style="border-radius: 0">{{ trans('global.select_all') }}</span>
                                <span class="btn btn-info btn-xs deselect-all" style="border-radius: 0">{{ trans('global.deselect_all') }}</span>
                            </div>
                            <select class="form-control select2" name="work_histories[]" id="work_histories" multiple>
                                @foreach($work_histories as $id => $work_histories)
                                    <option value="{{ $id }}" {{ in_array($id, old('work_histories', [])) ? 'selected' : '' }}>{{ $work_histories }}</option>
                                @endforeach
                            </select>
                            @if($errors->has('work_histories'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('work_histories') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.work_histories_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <label for="businesses">{{ trans('cruds.profile.fields.business') }}</label>
                            <div style="padding-bottom: 4px">
                                <span class="btn btn-info btn-xs select-all" style="border-radius: 0">{{ trans('global.select_all') }}</span>
                                <span class="btn btn-info btn-xs deselect-all" style="border-radius: 0">{{ trans('global.deselect_all') }}</span>
                            </div>
                            <select class="form-control select2" name="businesses[]" id="businesses" multiple>
                                @foreach($businesses as $id => $business)
                                    <option value="{{ $id }}" {{ in_array($id, old('businesses', [])) ? 'selected' : '' }}>{{ $business }}</option>
                                @endforeach
                            </select>
                            @if($errors->has('businesses'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('businesses') }}
                                </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.profile.fields.business_helper') }}</span>
                        </div>
                        <div class="form-group">
                            <button class="btn btn-danger" type="submit">
                                {{ trans('global.save') }}
                            </button>
                        </div>
                    </form>
                </div>
            </div>

        </div>
    </div>
</div>
@endsection

@section('scripts')
<script>
    Dropzone.options.avatarDropzone = {
    url: '{{ route('frontend.profiles.storeMedia') }}',
    maxFilesize: 2, // MB
    acceptedFiles: '.jpeg,.jpg,.png,.gif',
    maxFiles: 1,
    addRemoveLinks: true,
    headers: {
      'X-CSRF-TOKEN': "{{ csrf_token() }}"
    },
    params: {
      size: 2,
      width: 4096,
      height: 4096
    },
    success: function (file, response) {
      $('form').find('input[name="avatar"]').remove()
      $('form').append('<input type="hidden" name="avatar" value="' + response.name + '">')
    },
    removedfile: function (file) {
      file.previewElement.remove()
      if (file.status !== 'error') {
        $('form').find('input[name="avatar"]').remove()
        this.options.maxFiles = this.options.maxFiles + 1
      }
    },
    init: function () {
@if(isset($profile) && $profile->avatar)
      var file = {!! json_encode($profile->avatar) !!}
          this.options.addedfile.call(this, file)
      this.options.thumbnail.call(this, file, file.preview)
      file.previewElement.classList.add('dz-complete')
      $('form').append('<input type="hidden" name="avatar" value="' + file.file_name + '">')
      this.options.maxFiles = this.options.maxFiles - 1
@endif
    },
    error: function (file, response) {
        if ($.type(response) === 'string') {
            var message = response //dropzone sends it's own error messages in string
        } else {
            var message = response.errors.file
        }
        file.previewElement.classList.add('dz-error')
        _ref = file.previewElement.querySelectorAll('[data-dz-errormessage]')
        _results = []
        for (_i = 0, _len = _ref.length; _i < _len; _i++) {
            node = _ref[_i]
            _results.push(node.textContent = message)
        }

        return _results
    }
}
</script>
@endsection