{{-- Chat With Seller --}}
@if(setting('CHAT_SELLER_STATUS') == 1)
<button id="seller_chat" class="btn btn-secondary mt-1">Chat with seller</button>
<section class="d-none" id="seller_chat_mini_section">
    {{ $product->user->shop_info->name }}
    <hr>
    <span class="btn btn-danger m-1" id="close_seller_chat_mini_section">close</span>
    <div class="content_seller_chat_mini_section">
            @if(isset($product->user->shop_info->shop_mobile) && setting('shop_mobile') == 1)<a href="tel:{{ $product->user->shop_info->shop_mobile }}" title="{{ $product->user->shop_info->shop_mobile }}"><i class="fas fa-mobile-alt"></i></a>@endif
            @if(isset($product->user->shop_info->shop_whatsapp) && setting('shop_whatsapp') == 1)<a href="https://wa.me/{{ $product->user->shop_info->shop_whatsapp }}"><i class="fab fa-whatsapp"></i></a>@endif
            @if(isset($product->user->shop_info->shop_telegram) && setting('shop_telegram') == 1)<a href="https://wa.me/{{ $product->user->shop_info->shop_telegram }}"><i class="fab fa-telegram-plane"></i></a>@endif
            @if(isset($product->user->shop_info->shop_messenger) && setting('shop_messenger') == 1)<a href="{{ $product->user->shop_info->shop_messenger }}"><i class="fab fa-facebook-messenger"></i></a>@endif
            @if(isset($product->user->shop_info->shop_imo) && setting('shop_imo') == 1)<a href="{{ $product->user->shop_info->shop_imo }}">IMO</a>@endif
            @if(isset($product->user->shop_info->shop_fb) && setting('shop_fb') == 1)<a href="{{ $product->user->shop_info->shop_fb }}"><i class="fab fa-facebook-f"></i></a>@endif
            @if(isset($product->user->shop_info->shop_linkedin) && setting('shop_linkedin') == 1)<a href="{{ $product->user->shop_info->shop_linkedin }}"><i class="fab fa-linkedin-in"></i></a>@endif
            @if(isset($product->user->shop_info->shop_twitter) && setting('shop_twitter') == 1)<a href="{{ $product->user->shop_info->shop_twitter }}"><i class="fab fa-twitter"></i></a>@endif
            @if(isset($product->user->shop_info->url) && setting('shop_web_url') == 1)<a href="{{ $product->user->shop_info->url }}"><i class="fab fa-chrome"></i></a>@endif
        </div>
        @push('js')
        <script>
            $(document).ready(function(){
                $("#seller_chat").click(function(){
                    $("#seller_chat_mini_section").removeClass("d-none");
                });
                
                $("#close_seller_chat_mini_section").click(function(){
                    $("#seller_chat_mini_section").addClass("d-none");
                });
            });
            </script>
    @endpush
</section>
<style>
    /* Seller Popup */
    #seller_chat_mini_section{
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        z-index: 99;
        width: 80%;
        height: 80%;
        padding: 1.5rem 1rem;
        background: white;
        border: 0.1rem solid #ccc;
    }
    #seller_chat_mini_section .content_seller_chat_mini_section{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: .5rem;
        padding-top: 2.2rem;
        text-align: center;
    }
    #seller_chat_mini_section .content_seller_chat_mini_section a{
        font-size: 2rem;
    }
    #seller_chat_mini_section #close_seller_chat_mini_section{
        float: right;
    }

    /* Share */
    .share-groups span {
        width: 30px;
        height: 30px;
        display: block;
        border-radius: 5px;
        margin: 5px;
    }
    .share-groups {
        display: flex;
        align-items: center;
    }
</style>
@endif
{{-- /Chat with Seller --}}