@php use App\Models\TeamMember\TeamMember; @endphp
@php /** @var TeamMember $teamMember */  @endphp

@if(isset($teamMember))
    <div class="card">
        <div class="card-body">
            <div class="col-md-12">
                <label for="image" class="col-form-label">
                    Image
                </label>

                @include('admin::pages.components.upload.single', [
                    'modelInstance'     => TeamMember::class,
                    'modelID'           => $teamMember->id,
                    'attachmentKey'     => TeamMember::ATTACH_AVATAR_KEY
                ])
            </div>
        </div>
    </div>
@endif

<div class="card">
    <div class="card-body">
        <label>General information</label>
        <hr>
        <form method="post"
              action="{{ isset($teamMember) ? route('admin.team-members.update', $teamMember) : route('admin.team-members.store') }}">
            @csrf
            @method(isset($teamMember) ? 'PUT' : 'POST')

            @include('admin::pages.components.form.tabs')

            @if(isset($teamMember))
                <input type="hidden" name="id" value="{{$teamMember['id']}}">
            @endif

            <div class="tab-content">
                @foreach(LaravelLocalization::getSupportedLocales() as $iso => $locale)
                    <div class="tab-pane {{ $loop->first ? 'active' : '' }}" id="tab-{{ $iso }}">
                        <div class="form-row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="name_{{ $iso }}">
                                        Name: {{ strtoupper($iso) }}
                                    </label>
                                    <input type="text"
                                           class="form-control sluggable"
                                           data-slug-target="#slug_{{ $iso }}"
                                           id="name_{{ $iso }}"
                                           name="name[{{ $iso }}]"
                                           placeholder="Name"
                                           value="{{ old('name.' . $iso, isset($teamMember) ? $teamMember->getTranslation('name', $iso) : '') }}"
                                    >
                                </div>
                            </div><!-- Name -->
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="description_{{ $iso }}">
                                        Description: {{ strtoupper($iso) }}
                                    </label>
                                    <textarea class="form-control"
                                              name="description[{{ $iso }}]"
                                              id="description_{{ $iso }}"
                                              placeholder="Description in {{ $locale['name'] }}."
                                              rows="5"
                                    >{{ old('description.' . $iso, isset($teamMember) ? $teamMember->getTranslation('description', $iso) : '') }}</textarea>
                                </div>
                            </div><!-- Description -->

                        </div>
                    </div>

                @endforeach
            </div>

            <div class="row">
                <div class="col-md-12">
                    <div class="form-group">
                        <label for="email">
                            Email:
                        </label>
                        <input type="email"
                               class="form-control"
                               id="email"
                               name="email"
                               placeholder="Email"
                               value="{{ old('email.' . $iso, isset($teamMember) ? $teamMember->email : '') }}"
                               autocomplete="email"
                        >
                    </div>
                </div><!-- Email -->
            </div>
            <div class="row">
                <div class="col-md-3">
                    <div class="form-group">
                        <label for="is_active">Active</label>
                        <select class="form-control" id="is_active" name="is_active">
                            <option value="1" {{ isset($teamMember) && $teamMember->is_active ? 'selected' : '' }}>
                                Active
                            </option>
                            <option value="0"{{ isset($teamMember) && !$teamMember->is_active ? 'selected' : '' }}>
                                Inactive
                            </option>
                        </select>
                    </div>
                </div>
            </div>

            @include('admin::pages.components.flash-messages')

            <button type="submit" class="btn btn-primary btn-sm">
                {{ isset($teamMember) ? 'Update' : 'Create' }}
            </button>
        </form>
    </div>
</div>