@extends('layouts.app')
@section('title', $speaker->name . ' | KDHC')
@section('content')
    <div class="container-fluid">
        <form enctype="multipart/form-data" method="POST"
            action="{{ route('admin.speaker.update', ['speaker' => $speaker->speaker_slug]) }}">
            @csrf
            <div class="row g-3 mb-3 ">
                <div class="col-sm-6 col-md-4">
                    <div class="form-group">
                        <label for="name">Name</label>
                        <input type="text" class="form-control @error('name') is-invalid @enderror"
                            placeholder="Speaker name" name="name" value="{{ $speaker->name }}">
                    </div>
                </div>
                <div class="col-sm-6 col-md-4">
                    <div class="form-group">
                        <label for="speaker_title">Title</label>
                        <input type="text" class="form-control @error('speaker_title') is-invalid @enderror"
                            placeholder="Speaker title" name="title" value="{{ $speaker->title }}">
                    </div>
                </div>
                <div class="col-sm-6 col-md-4">
                    <div class="form-group">
                        <label for="speaker_organization">Organization/Company/Institution</label>
                        <input type="text" class="form-control @error('speaker_organization') is-invalid @enderror"
                            placeholder="Speaker Organization/Company/Institution" name="organization"
                            value="{{ $speaker->organization }}">
                    </div>
                </div>
                <div class="col-sm-6 col-md-4">
                    <div class="form-group">
                        <label for="user_avatar">Update avatar</label>
                        <input type="file" class="form-control @error('user_avatar') is-invalid @enderror"
                            placeholder="Speaker user_avatar" name="user_avatar">
                    </div>
                </div>
                <div class="col-sm-6 col-md-4">
                    @if (isset($speaker->avatar))
                        <img src="{{ asset('storage/speakers/' . $speaker->avatar) }}" class="img-fluid rounded-circle "
                            alt="User Avatar" style="height: 70px;">
                    @endif
                </div>
                <div class="col-12">
                    <div class="form-group">
                        <label for="message">About</label>
                        <textarea type="text" class="form-control @error('message') is-invalid @enderror" id='editor' name="message">{!! $speaker->message !!}</textarea>
                    </div>
                </div>
            </div>
            <div class="form-group">
                @if (request()->is('admin/speakers'))
                    <button class="btn btn-info rounded-1" wire:submit='StoreSpeaker'>Submit</button>
                @else
                    <button class="btn btn-info rounded-1" wire:submit='UpdateSpeaker'>Update</button>
                @endif
            </div>
        </form>

        <script>
            ClassicEditor
                .create(document.querySelector('#editor'));
        </script>

    </div>
@endsection