@php
$user=Auth::user() ?? "";
$businessDetail=$user->getBusinessDetail??"";

$profileImage= '';
if(isset($businessDetail->logoImageUrl)){
    $profileImage=$businessDetail->logoImageUrl ?? "";
}

$profileUrl = env('APPLICATION_URL') . $profileImage;


$workingHours=$businessDetail->workingHours ??"";
$products=$businessDetail->businessProduct ??"";
@endphp
@include('business.layouts.head')
@include('business.layouts.header')

<div class="main-content">

    <section class="home">
        <div class="container">
            <div class="row">
                @include('business.layouts.sidebar')
                <div class="col-lg-6">
                    @include('business.layouts.story')
                  <div class="card create-post-wrapper" type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">
                        <form action="{{route('post.store')}}" method="POST">
                            <div class="card-body">
                                <div class="d-flex align-items-center">
                                    @if(\Illuminate\Support\Facades\File::exists(public_path($profileImage)))
                                        <img class="profil-pic" src="{{ env('APPLICATION_URL') . $profileImage}}">
                                    @else
                                        <img class="profil-pic" src="https://hapiverse.com/ci_api/public/{{ $profileImage }}">
                                    @endif
                                    <!-- <img src="{{$profileUrl}}" class="profil-pic"> -->
                                    <input type="text" class="form-control" placeholder="Write Something..." name="caption">
                                </div>
                            </div>
                            <div class="card-footer">
                                <div class="input-wrapper file-uploader">
                                    <label for="" class="custom-label">
                                        <i class="far fa-image"></i>
                                        Image
                                    </label>
                                    <input type="file" href="" class="d-none" id="" name="image">
                                </div>
                                <div class="input-wrapper file-uploader">
                                    <label for="" class="custom-label">
                                        <i class="fas fa-video"></i>
                                        Video
                                    </label>
                                    <input type="file" href="" class="d-none" id="" name="video">
                                </div>
                                <div class="input-wrapper file-uploader">
                                    <label for="" class="custom-label">
                                        <i class="fas fa-paint-roller"></i>
                                        Background
                                    </label>
                                    <input type="file" href="" class="d-none" id="" name="video">
                                </div>
                            </div>
                        </form>
                    </div><!-- add post new box -->


                    <div id="business-posts">

                    </div>
                    <div class="loadMore">
                         Loading...
                    </div>
                </div>
                <div class="col-lg-3">
                    <div class="card profile-card">
                        <div class="card-body">
                            <h3 class="card-title">About</h3>
                            <ul class="list-icons-s1">
                                <li class="list-item">
                                    <i class="fas fa-map-marker-alt"></i>
                                    <p>{{$businessDetail->city}}, {{$businessDetail->country}}</p>
                                </li>
                                <li class="list-item">
                                    <div class="accordion-item">
                                        <h2 class="accordion-header" id="headingOne">
                                            <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
                                                <i class="far fa-clock"></i>
                                                <div class="d-flex justify-content-between w-100">
                                                    <p>Monday open 24 hours</p>
                                                    <p><span>view more</span></p>

                                                </div>
                                            </button>
                                        </h2>
                                        <div id="collapseOne" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                                            <div class="accordion-body">
                                                @foreach($workingHours as $hour)
                                                <div class="d-flex justify-content-between my-1">
                                                    <p>{{$hour->day}}</p>
                                                    <p>Open: {{$hour->openTime}} </p>
                                                    <p> Close :{{$hour->closeTime}}</p>

                                                </div>
                                                @endforeach

                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <!-- @if(Auth::check())
                                <li class="list-item">
                                    <i class="fas fa-phone-alt"></i>
                                    <p>{{$businessDetail->businessContact}}</p>
                                </li>
                                @endif -->
                                <li class="list-item">
                                    <i class="fas fa-list-ul"></i>
                                    <p>{{$businessDetail->businessType}}</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </section>
</div>



@include('business.layouts.footer')