[viewBag]
==
<!-- +++++++++++++++++++
    Bootstrap Default Modals
    ++++++++++++++++++++ -->
        <!-- Modal -->
        <div class="modal fade" id="exampleModalLong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
            <div class="modal-dialog customModal" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLongTitle">{{userProfile.shop_title}}</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div style="padding: 10px;border: 1px solid #c7c7c7;background: #ececec;margin-bottom: 30px;border-radius: 5px;">
                            <div class="row">
                                <div class="col-md-4 col-6" style="align-self: center;">
                                    <div class="row">
                                        <div class="col-md-12">
                                        {{ 'profileIsWagty'|_ }}: <a>{{userProfile.work_time}}</a>
                                        </div>
                                        <div class="col-md-12">
                                        {{ 'profileTelefon'|_ }}: <a href="http://{{userProfile.site}}" target="_blank">{{userProfile.username}}</a>
                                        </div>
                                        <div class="col-md-12">
                                        {{ 'profileSite'|_ }}: <a href="http://{{userProfile.site}}" target="_blank">{{userProfile.site}}</a>
                                        </div>
                                        <div class="col-md-12">
                                        {{ 'profileTikTok'|_ }}: <a href="http://{{userProfile.tiktok}}" target="_blank">{{userProfile.tiktok}}</a>
                                        </div>
                                        <div class="col-md-12">
                                        {{ 'profileInstagram'|_ }}: <a href="http://{{userProfile.instagram}}" target="_blank">{{userProfile.instagram}}</a>
                                        </div>
                                    </div>
                                </div>
                                
                                {% if userProfile.qr %}
                                    <div class="col-md-3 col-6" style="align-self: center;">
                                        <div class="row" style="border-left: 1px solid gray;border-right: 1px solid gray;">
                                            <div class="col-md-12" style="text-align:center;">
                                                <img src="{{userProfile.qr|media}}" style="width: 150px;border: 1px solid;">
                                            </div>
                                        </div>
                                    </div>
                                {% endif %}
                                
                                {% if userProfile.banner %}
                                    <div class="col-md-5 mt-2" style="align-self: center;">
                                        <div class="row">
                                          
                                            <div class="col-md-12">
                                              <a><img src="{{userProfile.banner|media}}" style="width: 550px;"></a>
                                            </div>
                                            
                                        </div>
                                    </div>
                                {% endif %}
                            </div>
                            
                        
                        </div>
                        {{userProfile.description|raw}}
                         <div class="accountq">{{userProfile.map|raw}}</div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">{{ 'modalYapmak'|_ }}</button>
                    </div>
                </div>
            </div>
        </div>

    <!-- +++++++++++++++++++
    Bootstrap Default Modals
    ++++++++++++++++++++ -->