@extends('layouts.main-layout')

@section('title')
{{ config('app.name') }} - Drugstore Dashboard
@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 farmaceutske kuće" id="pharmacy_search">
                        </div>
                        <hr>
                        <ul class="user-caht-list myCustomScrollbar"> 
                            @foreach($pharmacies as $spharmacy)
                            <li>
                                <a href="{{ url('/drugstore-dashboard', $spharmacy->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">{{ $spharmacy->user_name }}</h6>
                                        </div>
                                        <div class="caht-status">
                                            @if($spharmacy->message_get_from_count($spharmacy->user_id, $user->user_id) > 0)
                                            <span class="badge badge_rounded_primary">{{ $spharmacy->message_get_from_count($spharmacy->user_id, $user->user_id) }}</span>
                                            @endif
                                        </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 farmaciju kako bi videli vaša obaveštenja!</h2>
                                    </div>
                                </div>
                            </div>
                        @else
                            @if(isset($pharmacy))
                                    <div class="media">
                                        <a href="{{ url('profile', $pharmacy->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', $pharmacy->user_id) }}">           
                                                <h6>{{ $pharmacy->user_name }}</h6>
                                            </a>
                                        </div>
                                        <ul class="chaticon-list">                      
                                            <li><a href="tel: {{ $pharmacy->user_phoneNumber }}"><i class="fa fa-phone fa-2x"></i></a></li>
                                            <li><a href="mailto: {{ $pharmacy->user_email }}"><i class="fa fa-envelope-o fa-2x"></i></a></li>
                                            @if(isset($pharmacy->user_website) && !empty($pharmacy->user_website))
                                            <li><a href="{{ $pharmacy->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="user-msgbox"> 
                                                        <div class="chat-contain p-3">
                                                            <a href="{{ url('profile', $pharmacy->user_id) }}" class="mr_15 img-fluid mCS_img_loaded">
                                                                <img src="https://via.placeholder.com/150" alt="">
                                                            </a>
                                                            <div class="border border-secondary rounded">
                                                                <p>{!! html_entity_decode($message->message_text) !!}</p>
                                                                <span class="msg-seen">{{ $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="{{ noCache(URL::asset('assets/js/pages/drugstore.js')) }}"></script>
@endsection