<style>

</style>

<div class="container intro-media flex-grow-1 container-p-y pb-0">
    <div class="media align-items-top py-3 mb-3">
        @if($user_shop->user->hasProfileImage())
            <img src="{{ route('response_file', ['user', $user_shop->user->getProfileImage()]) }}?{{ time() }}" alt="" class="d-block ui-w-100-140 rounded-circle mt-3">
        @endif
        <div class="media-body ml-4">
            <h2 class="text-left"> {{ __('shop.headline') }}</h2>
            <p class="text-left mb-2">
                {{  __('shop.description') }}
                <br>
                {!! nl2br($user_shop->name) !!}</p>
            <h6 class="card-header no-border py-2 text-left px-0">
                <a href="#" class="collapsed" style="text-decoration: none" data-toggle="collapse" data-target="#collapsePaymentForm" aria-expanded="false" aria-controls="collapsePaymentForm">
                    <i class="fa fa-caret-collapse"></i> {{ __('shop.personal_infos') }}
                </a>
            </h6>
            <div class="collapse mt-1" id="collapsePaymentForm">
                <p class="text-left"><i>{!! nl2br($user_shop->about_you) !!}</i></p>
            </div>
        </div>
    </div>
</div>
