@extends('adminlte::page')

@section('title', 'Conversations')

@section('content_header')
    <h1>Conversations</h1>
@stop
@section('css')
    <style>
        .messages {
            height: 400px;
            overflow-y: scroll;
        }

        .message {
            margin: 10px;
            padding: 10px;
            border-radius: 10px;
            background-color: #f1f1f1;
        }

        .message.text-start {
            text-align: left;
        }

        .message.text-end {
            text-align: right;
            background-color: #6f42c1;
            color: white;
        }
        .list-group-item {
            cursor: pointer;
            background-color: #6f42c1;
            color: white;
            margin-bottom: 5px;
        }
    </style>
@endsection
@section('content')
    @if (session()->has('success'))
        <div class="alert alert-success">
            {{ session()->get('success') }}
        </div>
    @endif
    <livewire:admin-conversations />
@stop