@extends('layouts.app')
@section('title')
    {{ 'Business Detail' }}
@endsection
@push('styles')
    <link href="{{ asset('css/star-display.css') }}" rel="stylesheet">
@endpush
@section('content')
    <!-- breadcrumb -->
    <div class="breadcrumb-header justify-content-between">
        <div class="my-auto">
            <h4 class="page-title">Business Detail</h4>
            <ol class="breadcrumb">
                <li class="breadcrumb-item">
                    @if (Auth::user()->role_id == 1)
                        <a href="{{ route('backend.dashboard') }}">Admin Dashboard</a>
                    @else
                        <a href="{{ route('backend.business.dashboard') }}">Business Dashboard</a>
                    @endif
                </li>
                <li class="breadcrumb-item"><a href="{{ route('business.index') }}">Connect IQ</a></li>
                <li class="breadcrumb-item active" aria-current="page"><a href="javascript:void(0);">Business Detail</a>
                </li>
            </ol>
        </div>
        @if (Auth::user()->hasRole('admin'))
            <div class="d-flex my-xl-auto right-content align-items-center">
                <div class="mb-xl-0" style="margin-right: 20px;width: 346px;">
                    <select name="company_name" class="nice-select" data-parsley-required="true"
                        data-parsley-errors-container=".custom-step-error-lpso" id="company_name">
                    </select>
                </div>
                <div class="mb-xl-0">
                    <div class="dropdown">
                        <button class="btn btn-primary"
                            onclick="location.href='{{ route('businessprofile.edit', ['id' => request()->id]) }}'"
                            type="button" aria-expanded="false">
                            Edit Business Profile
                        </button>
                    </div>
                </div>
            </div>
        @endif
    </div>
    <!-- breadcrumb -->
    @include('layouts.message')
    <!-- row -->
    <div class="row row-sm">
        <div class="col-sm-12 col-lg-12 col-xl-12">
            <div class="">
                <a class="main-header-arrow" href="" id="ChatBodyHide"><i class="icon ion-md-arrow-back"></i></a>
                <div class="main-content-body main-content-body-contacts card custom-card">
                    <div class="main-contact-info-header pt-3">
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="my-user">
                                    <div class="cover-image"
                                        style="background-image: url('{{ asset('images/business_cover_image/' . $businessUser->cover_image) }}');">
                                        <div class="overlay"></div>
                                    </div>
                                    @if ($businessUser->logo_image)
                                        <img class="logo-image" alt="avatar"
                                            src="{{ asset('images/business_logo_image/' . $businessUser->logo_image) }}">
                                    @else
                                        <img class="logo-image" alt="avatar" src="{{ asset('images/noimage.png') }}">
                                    @endif
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="main-profile-social-list">
                                    <div class="media">
                                        <div class="media-icon bg-primary-transparent text-primary">
                                            <i class="icon fa fa-user"></i>
                                        </div>
                                        <div class="media-body">
                                            <span>User Name</span>
                                            <a
                                                style="cursor: none">{{ $businessUser->first_name . ' ' . $businessUser->last_name }}</a>
                                        </div>
                                    </div>
                                    <div class="media">
                                        <div class="media-icon bg-success-transparent text-success">
                                            <i class="icon fa fa-building"></i>
                                        </div>
                                        <div class="media-body">
                                            <span>Company Name</span>
                                            <a style="cursor: none">{{ @$businessUser->userCompany['name'] }}</a>
                                        </div>
                                    </div>
                                    <div class="media">
                                        <div class="media-icon bg-orange-transparent text-orange">
                                            <i class="icon fa fa-globe"></i>
                                        </div>
                                        <div class="media-body">
                                                                                        <span><a href="#" target="_blank">My Website</a></span>
                                        </div>
                                    </div>
                                    @if (($businessUser->is_subscribe_user == 1 && Auth::user()->id != request()->route('id')) || ($businessFreeTrial == 'yes' && $businessUser->is_subscribe_user == 1))
                                        <div class="media">
                                            <div class="media-icon bg-danger-transparent text-danger">
                                                <i class="icon fa fa-comments"></i>
                                            </div>
                                            <div class="media-body">
                                                <span>Chat With</span>
                                                @if($isFreeTrial == 'yes')
                                                    <a href="{{ route('business.chat-with-me', ['id' => $businessUser->id]) }}">{{ $businessUser->company_name ? $businessUser->company_name : 'No Company Name' }}</a>
                                                @elseif (request('subscription_table_can_access_chat') !== null && request('subscription_table_can_access_chat') === '0')
                                                    <a href="" class="update-subscription"
                                                        title="Update Subscription">
                                                        {{ $businessUser->company_name ? $businessUser->company_name : 'No Company Name' }}
                                                    </a>
                                                @else
                                                    <a href="{{ route('business.chat-with-me', ['id' => $businessUser->id]) }}">{{ $businessUser->company_name ? $businessUser->company_name : 'No Company Name' }}</a>
                                                @endif
                                            </div>
                                        </div>
                                    @endif
                                    <div class="media">
                                        <div class="media-icon bg-danger-transparent text-warning ">
                                            <i class="mdi mdi-star"></i>
                                        </div>
                                        <div class="media-body" id="avg-rating-div">
                                            <span id="raing-title">Reviews and Rating</span>
                                            @if (request('subscription_table_can_access_rating_review') !== null &&
                                                    request('subscription_table_can_access_rating_review') === '0' && $isFreeTrial == 'no')

                                                <a href="" class="update-subscription" title="Update Subscription">
                                                    Write a review
                                                </a>
                                            @else
                                                @if ($avgRating != '0')
                                                    <div class="Stars" style="--rating: {{ $avgRating }};"></div>
                                                @endif
                                                @if ($businessUser->is_subscribe_user == 1 && Auth::user()->id != request()->route('id') || ($businessFreeTrial == 'yes' && $businessUser->is_subscribe_user == 1))
                                                    @if ($avgRating != '0')
                                                        <br>
                                                    @endif
                                                    <a class="modal-effect" data-bs-target="#modaldemo1"
                                                        id="give-review-title" data-bs-toggle="modal"
                                                        href="javascript:void(0);">
                                                        @if ($isReview == 1)
                                                            Edit review
                                                        @else
                                                            Write a review
                                                        @endif
                                                    </a>
                                                @endif
                                                @if ($avgRating != '0')
                                                    <br>
                                                    <a href="{{ route('review.index', ['id' => $businessUser->id]) }}">All
                                                        reviews></a>
                                                @endif
                                            @endif
                                        </div>
                                    </div>
                                    @if ($businessUser->businessContactNumber->count() > -1)
                                        <div class="media">
                                            <div class="media-icon bg-purple-transparent text-purple">
                                                <i class="icon fa fa-phone"></i>
                                            </div>
                                            <div class="media-body">
                                                <span>Book a call</span>
                                                @if (request('subscription_table_can_access_call') !== null && request('subscription_table_can_access_call') === '0' && $isFreeTrial == 'no')
                                                    <a href="" class="update-subscription"
                                                        title="Update Subscription">
                                                        {{ 'Reach Out' }}
                                                    </a>
                                                @else
                                                    <a class="modal-effect" data-bs-target="#modaldemocall"
                                                        id="give-review-title" data-bs-toggle="modal"
                                                        href="javascript:void(0);">Reach Out</a>
                                                @endif
                                            </div>
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="main-contact-info-body p-4">
                        <div>
                            <h6>{{ !empty($businessUser->company_name) ? ucfirst($businessUser->company_name) : '-' }}</h6>
                            <p>{{ !empty($businessUser->description) ? $businessUser->description : '-' }}</p>
                        </div>
                        <div class="media-list pb-0">
                            <div class="media">
                                <div class="media-body">
                                    <div>
                                        <label>Email</label> <span class="tx-medium">
                                            @if ($businessUser->businessEmailAddress->count() > 0)
                                                <ul>
                                                    @foreach ($businessUser->businessEmailAddress as $businessEmail)
                                                        <li>
                                                            {{ $businessEmail->email }}
                                                            @if (!empty($businessEmail->type))
                                                                - {{ ucfirst($businessEmail->type) }}
                                                            @endif
                                                        </li>
                                                    @endforeach
                                                </ul>
                                            @else
                                                No email address found
                                            @endif
                                        </span>
                                    </div>
                                    <div>
                                        <label>Contact number</label> <span class="tx-medium">
                                            @if ($businessUser->businessContactNumber->count() > 0)
                                                <ul>
                                                    @if (request('subscription_table_can_access_contact') !== null &&
                                                            request('subscription_table_can_access_contact') === '0' && $isFreeTrial == 'no')
                                                        <a href="" class="update-subscription"
                                                            title="Update Subscription">
                                                            <img src="{{ asset('images/common/blur.png') }}" />
                                                            <i class="fa fa-solid fa-info fa-lg"
                                                                title="Update Subscription"></i>
                                                        </a>
                                                    @else
                                                        @foreach ($businessUser->businessContactNumber as $businessContact)
                                                            <li>
                                                                @if (!empty($businessContact->phone))
                                                                    +{{ $businessContact->country_id }}-{{ $businessContact->phone }}
                                                                @endif
                                                                @if (!empty($businessContact->tag))
                                                                    - {{ ucfirst($businessContact->tag) }}
                                                                @endif
                                                            </li>
                                                        @endforeach
                                                    @endif
                                                </ul>
                                            @else
                                                No contact number found
                                            @endif
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <div class="media">
                                <div class="media-body">
                                    <div>
                                        <span class="tx-medium">
                                            @if ($businessUser->businessAddress->count() > 0)
                                                <ul>
                                                    @php $otherAddressDisplayed = false; @endphp
                                                    @foreach ($businessUser->businessAddress as $businessAdd)
                                                        @php
                                                            $address = $businessAdd->full_address;
                                                            $isHeadquarter = $businessAdd->is_headquarter;
                                                        @endphp
                                                        @if ($address)
                                                            @if ($isHeadquarter == 'yes')
                                                                <li>
                                                                    <label>Headquarter address</label>
                                                                    {{ $address }}
                                                                </li>
                                                            @else
                                                                @if (!$otherAddressDisplayed)
                                                                    @php $otherAddressDisplayed = true; @endphp
                                                                    <li>
                                                                        <br>
                                                                        <label>Other address</label>
                                                                        <ul
                                                                            style="list-style-type: disc; margin-left: 20px;">
                                                                            <li>{{ $address }}</li>
                                                                        @else
                                                                            <li>{{ $address }}</li>
                                                                @endif
                                                            @endif
                                                        @endif
                                                    @endforeach
                                                </ul>
                                            @else
                                                No address found
                                            @endif
                                        </span>
                                    </div>
                                    <div>
                                        <label>Year founded</label> <span
                                            class="tx-medium">{{ !empty($businessUser->year_founded) ? $businessUser->year_founded : '-' }}</span>
                                    </div>
                                </div>
                            </div>
                            <div class="media">
                                <div class="media-body">
                                    <div>
                                        <label>Business ownership groups</label> <span class="tx-medium">
                                            @if ($businessUser->businessOwnershipGroup->count() > 0)
                                                                                                @foreach ($businessUser->businessOwnershipGroup as $ownershipGroup)
                                                                                                    @endforeach
                                                {{ implode(', ', $ownershipGroupNames) }}
                                            @else
                                                No ownership group found
                                            @endif
                                        </span>
                                    </div>
                                    <div>
                                        <label>Industry</label> <span class="tx-medium">
                                            @if ($businessUser->businessIndustryCategory->count() > 0)
                                                {{ $businessUser->businessIndustryCategory[0]->industrySubCategory->parentCategory->name }}
                                            @else
                                                No industry found
                                            @endif

                                        </span>
                                    </div>
                                </div>
                            </div>
                            <div class="media">
                                <div class="media-body">
                                    <div>
                                        <label>Business type</label> <span class="tx-medium">
                                            @if ($businessUser->businessTypes->count() > 0)
                                                {{ $businessUser->businessTypes[0]->masterType->name }}
                                            @else
                                                No business type found
                                            @endif
                                        </span>
                                    </div>
                                    <div>
                                        <label>Revenue range</label> <span class="tx-medium">
                                            @if ($businessUser->businessRevenueRange->count() > 0)
                                                {{ $businessUser->businessRevenueRange[0]->revenueRange
                                                    ? $businessUser->businessRevenueRange[0]->revenueRange->name
                                                    : '-' }}
                                            @else
                                                No revenue range found
                                            @endif
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <div class="media">
                                <div class="media-body">
                                    <div>
                                        <label>Business model</label> <span class="tx-medium">
                                            @if ($businessUser->businessModel->count() > 0)
                                                                                                @foreach ($businessUser->businessModel as $businessModels)
                                                                                                    @endforeach
                                                {{ implode(', ', $businessModelNames) }}
                                            @else
                                                No business model found
                                            @endif
                                        </span>
                                    </div>
                                    <div>
                                        <label>Products or services offered</label> <span class="tx-medium">
                                            @if ($businessUser->businessProductServiceType->count() > 0)
                                                {{ $businessUser->businessProductServiceType[0]->productservicetypemaster->name }}
                                            @else
                                                No business model found
                                            @endif
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <div class="media">
                                <div class="media-body">
                                    <div>
                                        <label>Current business challenges and pain points</label> <span class="tx-medium">
                                            @if ($businessUser->businessPainPoint->count() > 0)
                                                                                                @foreach ($businessUser->businessPainPoint as $businessPainPoints)
                                                                                                    @endforeach

                                                @if (request('subscription_table_can_access_need') !== null && request('subscription_table_can_access_need') === '0' && $isFreeTrial == 'no')
                                                    <a href="" class="update-subscription"
                                                        title="Update Subscription">
                                                        <img src="{{ asset('images/common/blur.png') }}" />
                                                        <i class="fa fa-solid fa-info fa-lg"
                                                            title="Update Subscription"></i>
                                                    </a>
                                                @else
                                                    {{ implode(', ', $businessPainPointNames) }}
                                                @endif
                                            @else
                                                No business challenges and pain points found
                                            @endif
                                        </span>
                                    </div>
                                    <div>
                                        <label>Pain points identified is the most urgent</label> <span class="tx-medium">
                                            @if (!empty($urgentPainPoints))
                                                @if (request('subscription_table_can_access_need') !== null && request('subscription_table_can_access_need') === '0' && $isFreeTrial == 'no')
                                                    <a href="" class="update-subscription"
                                                        title="Update Subscription">
                                                        <img src="{{ asset('images/common/blur.png') }}" />
                                                        <i class="fa fa-solid fa-info fa-lg"
                                                            title="Update Subscription"></i>
                                                    </a>
                                                @else
                                                    @foreach ($urgentPainPoints as $index => $urgentPainPoint)
                                                        {{ $urgentPainPoint->name }}
                                                        @if ($index < count($urgentPainPoints) - 1)
                                                            ,
                                                        @endif
                                                    @endforeach
                                                @endif
                                            @else
                                                No pain points found
                                            @endif
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <div class="media">
                                <div class="media-body">
                                    <div>
                                        <label>Are you planning to purchase a product or service to address this pain point
                                            in the near future?</label> <span class="tx-medium">
                                            @if ($businessUser->businessPurchasePainPointPeriod->count() > 0)
                                                {{ $businessUser->businessPurchasePainPointPeriod[0]->purchasePainPointPeriod->name }}
                                            @else
                                                No Business Purchase Pain Point Period Found
                                            @endif
                                        </span>
                                    </div>
                                    <div>
                                        <label>What is your budget for purchasing a product or service to address this pain
                                            point?</label> <span class="tx-medium">
                                            @if ($businessUser->businessProductServicePurchaseBudget->count() > 0)
                                                {{ $businessUser->businessProductServicePurchaseBudget[0]->productServicePurchaseBudget->name }}
                                            @else
                                                No Business Product Service Purchase Budget Found
                                            @endif
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div>
            </div>
        </div>
    </div>
    <div class="modal" id="modaldemo1">
        <div class="modal-dialog" role="document">
            <div class="modal-content modal-content-demo">
                <div class="modal-header">
                    <h6 class="modal-title">Rating And Review</h6><button aria-label="Close" class="close"
                        data-bs-dismiss="modal" type="button"><span aria-hidden="true">&times;</span></button>
                </div>
                <div class="modal-body">
                    <form action="#" method="post" id="review_form">
                        <input type="text" name="sender_review_id" value="{{ Auth::user()->id }}"
                            id="sender_review_id" hidden>
                        <input type="text" name="receiver_review_id" value="{{ $businessUser->id }}"
                            id="receiver_review_id" hidden>
                        <div class="row">
                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 mx-auto">
                                <div class="form-group row mb-0">
                                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                        <label for="businessDesciprion" class="col-lg-3 col-form-label text-end">
                                            Star Rating <span class="required_compulsary">*</span></label>
                                    </div>
                                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                        <div class="rating text-end">
                                            <i class="ratings_stars fa fa-star" data-rating="1"></i>
                                            <i class="ratings_stars fa fa-star" data-rating="2"></i>
                                            <i class="ratings_stars fa fa-star" data-rating="3"></i>
                                            <i class="ratings_stars fa fa-star" data-rating="4"></i>
                                            <i class="ratings_stars fa fa-star" data-rating="5"></i>
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                        <input type="number" style="position: absolute; opacity: 0;" id="rating-star"
                                            name="rating_star" value="-1">
                                    </div>
                                </div>
                                <!--end form-group-->
                            </div>
                        </div>

                        <div class="row ">
                            <div class="col-md-12 mx-auto">
                                <div class="form-group row mb-0">
                                    <label for="businessDesciprion" class="col-lg-3 col-form-label text-end">Company
                                        Description </label>
                                    <div class="col-lg-9">
                                        <textarea class="form-control businessDesciprion" name="review-description" id="review-description" cols="30"
                                            maxlength="1000" rows="5" data-parsley-required="true"
                                            data-parsley-errors-container=".custom-step-business-desciprion"></textarea>
                                        <div class="text-end">
                                            <span class="pull-right label label-default"
                                                id="businessDesciprionCount"></span>
                                        </div>
                                        <div class="custom-step-business-desciprion"></div>
                                    </div>
                                </div>
                                <!--end form-group-->
                            </div>
                            <!--end col-->
                        </div>
                </div>

                <div class="modal-footer">
                    <button class="btn ripple btn-primary" id="review-submit" type="submit">Save changes</button>
                    <button class="btn ripple btn-secondary" data-bs-dismiss="modal" type="button">Close</button>
                </div>
                </form>
            </div>
        </div>
    </div>
    <div class="modal" id="modaldemocall">
        <div class="modal-dialog" role="document">
            <div class="modal-content modal-content-demo">
                <div class="modal-header">
                    <h6 class="modal-title">Book a call</h6><button aria-label="Close" class="close"
                        data-bs-dismiss="modal" type="button"><span aria-hidden="true">&times;</span></button>
                </div>
                <div class="modal-body">
                    <form action="#" method="post" id="book_call_form">
                        @csrf
                        <input type="text" name="sender_book_call_id" value="{{ Auth::user()->id }}"
                            id="sender_book_call_id" hidden>
                        <input type="text" name="receiver_book_call_id" value="{{ $businessUser->id }}"
                            id="receiver_book_call_id" hidden>
                        <div class="row ">
                            <div class="col-md-12 mx-auto">
                                <div class="form-group row mb-0">
                                    <div class="col-lg-12">
                                        <label for="bookCallDesciprion" class="col-form-label text-end">Description <span
                                                class="required_compulsary">*</span></label>
                                    </div>
                                    <div class="col-lg-12">
                                        <textarea class="form-control bookCallDesciprion" name="book_call_description" id="book_call_description"
                                            cols="30" maxlength="1000" rows="5" data-parsley-required="true"
                                            data-parsley-errors-container=".custom-step-business-desciprion">I am interested in discussing your business and was wondering if you're available for a short call sometime this week. Your insights would be greatly appreciated.</textarea>
                                    </div>
                                </div>
                                <!--end form-group-->
                            </div>
                            @if (\Auth::user()->hasRole('admin'))
                                <div class="col-md-12 mx-auto">
                                    <div class="form-group mt-2">
                                        <label class="col-form-label text-end">Select Businesses</label>
                                        <select name="otherBusiness" id="otherBusiness"
                                            class="form-control  select2  form-select" data-parsley-required="true"
                                            data-parsley-errors-container=".custom-step-error-lpso">
                                            <option></option>
                                        </select>
                                    </div>
                                </div>
                            @endif
                            <div class="col-md-12 mx-auto">
                                <div class="form-group row mb-0">
                                    <div class="col-lg-12">
                                        <label for="bookCallDesciprion" class="col-form-label text-end">Link <span
                                                class="required_compulsary">*</span></label>
                                    </div>
                                    <div class="col-lg-12">
                                        <input type="text" class="form-control" name="link" id="link">
                                    </div>
                                </div>
                                <!--end form-group-->
                            </div>
                            <!--end col-->
                        </div>
                </div>

                <div class="modal-footer">
                    <button class="btn ripple btn-primary" type="submit">Book</button>
                    <button class="btn ripple btn-secondary" data-bs-dismiss="modal" type="button">Close</button>
                </div>
                </form>
            </div>
        </div>
    </div>
@endsection
@push('scripts')
    <script src="{{ asset('/assets/js/modal.js') }}"></script>
    <script src="{{ asset('/assets/plugins/rating/jquery-rate-picker.js') }}"></script>

    <script type="text/javascript">
        const submitReview = "{{ route('review.store') }}"
        const userId = "{{ $businessUser->id }}";
        const oldReview = "{{ route('review.getOldReview') }}";
        const bookCall = "{{ route('book-call') }}"
        const otherbusienss = "{{ route('other-busienss') }}"
        const companyRoute = "{{ route('get-company-name') }}";
    </script>
    <script src="{{ asset('js/backend/review-on-detail.js') }}" type="text/javascript"></script>
    <script>
        var SITE_URL = "