Broncode chatsite

@extends('layouts.app')

@section('head-css')
    <link rel="stylesheet" href="{{ asset('css/chat.css') }}">
    <link rel="stylesheet" href="{{ asset('css/dashboard.css') }}">
@endsection

@section('head-scripts')
    <script src="{{ asset('js/chat.js') }}"></script>
@endsection

@section('app')
    @include('chat.partials.navbar')

    <div class="modal" id="appStatusModal">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <!-- Modal body -->
                <div class="modal-body text-center">
                    <h3>Loading, please wait...</h3>
                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid h-100">
        <div class="row h-100">
            @include('chat.partials.leftnav')

            <div class="col-md-9 ml-sm-auto col-lg-10 px-md-4 pt-3">
                <div class="row h-100">
                    <div class="col-lg-6 h-100 border-right">
                        <div class="row">
                            <div class="col-12 pt-1">
                                <h3 class="text-black-50 font-weight-light">Active Room: Huishouden (22)</h3>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-12">
                                <ul class="nav flex-column pt-2 small">
                                    <li class="nav-item">
                                        <h6>Gebruikers</h6>
                                    </li>
                                    <li class="nav-item">
                                        <a href="#" class="">Testpersoon</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="#" class="">Testpersoon</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 h-100 pl-4">
                        <div class="row">
                            <div class="col-12 pt-1">
                                <h3 class="text-black-50 font-weight-light">Active Chat</h3>
                            </div>
                        </div>

                        <div class="row">
                            <div id="chatScreen" class="col-12 pt-2">
                                <p><b>Davey: </b>Bladiebladeibla</p>
                                <p><b>Davey: </b>Bladiebladeibla</p>
                                <p><b>Davey: </b>Bladiebladeibla</p>
                                <p><b>Davey: </b>Bladiebladeibla</p>
                                <p><b>Davey: </b>Bladiebladeibla</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @include('chat.partials.footer')
@endsection