Gecko [ unitednationsplay.com ]

Name	Size	Permission	Date
dropzone.blade.php	1.28 KB	-rw-r--r--	2021-02-23 10:39
invite.blade.php	1.84 KB	-rw-r--r--	2021-02-23 10:39
navigation.blade.php	2.3 KB	-rw-r--r--	2021-02-23 10:55
sidebar-create.blade.php	17.21 KB	-rw-r--r--	2021-02-23 10:39
sidebar-demos.blade.php	4.89 KB	-rw-r--r--	2021-02-23 10:39
sidebar-dialogs.blade.php	5.39 KB	-rw-r--r--	2021-02-23 10:39
sidebar-friends.blade.php	3.11 KB	-rw-r--r--	2021-02-23 10:39
sidebar-search.blade.php	432 B	-rw-r--r--	2021-02-23 10:40
sidebar-user.blade.php	5.37 KB	-rw-r--r--	2021-02-23 10:39

Rename

<h2 class="font-bold mb-6">Create group</h2>

@include('chat.sidebar-search')

<ul class="nav nav-tabs nav-justified mb-6" role="tablist">
                <li class="nav-item">
                    <a href="#create-group-details" class="nav-link active" data-toggle="tab" role="tab" aria-selected="true">Details</a>
                </li>

<li class="nav-item">
                    <a href="#create-group-members" class="nav-link" data-toggle="tab" role="tab" aria-selected="false">Members</a>
                </li>
            </ul>

<div class="tab-content" role="tablist">

<div id="create-group-details" class="tab-pane fade show active" role="tabpanel">
                    <form action="#">
                        <div class="form-group">
                            <label class="small">Photo</label>
                            <div class="position-relative text-center bg-secondary rounded p-6">
                                <div class="avatar bg-primary text-white mb-5">
                                    <i class="icon-md fe-image"></i>
                                </div>

<p class="small text-muted mb-0">You can upload jpg, gif or png files. <br> Max file size 3mb.</p>
                                <input id="upload-chat-photo" class="d-none" type="file">
                                <label class="stretched-label mb-0" for="upload-chat-photo"></label>
                            </div>
                        </div>

<div class="form-group">
                            <label class="small" for="new-chat-topic">Topic (optional)</label>
                            <input class="form-control form-control-lg" name="new-chat-topic" id="new-chat-topic" type="text" placeholder="Group Topic">
                        </div>

<div class="form-group mb-0">
                            <label class="small" for="new-chat-description">Description</label>
                            <textarea class="form-control form-control-lg" name="new-chat-description" id="new-chat-description" rows="6" placeholder="Group Description"></textarea>
                        </div>

</form>
                </div>

<div id="create-group-members" class="tab-pane fade" role="tabpanel">
                    <nav class="list-group list-group-flush mb-n6">

<div class="card mb-6">
                            <div class="card-body">
                                <div class="media">
                                    <div class="avatar avatar-online mr-5">
                                        <img class="avatar-img" src="/assets/images/avatars/10.jpg" alt="Anna Bridges">
                                    </div>

<div class="media-body align-self-center mr-6">
                                        <h6 class="mb-0">Anna Bridges</h6>
                                        <small class="text-muted">Online</small>
                                    </div>

<div class="card mb-6">
                            <div class="card-body">
                                <div class="media">
                                    <div class="avatar mr-5">
                                        <img class="avatar-img" src="/assets/images/avatars/10.jpg" alt="Anna Bridges">
                                    </div>

<div class="media-body align-self-center mr-6">
                                        <h6 class="mb-0">Anna Bridges</h6>
                                        <small class="text-muted">Offline</small>
                                    </div>

</nav>
                </div>

</div>

</div>
    </div>

<div class="pb-6">
        <div class="container-fluid">
            <button class="btn btn-lg btn-primary btn-block" type="submit">Create group</button>
        </div>
    </div>

</div>