@extends('layouts.app')

@section('content')

<div>
<div class="container-fluid p-0 m-0">
    <div class="sub-header">

    </div>
</div>
<div class='container mb-5'>
    <div class="row d-flex justify-content-center">
        <div class="col-md-5">
            @foreach($business as $businessInfo)
                <div class="business-info">
                    <img src='/{{$businessInfo->logo}}' class='business-logo'>
                    <h3>{{$businessInfo->name}}</h3>
                    <span>{{$businessInfo->description}}</span>
                    <p>Thank You For Choosing Us! Please Take A Moment To Leave Us
                         A Review. Your Responses Will Help Us Serve 
                         You Better In The Future.</p>
                    <a class='custom-btn' href='{{$businessInfo->phone}}'><i class='fa fa-phone'></i> Contact Us Directly</a>
                    
                    <div class="social-links-div">

                        <div class="row">
                            <div class="col-md-6">
                                <a href='{{ url("/profile/$businessInfo->business_name_id/google-rating") }}'>
                                <div class="google-div d-flex align-items-center icon-box">    
                                    <i class="fab fa-google"></i>
                                    <div class='social-heading'>
                                        <h4>Google</h4>
                                        <p>Review Us on Google</p>
                                    </div>
                                </div>
                                </a>
                            </div>
                            <div class="col-md-6">
                               <a href='/{{$businessInfo->social_media["instagram"] }}'>
                                <div class="instagram-div d-flex align-items-center icon-box">    
                                        <i class="fab fa-instagram"></i>
                                        <div class='social-heading'>
                                            <h4>Instagram</h4>
                                            <p>Follow Us on Instagram</p>
                                        </div>
                                    </div>
                               </a>
                            </div>
                        </div> 
                        
                        <div class="row">
                            <div class="col-md-6">
                               <a href='/{{$businessInfo->social_media["facebook"] }}'>
                                <div class="facebook-div d-flex align-items-center icon-box">    
                                        <i class="fab fa-facebook"></i>
                                        <div class='social-heading'>
                                            <h4>Facebook</h4>
                                            <p>Review Us on Facebook</p>
                                        </div>
                                    </div>
                               </a>
                            </div>
                            <div class="col-md-6">
                               <a href='/{{$businessInfo->social_media["youtube"] }}'>
                                <div class="youtube-div d-flex align-items-center icon-box">    
                                        <i class="fab fa-youtube"></i>
                                        <div class='social-heading'>
                                            <h4>Youtube</h4>
                                            <p>Follow Us on Youtube</p>
                                        </div>
                                    </div>
                               </a>
                            </div>
                        </div> 

                        <div class="row">
                            <div class="col-md-6">
                               <a href='/{{$businessInfo->social_media["tiktok"] }}'>
                               <div class="tiktok-div d-flex align-items-center icon-box">    
                                    <i class="fab fa-tiktok"></i>
                                    <div class='social-heading'>
                                        <h4>Tiktok</h4>
                                        <p>Follow Us on Tiktok</p>
                                    </div>
                                </div>
                               </a>
                            </div>
                            <div class="col-md-6">
                               <a href='/{{$businessInfo->social_media["yelp"] }}'>
                                <div class="yelp-div d-flex align-items-center icon-box">    
                                        <i class="fab fa-yelp"></i>
                                        <div class='social-heading'>
                                            <h4>Yelp</h4>
                                            <p>Review Us on Yelp</p>
                                        </div>
                                    </div>
                               </a>
                            </div>
                        </div> 

                        <div class="row">
                            <div class="col-md-6">
                               <a href='/{{$businessInfo->social_media["snapchat"] }}'>
                               <div class="snapchat-div d-flex align-items-center icon-box">    
                                    <i class="fab fa-snapchat"></i>
                                    <div class='social-heading'>
                                        <h4>Snapchat</h4>
                                        <p>Follow Us on Snapchat</p>
                                    </div>
                                </div>
                               </a>
                            </div>
                            <div class="col-md-6">
                               <a href='/{{$businessInfo->social_media["linkedin"] }}'>
                               <div class="linkedin-div d-flex align-items-center icon-box">    
                                    <i class="fab fa-linkedin-in"></i>
                                    <div class='social-heading'>
                                        <h4>LinkedIn</h4>
                                        <p>Follow Us on LinkedIn</p>
                                    </div>
                                </div>
                               </a>
                            </div>
                        </div> 
                        
                        </div>
                    </div>
                </div>
                @endforeach
        </div>
    </div>
</div>
</div>

@endsection