@extends('layouts.dashboard.app')

@php
    $body_class = 'fullpage';

    if(auth()->user()->isAdmin()){
        $header_params = [
                'heading_page_title' => 'Support chat',
                'notice_show' => false
        ];
    }
@endphp

@section('content')
    <div class="wrapper header-fixed sidebar-gutters">
        <main class="content">
            <div class="container content-container">
                <section class="section-wrapper">
                    <div class="wrappe-container">

                        <div class="section-wrapper--body chat-wrapper">
                            <div class="container section-wrapper--body--container --sm">
                                <section class="chat-section">
                                    <div class="chat-body">
                                        <ul class="chat-msg-list">

                                            @if($supportChat)
                                                @if($supportChat->messages)
                                                    @foreach($supportChat->messages as $message)

                                                        <x-dashboard.support-messages-item :message="$message"/>

                                                    @endforeach
                                                @endif
                                            @endif

                                        </ul>
                                    </div>
                                    <div class="chat-footer">
                                        @php
                                            if($supportChat){
                                                $form_url = route('dashboard.supports.update', $supportChat);
                                            } else {
                                                 $form_url = route('dashboard.supports.store');
                                            }

                                        @endphp


                                        <form action="{{ $form_url }}" data-chat-id="{{ $supportChat?$supportChat->id:''  }}" data-update-chat-list-url="{{ route('dashboard.supports.update-chat-list') }}"  method="POST" class="support-ajax-form chat-send-form input--xl">
                                            @csrf
                                            @if($supportChat)
                                                @method('PUT')
                                            @endif
                                            <label class="input input--outline wrappe-input">
                                                <input name="message" autocomplete="off" required type="text" class="input" placeholder="Type your message here...">
                                                <div class="chat-send-form--events">
                                                    <button type="submit" class="btn btn--primary rounded-full px-4 py-2">
                                                        <span>Send</span>
                                                        <span class="ico">
                                                            @php include(public_path('dash/img/ico-send.svg')) @endphp
                                                        </span>
                                                    </button>
                                                </div>
                                            </label>
                                        </form>
                                    </div>
                                </section>
                            </div>

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

        </main>

        <x-footer-dashboard />
    </div>

@endsection



@push('scripts')
    <script src="{{ asset('dash/js/supports.js') }}"></script>
@endpush