{{-- chat footer, where we write messages   --}}
<div class="container">
    <div class="col-md-12">
        <div class="bottom">
            <form wire:submit.prevent="sendMsg()" class="position-relative w-100">
                <input type="file" name="category-image-default" accept="image/*"
                    {{-- onchange="previewImage(this, 'default')"  --}}
                    onchange="alert('you just uploaded a document, click on the send icon to send it')"
                    wire:model='filemsg' id="filemsg">
                {{-- <input type="text" class="form-control" placeholder="femi_text" wire:model="femi" value="saint"> --}}
                <textarea autofocus id='msgField-for-user-{{ $selectedUser?->id }}' wire:model='msg' class="msgField form-control"
                    placeholder="Start typing for reply..." rows="1"></textarea>
                {{-- <button class="btn emoticons"><i class="material-icons">insert_emoticon</i></button> --}}
                <button type="submit" class="btn send submitButton"><i class="material-icons">send</i></button>
            </form>

            {{-- <form wire:submit="saveImage" class="mb-5"> --}}
            <label for="filemsg">
                <span class="btn attach d-sm-block d-none">
                    <i class="material-icons">attach_file</i>
                </span>
            </label>

            {{-- @error('filemsg')
                <span class="error">{{ $message }}</span>
                @enderror --}}

            {{-- <button type="submit">Submit</button> --}}
            {{-- </form> --}}

        </div>
    </div>
</div>