@extends('frontLayout.frontlayout')
@section('content')

<!-- ==== Business_Detail_Top_Section_Start === -->
<section class="business_detail_section">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 mx-auto">
                <div class="business_detail_area">
                    <div class="detail_area d-flex align-items-center">
                        <div class="back_button me-3 pt-4">
                            <a href="{{ route('buyBusiness.index') }}"><i class="fas fa-arrow-circle-left" style="font-size: 30px; color: #fff;"></i></a>
                        </div>
                        <p>Business For Sale / Business Sale List / {{ isset($page['title']) && $page['title'] ? Str::words($page['title'],'5') : '' }}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==== Business_Detail_Top_Section_End === -->

<!-- ==== Business_Detail_Top_Section_Start === -->
<section class="business_grid_detail">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="detail_card_main">
                    <div class="left_area">
                        <div class="detail_slider sticky-md-top">
                            <div class="detail_page_start">
                                                                <div class="product_images">
                                    <div id="slider-nav">
                                        @if(isset($page['company_images']) && $page['company_images'])
                                            <div class="item">
                                                <div class="botttom_image">
                                                    <img src="{{General::renderImage($page['logo'],'small')}}" alt="..." />
                                                </div>
                                            </div>
                                            @foreach($page['company_images'] as $key => $ci)
                                                <div class="item">
                                                    <div class="botttom_image">
                                                        <img src="{{General::renderImage($ci,'small')}}" alt="..." />
                                                    </div>
                                                </div>
                                            @endforeach
                                        @endif
                                    </div>
                                    <div id="slider-for">
                                        @if(isset($page['company_images']) && $page['company_images'])
                                            <div class="item">
                                                <div class="single_image">
                                                    <img src="{{General::renderImage($page['logo'],'medium')}}" alt="..." />
                                                    <div class="top_box_area">
                                                        <div class="top_left">
                                                            <!-- <a href="javascript:;" class="text_market">{{ isset($page['listing_type_name']) && $page['listing_type_name'] ? $page['listing_type_name'] : '' }}</a> -->
                                                        </div>
                                                        <div class="heart_box">
                                                            <a href="javascript:;" class="wishlist" data-rel_id="{{ $page['id'] }}" data-relation="business" data-url={{ route('frontend.wishlist.add') }}>
                                                                <i class="{{ isset($userWishlist) && in_array($page['id'], $userWishlist) ? 'fas' : 'far' }} fa-heart"></i>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="bottom_box_area">
                                                        <div class="bot_left">
                                                            <p><i class="fas fa-eye pe-2"></i> {{isset($page['views']) && $page['views'] ? $page['views'] : 0 }}</p>
                                                        </div>
                                                        <div class="bot_right">
                                                            @if($page['status'] == 1)
                                                                <img src="{{url('frontend/images/medal.png')}}" alt="..." />
                                                            @elseif($page['status'] == 2)
                                                                <img src="{{url('frontend/images/madalCross.png')}}" alt="..." />
                                                            @endif
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            @foreach($page['company_images'] as $key => $ci)
                                                <div class="item">
                                                    <div class="single_image">
                                                        <img src="{{General::renderImage($ci,'medium')}}" alt="..." />
                                                        <div class="top_box_area">
                                                            <div class="top_left">
                                                                <!-- <a href="javascript:;" class="text_market">{{ isset($page['listing_type_name']) && $page['listing_type_name'] ? $page['listing_type_name'] : '' }}</a> -->
                                                            </div>
                                                            <div class="heart_box">
                                                                <a href="javascript:;" class="wishlist" data-rel_id="{{ $page['id'] }}" data-relation="business" data-url={{ route('frontend.wishlist.add') }}>
                                                                    <i class="{{ isset($userWishlist) && in_array($page['id'], $userWishlist) ? 'fas' : 'far' }} fa-heart"></i>
                                                                </a>
                                                            </div>
                                                        </div>
                                                        <div class="bottom_box_area">
                                                            <div class="bot_left">
                                                                <p><i class="fas fa-eye pe-2"></i> {{isset($page['views']) && $page['views'] ? $page['views'] : 0 }}</p>
                                                            </div>
                                                            <div class="bot_right">
                                                                @if($page['status'] == 1)
                                                                <img src="{{url('frontend/images/medal.png')}}" alt="..." />
                                                                @elseif($page['status'] == 2)
                                                                <img src="{{url('frontend/images/madalCross.png')}}" alt="..." />
                                                                @endif
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endforeach
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="right_area">
                        <div class="caption_area">
                            <div class="sale">
                                <a href="javascript:;" class="text_business">{{ isset($page['listing_type_name']) && $page['listing_type_name'] ? $page['listing_type_name'] : '' }}</a>
                            </div>
                            <div class="heading">
                                <a href="javascript:;" class="text_cafe">{{ isset($page['title']) && $page['title'] ? $page['title'] : '' }}</a>
                            </div>
                            <div class="list_main">
                                <div class="b_list_item">
                                    <div class="left_list">
                                        <p>{{__('buyBusiness.industry_title')}}</p>
                                    </div>
                                    <div class="right_list right">
                                        <p><span>:</span> {{ isset($page['business_industry_name']) && $page['business_industry_name'] ? $page['business_industry_name'] : '' }}</p>
                                    </div>
                                </div>
                                <div class="b_list_item">
                                    <div class="left_list">
                                        <p>{{__('buyBusiness.listing_date')}}</p>
                                    </div>
                                    <div class="right_list right">
                                        <p><span>:</span> {{ isset($page['created']) && $page['created'] ? date('d M, Y',strtotime($page['created'])) : '' }}</p>
                                    </div>
                                </div>
                                <div class="b_list_item">
                                    <div class="left_list">
                                        <p>{{__('buyBusiness.city')}}</p>
                                    </div>
                                    <div class="right_list right">
                                        <p><span>:</span> {{ isset($page['city_name']) && $page['city_name'] ? ucfirst($page['city_name']) : '' }}</p>
                                    </div>
                                </div>
                                <div class="b_list_item">
                                    <div class="left_list">
                                        <p>{{__('buyBusiness.country')}}</p>
                                    </div>
                                    <div class="right_list right">
                                        <p><span>:</span> {{ isset($page['country_name']) && $page['country_name'] ? ucfirst($page['country_name']) : '' }}</p>
                                    </div>
                                </div>
                                <div class="b_list_item">
                                    <div class="left_list">
                                        @if(isset($page['email']) && $page['email'])
                                        <p>{{__('buyBusiness.email_address')}}</p>
                                        @endif
                                    </div>
                                    <div class="right_list right">
                                        @if(isset($page['email']) && $page['email'])
                                        <p><span>:</span> {{$page['email']}}</p>
                                        @endif
                                    </div>
                                </div>
                                <div class="b_list_item">
                                    <div class="left_list">
                                        <p>Status</p>
                                    </div>
                                    <div class="right_list right">
                                        @if($page['status'] == 1)
                                            <p><span>:</span> Verified</p>
                                        @elseif($page['status'] == 2)
                                            <p><span>:</span> Unverified</p>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <!-- <div class="address_main">
                                <p><i class="fas fa-map-marker-alt pe-2"></i> {{ isset($page['city_name']) && $page['city_name'] ? $page['city_name'].', ' : '' }}{{ isset($page['country_name']) && $page['country_name'] ? $page['country_name'] : '' }}</p>
                            </div> -->
                            <!-- <div class="btn_area">
                                <a href="javascript:;" class="btn btn-theme">{{__('buyBusiness.contact_us')}} </a>
                            </div> -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==== Business_Detail_Top_Section_End === -->

<!-- ==== Business_Detail_Form_Section_Start === -->
<section class="business_form_section">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="form_detail_area">
                    <div class="row">
                        <div class="col-xxl-7 col-xl-7 col-lg-7 col-md-12 col-sm-12 col-12">
                            <div class="detail_card">
                                <div class="heading_main">
                                    <h5>{{__('buyBusiness.informations')}}</h5>
                                </div>
                                <div class="description">
                                    <p>{!! isset($page['description']) && $page['description'] ? nl2br($page['description']) : '' !!}</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-xxl-5 col-xl-5 col-lg-5 col-md-12 col-sm-12 col-12">
                            <form action="{{route('frontend.business-enquires-request')}}" method="post" id="business_enquiry">
                                {{ csrf_field(); }}
                                <input type="hidden" id="g-recaptcha-response" name="g-recaptcha-response">
                                <div class="form_card">
                                    <div class="form_section">
                                        <div class="row">
                                            <input type="hidden" class="form-control" name="business_id" value="{{ $page['id'] }}">
                                            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                                <div class="form-group">
                                                    <label for="fname">{{__('buyBusiness.name')}}<span>*</span></label>
                                                    <input type="text" class="form-control" name="name" placeholder="{{__('buyBusiness.name_placegholder')}}" value="{{isset($user) && $user ? $user->first_name.' '. $user->last_name : ''}}">
                                                </div>
                                            </div>
                                            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                                <div class="form-group">
                                                    <label>{{__('buyBusiness.contact_number')}}<span>*</span></label>
                                                    <div class="input-group" id="passport_date_box">
                                                        <input class="o-phone" type="hidden" name="phonenumber" value="{{isset($user) && $user ? $user->phonenumber : ''}}">
                                                        <input type="tel" class="form-control number_only" id="phone-input" placeholder="+1 988-898-8989" value="{{isset($user) && $user ? $user->phonenumber : ''}}" />
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                                <div class="form-group">
                                                    <label for="fname">{{__('buyBusiness.email_address')}}<span>*</span></label>
                                                    <input type="text" class="form-control" name="email" value="{{isset($user) && $user ? $user->email : ''}}" placeholder="{{__('buyBusiness.email_placeholder')}}">
                                                </div>
                                            </div>
                                            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 parent">
                                                <div class="form-group temp_delete">
                                                    <label class="set_error">{{ __('buyBusiness.upload_cv') }}</label>
                                                    <input data-path="business_enquiry_cv" type="file" class="form-control file_uploade {{ isset($user['upload_cv']) && $user['upload_cv'] ? "d-none" : "" }}" name="upload_cv" placeholder="" required />
                                                    <input type="hidden" id="upload_cv" name="upload_cv" value="{{ isset($user['upload_cv']) && $user['upload_cv'] ? $user['upload_cv'] : "" }}">
                                                    <div class="show-section {{ isset($user['upload_cv']) && $user['upload_cv'] ? '' : "d-none" }}">
                                                        <div class="show-section">
                                                            <div class="single-image">
                                                                <a href="javascript:;" class="fileRemover_doc single-cross image" data-relation="business_enquires.upload_cv" data-path="{{ isset($user['upload_cv']) && $user['upload_cv'] ? $user['upload_cv'] : '' }}" data-id="{{isset($user['id']) && $user['id'] ? $user['id'] : '' }}">
                                                                    <i class="fas fa-times"></i>
                                                                </a>
                                                                @php
                                                                $extension = isset($user['upload_cv']) && $user['upload_cv'] ? pathinfo($user['upload_cv'], PATHINFO_EXTENSION) : '';
                                                                @endphp
                                                                @if(in_array($extension,['docx']))
                                                                <img src="{{ url('frontend/icon/docx.png') }}">
                                                                @elseif(in_array($extension,['pdf']))
                                                                <img src="{{ url('frontend/icon/pdf.png') }}">
                                                                @elseif(in_array($extension,['doc']))
                                                                <img src="{{ url('frontend/icon/doc.png') }}">
                                                                @endif
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="icon upload_doc d-none">
                                                        <a href="javascript:;">
                                                            <i class="far fa-file-alt"></i>
                                                        </a>
                                                    </div>
                                                    <div class="icon remove_doc d-none">
                                                        <a href="javascript:;">
                                                            <i class="fal fa-times"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                                <div class="form-group">
                                                    <label for="fname">{{__('buyBusiness.message')}}<span>*</span></label>
                                                    <textarea rows="4" name="message" required type="text" class="form-control" placeholder="{{__('buyBusiness.message_placeholder')}}">{{old('message')}}</textarea>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="btn_area submit_button">
                                        <button id="btnConSubmit" href="javascript:;" class="btn btn-theme">{{__('buyBusiness.submit')}}</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==== Business_Detail_Form_Section_End === -->

<!-- ==== Business_Detail_Slider_Section_Start === -->
<section class="grid_slider_section">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="grid_slider_area">
                    <div class="title_area">
                        <h5>{{__('buyBusiness.similar_business_listings')}}</h5>
                    </div>
                    <div class="owl-carousel owl-theme" id='business_grid'>
                        @if(isset($relatedBusiness) && $relatedBusiness)
                        @foreach($relatedBusiness as $j => $rb)
                        <div class="item">
                            <div class="one_third match_height_col">
                                <div class="image_area">
                                    <div class="inner_image">
                                        <img src="{!! General::renderImage(!empty($rb['company_images']) && count($rb['company_images'])>0? current($rb['company_images']) : '','large') !!}" alt="..." />
                                    </div>
                                    <div class="top_box_area">
                                        <div class="top_left">
                                            <a href="javascript:;" class="text_market">{{ isset($rb['listing_type_name']) && $rb['listing_type_name'] ? $rb['listing_type_name'] : '' }}</a>
                                        </div>
                                        <div class="heart_box">
                                            <a href="javascript:;" class="wishlist" data-rel_id="{{ $rb['id'] }}" data-relation="business" data-url={{ route('frontend.wishlist.add') }}>
                                                <i class="{{ isset($userWishlist) && in_array($rb['id'], $userWishlist) ? 'fas' : 'far' }} fa-heart"></i>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="bottom_box_area">
                                        <div class="bot_left">
                                            <i class="fas fa-eye"></i> {{isset($page['views']) && $page['views'] ? $page['views'] : 0 }}
                                        </div>
                                        <div class="bot_right">
                                            @if($rb['status'] == 1)
                                            <img src="{{url('frontend/images/medal.png')}}" alt="..." />
                                            @elseif($rb['status'] == 2)
                                            <img src="{{url('frontend/images/madalCross.png')}}" alt="..." />
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                <div class="caption_area">
                                    <div class="sale">
                                        <a href="{{route('buyBusiness.index',['industryType' => General::encrypt($page['business_industry'])])}}" class="text_business">{{ isset($rb['business_industry_name']) && $rb['business_industry_name'] ? $rb['business_industry_name'] : '' }}</a>
                                    </div>
                                    <div class="cap_heading">
                                        <div class="left_cap">
                                            <h3 class="match_height_txt">

                                                <a href="{{route('frontend.bussiness.detail',['slug' => $rb['slug']])}}" class="text_estate">{{ isset($rb['title']) && $rb['title'] ? Str::limit($rb['title'],'50','...') : '' }}</a>
                                            </h3>
                                        </div>
                                        <div class="right_cap">
                                            <i class="far fa-calendar-alt"></i> {{ isset($rb['created']) && $rb['created'] ? date('d M, Y',strtotime($rb['created'])) : '' }}
                                        </div>
                                    </div>
                                    <div class="cap_textbox match_height_div">
                                        <p>{{ Str::limit($rb['description'],65,'....'); }}</p>
                                    </div>
                                    <div class="cap_list">
                                        <ul>
                                            <li class="calender">
                                                <a href="javascript:;" class="text_calender">{{ isset($rb['created']) && $rb['created'] ? date('d M, Y',strtotime($rb['created'])) : '' }}</a>
                                            </li>
                                            @if(isset($rb['email']) && $rb['email'])
                                            <li class="email">
                                                <a href="javascript:;" class="text_email">{{ isset($rb['email'])  && $rb['email'] ? $rb['email'] : '' }}</a>
                                            </li>
                                            @endif
                                            <li class="address">
                                                <a href="javascript:;" class="text_address">{{ isset($rb['city_name']) && $rb['city_name'] ? $rb['city_name'].', ' : '' }}{{ isset($rb['country_name']) && $rb['country_name'] ? $rb['country_name'] : '' }}</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="view_detail_row">
                                        <div class="left_detail">
                                            <a href="{{route('frontend.bussiness.detail',['slug' => $rb['slug']])}}" class="btn btn-theme w-100">{{__('buyBusiness.view_details')}}</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endforeach
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==== Business_Detail_Slider_Section_End === -->

@endsection