@extends('panel.layout.base')

@section('title',$title)

@section('content')
    <div class="card">
        <div class="card-header d-flex custom-card-header border-bottom-0 ">
            <h5 class="card-title">Sipariş Sohbeti</h5>
            <div class="card-options">
            </div>
        </div>
        <div class="card-body">
            @foreach($chats as $item)
                @if(array_search($item['user'],$chatUserList) == 1)
                    <div class="row">
                        <div class="col-6"></div>
                        <div class="col-6">
                            <div class="alert alert-info alert-dismissible fade show" role="alert">
                                <strong><a href="{{ route('panel.users.view',['id' => $item['user']]) }}">{{ $item['userDetail']['username'] }}</a></strong> <br> {{ $item['message']['message'] }}
                            </div>
                        </div>
                    </div>
                @else
                    <div class="row">
                        <div class="col-6">
                            <div class="alert alert-success alert-dismissible fade show" role="alert">
                                <strong><a href="{{ route('panel.users.view',['id' => $item['user']]) }}">{{ $item['userDetail']['username'] }}</a></strong> <br> {{ $item['message']['message'] }}
                            </div>
                        </div>
                        <div class="col-6"></div>
                    </div>
                @endif
            @endforeach
        </div>
        <div class="card-footer">
            <a href="{{ redirect()->getUrlGenerator()->previous() }}" class="btn btn-sm btn-warning"><i class="fa fa-arrow-circle-left"></i> Geri Dön</a>
        </div>
    </div>
@endsection

@section('style')
    <link href="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.css" rel="stylesheet"/>
@endsection

@section('script')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.js"></script>

    <script>
        $(document).ready(function () {

        });
    </script>
@endsection