@extends('cms::layouts.master', ['ckeditor' => true])

@section('title', 'Update Team Member')

@section('content')
    <x-page-header page-title="Update Team Member" active-title="Update Team Member"
        back-link="{{ route('our-teams.index') }}"  :create-button="true"
    create-link="{{ route('our-teams.create') }}"/>

    <x-crud-form route="{{ route('our-teams.update', $ourTeam->id) }}" type="edit">
        <div class="row">
            <div class="col-12 col-md-6">
                <div class="form-group">
                    <label>Name <span class="text-danger">*</span></label>
                    <input value="{{ old('name', $ourTeam->title) }}" name="name" type="text" class="form-control"
                        placeholder="Team Membe Name" required>
                    <span class="text-danger">{{ validationError($errors->get('name')) }}</span>
                </div>
            </div>

            <div class="col-12 col-md-6">
                <div class="form-group">
                    <label for="designation">Designation <span class="text-danger">*</span></label>
                    <input type="text" class="form-control" name="designation" placeholder="Designation"
                        value="{{ old('designation', $ourTeam->content) }}" required>
                    <span class="text-danger">{{ validationError($errors->get('designation')) }}</span>
                </div>
            </div>

            <div class="col-12 col-md-6">
                <div class="form-group">
                    <label for="profile_photo">Profile Photo</label>
                    <div class="input-group">
                        <input type="file" name="profile_photo" id="profile_photo"
                            class="form-control @error('profile_photo') is-invalid @enderror"
                            style="height: unset; padding: 9px 10px;" value="{{ old('profile_photo') }}"
                            oninput="profilePhotoPreview.src=window.URL.createObjectURL(this.files[0]); profilePhotoPreview.style.display = this.files[0] ? 'inline' : 'none';"
                            accept="image/*">

                        <span class="input-group-addon">
                            @if ($ourTeam->feature_image && file_exists(public_path('uploads/our-teams/' . $ourTeam->feature_image)))
                                <img id="profilePhotoPreview"
                                    src="{{ asset('uploads/our-teams/' . $ourTeam->feature_image) }}"
                                    style="width: 40px; height: 38px;">
                            @else
                                <img id="profilePhotoPreview" style="width: 40px; height: 38px; display: none;">
                            @endif
                        </span>
                    </div>
                    <span class="text-danger">{{ validationError($errors->get('profile_photo')) }}</span>
                </div>
            </div>

            <div class="col-12 col-md-6">
                <div class="form-group">
                    <label for="display_order">Display Order</label>
                    <input type="number" id="display_order" name="display_order"
                        value="{{ old('display_order', $ourTeam->display_order) }}" class="form-control"
                        placeholder="Display Order">
                    <span class="text-danger">{{ validationError($errors->get('display_order')) }}</span>
                </div>
            </div>

            <div class="col-12 col-md-12">
                <div class="form-group">
                    <label for="social_media_links">Social Media Links</label>
                    <textarea name="social_media_links" id="social_media_links" class="form-control" placeholder="Social Media Links" rows="4">{{ old('social_media_links', $ourTeam->excerpt) }}</textarea>
                    <span class="text-danger">{{ validationError($errors->get('social_media_links')) }}</span>
                    Like This Code: &lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;fab
                    fa-facebook&quot;&gt;&lt;/i&gt;&lt;/a&gt;
                </div>
            </div>

            <div class="col-12 text-right">
                <a href="{{ route('our-teams.index') }}" class="btn btn-danger">Cancel</a>
                <button type="submit" class="btn btn-success">Update</button>
            </div>
        </div>
    </x-crud-form>
@endsection