@if(isset($room))
@php
    $timeDifference = (strtotime(\Carbon\Carbon::now()->format('H:i:s')) - strtotime(\Carbon\Carbon::parse($room->date)->addSeconds($room->room_timer)->format('H:i:s') )) ;
@endphp


@if(isset($messages))
    @if(\Carbon\Carbon::parse($room->date) < \Carbon\Carbon::now())
         @if(Carbon\Carbon::now()->subSeconds($room->timer) >= \Carbon\Carbon::parse($room->date))
            @if(  $timeDifference < 0 )

                <div style="    float: left;
    margin-top: -5px;">
                    <h5 class="text-center"><strong>الوقت المتبقى</strong></h5>

                    <div id="countdown-1" style="direction: ltr;
    text-align: center;
    margin-bottom: 10px;"></div>

                </div>
            @endif

        @endif


    @endif
    <ul class="chat-area" id="messagesSection">

        @foreach($messages as $message)


            <li @if($message->sender_id == \Auth::user()->id) class="rtl m-messenger__wrapper"
                @else class="m-messenger__wrapper" @endif>
                <p @if($message->sender_id == \Auth::user()->id) class="chat-p-right"
                   @else   class="chat-p-left"@endif >{{$message->message}}</p>
            </li>
        @endforeach


    </ul>

    @if(\Carbon\Carbon::parse($room->date) < \Carbon\Carbon::now())
        @if(Carbon\Carbon::now()->subSeconds($room->timer) >= \Carbon\Carbon::parse($room->date))

            @if(  $timeDifference < 0 )
                <div class="input-group" id="messagesInputSection" data-room_id="{{$room->id}}">
                    <input type="text" id="messageInput"
                           data-to_id="{{($room->sender_id != Auth()->user()->id ) ? $room->sender_id : $room->receiver_id }}"
                           data-from_id="{{Auth()->user()->id}}" data-room_id="{{$room->id}}" class="form-control"
                           placeholder="اكتب رسالتك"  >
                    <span class="input-group-btn">
        <button class="btn btn-default" id="sendMessage" type="button">
            <i class="fa fa-paper-plane"></i>
        </button>
    </span>
                </div>
            @endif
        @endif
    @endif
@endif
<script>

    $('#countdown-1').timeTo({{\Carbon\Carbon::now()->diffInSeconds(\Carbon\Carbon::parse($room->date)->addSeconds($room->room_timer))}}, function () {
        alert('Countdown finished');
    });
</script>

    @endif