@extends('layouts.main-layout')

@section('title')
{{ config('app.name') }} - Pharmacy Messages
@endsection

@section('content')
<!-- theme body start-->
<div class="theme-body myCustomScrollbar codex-chat my-5" data-mcs-theme="minimal-dark">
    <div class="custom-container">
        <div class="row">
            <div class="col-12">
                <div class="cdxchat-contain border rounded">
                    <div class="chat-sidebar">           
                        <div class="admin-profile">
                            <a href="{{ url('/profile') }}">
                                <div class="media mb_15">
                                    <div class="userimg-wrap mr_15">
                                        <img class="img-fluid" src="https://via.placeholder.com/150" alt="">
                                    </div>
                                    <span>{{ $user->user_name }}</span>
                                </div>
                            </a>
                        </div>
                        <div class="input-group">
                            <span class="input-group-text"><i data-feather="search"></i></span>
                            <input class="form-control" type="text" placeholder="Pretraži apoteke" id="pharmacy_search">
                        </div>
                        <hr>
                        <ul class="user-caht-list myCustomScrollbar"> 
                            @foreach($drugstores as $sdrugstore)
                            <li>
                                <a href="{{ url('/announcements', $sdrugstore->user_id) }}">
                                    <div class="media side-media-user">
                                        <div class="userimg-wrap mr_15"><img class="img-fluid" src="https://via.placeholder.com/150" alt=""></div>
                                        <div class="media-body">
                                            <h6 class="pharmacy-name">{{ $sdrugstore->user_name }}</h6>
                                        </div>
                                        <div class="caht-status">
                                            <!-- <span class="badge badge_rounded_primary">5</span> -->
                                        </div>
                                    </div>
                                </a>
                            </li>
                            @endforeach
                        </ul>
                    </div>
                    <div class="chat-body">
                        @if(empty($id) && !isset($id))
                            <div class="container h-100">
                                <div class="row justify-content-center">
                                    <div class="col-lg-12 justify-content-center text-center mx-auto my-5">
                                        <h2>Molimo vas izaberite apoteku kako bi videli vaša obaveštenja!</h2>
                                    </div>
                                </div>
                            </div>
                        @else
                            @if(isset($drugstore))
                                    <div class="media">
                                        <a href="{{ url('profile', $drugstore->user_id) }}">           
                                            <div class="userimg-wrap mr_15">
                                                <img class="img-fluid" src="https://via.placeholder.com/150" alt="">
                                            </div>
                                        </a>

                                        <div class="media-body">
                                            <a href="{{ url('profile', $drugstore->user_id) }}">           
                                                <h6>{{ $drugstore->user_name }}</h6>
                                            </a>
                                        </div>
                                        <ul class="chaticon-list">                      
                                            <li><a href="tel: {{ $drugstore->user_phoneNumber }}"><i class="fa fa-phone fa-2x"></i></a></li>
                                            <li><a href="mailto: {{ $drugstore->user_email }}"><i class="fa fa-envelope-o fa-2x"></i></a></li>
                                            @if(isset($drugstore->user_website) && !empty($drugstore->user_website))
                                            <li><a href="{{ $drugstore->user_website }}" target="_blank" rel="nofollow"><i class="fa fa-external-link fa-2x"></i></a></li>
                                            @endif
                                        </ul>
                                    </div>
                                
                                <hr>
                                <div class="userchat-msgbox myCustomScrollbar bg-white" id="scrollBottom">
                                    <ul id="msgScren">
                                        @if(!empty($messages))         
                                            @foreach($messages as $message)                           
                                                <li>
                                                    <div class="admin-msgbox">
                                                        <div class="chat-contain p-3">
                                                            <div class="border border-primary rounded">
                                                                <p>{!! html_entity_decode($message->message_text) !!}</p>
                                                                <span class="msg-sent">{{ $message->message_updated_at }}</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                            @endforeach
                                        @endif
                                    </ul>
                                </div>
                            @endif
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- theme body end-->
<script src="{{ URL::asset('assets/js/pages/pharmacy.js') }}"></script>
@endsection