@extends('layouts.dashboard.app')
@section('title', 'Add Business Detail | Chemical Wholesale')
@section('content')
    <div class="cw-content">
        <div class="container-fluid">
            <div class="cw-content-inner">
                <div class="cw-content-body">
                    <div class="cw-block-head cw-block-head-sm">
                        <div class="cw-block-between d-lg-flex justify-content-between align-items-center">
                            <div class="cw-block-head-content">
                                <h3 class="cw-block-title page-title">Setup Your Business Profile</h3>
                                <div class="cw-block-des text-soft">
                                    <p>Setup a profile to help buyers learn about your business and products.</p>
                                </div>
                            </div>
                            <div>
                                <a href="javascript:void(0)" class="mb-3 mb-lg-0 d-inline-block business-review-btn {{ (@$detail->approved == 1) ? 'yellow': ((@$detail->approved == 2) ? 'green': 'grey')}}" data-id="{{ @$detail->uuid }}" data-approve="{{ @$detail->approved }}">
                                    <i class="bi bi-eye me-1" data-bs-toggle="tooltip"
                                    data-bs-title="Once you've completed your business information, submit it for review. Once approved, your listing will be live on our platform."></i>
                                     <span class="business-status">
                                        {{ (@$detail->approved == 1) ? 'Pending Review': ((@$detail->approved == 2) ? 'Approved': 'Submit for Review')}}
                                    </span>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="add-product">
                        <div class="nav nav-tabs" role="tablist">
                            <div class="mob-horizontal-scrollbar-div">
                                <button class="tab-link" data-bs-toggle="pill" data-bs-target="#details" type="button"
                                    role="tab">Business Details</button>
                                <button class="tab-link" data-bs-toggle="pill" data-bs-target="#contact" type="button"
                                    role="tab">Contact Information</button>
                                <button class="tab-link" data-bs-toggle="pill" data-bs-target="#address" type="button"
                                    role="tab">Address(es)</button>
                                <button class="tab-link" data-bs-toggle="pill" data-bs-target="#gallery" type="button"
                                    role="tab">Gallery</button>
                                <button class="tab-link" data-bs-toggle="pill" data-bs-target="#document" type="button"
                                    role="tab">Documents</button>
                                <button class="tab-link" data-bs-toggle="pill" data-bs-target="#setting" type="button"
                                    role="tab">Other Settings</button>
                            </div>
                        </div>
                        @include('layouts.dashboard.flash')
                            <div class="tab-content">
                                <!-- Business Information Tab -->
                                <div class="tab-pane" id="details" role="tabpanel">
                                    <form action="{{ route('admin.business.store') }}" method="post" enctype="multipart/form-data" id="businessDetailForm">
                                        <input type="hidden" name="bid" id="bid" class="bid" value="{{ @$detail->uuid }}"/>
                                        @csrf
                                        <div class="card">
                                            <div class="card-body">
                                                <div class="row gx-5 align-items-center">
                                                    <div class="col-lg-7">
                                                        <div class="row">
                                                            <div class="col-lg-6 mb-3">
                                                                <label class="form-label">Business Name (DBA)</label>
                                                                <input type="text" class="form-control" placeholder="Business Name" value="{{ old('name', @$detail->name) }}" id="name" name="name" maxlength="50">
                                                            </div>
                                                            <div class="col-lg-6 mb-3">
                                                                <label class="form-label">Company Name (Registered Entity)</label>
                                                                <input type="text" class="form-control" placeholder="Company Name" value="{{ old('company', !empty(@$detail) ? @$detail->company : @$company) }}" maxlength="50" id="company" name="company" required>
                                                            </div>
                                                            <div class="col-lg-6 mb-3">
                                                                <label class="form-label">Business Type</label>
                                                                <select name="business_type" id="business_type"
                                                                    class="form-control form-select">
                                                                    <option value="">Select business type</option>
                                                                    <option value="Sole Proprietorship" {{ @$detail->business_type == 'Sole Proprietorship' ? 'selected="true"':'' }}>Sole Proprietorship</option>
                                                                    <option value="Partnership" {{ @$detail->business_type == 'Partnership' ? 'selected="true"':'' }}>Partnership</option>
                                                                    <option value="LLC (Limited Liability Company)" {{ @$detail->business_type == 'LLC (Limited Liability Company)' ? 'selected="true"':'' }}>LLC (Limited Liability Company)</option>
                                                                    <option value="Corporation (Inc.)" {{ @$detail->business_type == 'Corporation (Inc.)' ? 'selected="true"':'' }}>Corporation (Inc.)</option>
                                                                    <option value="Nonprofit" {{ @$detail->business_type == 'Nonprofit' ? 'selected="true"':'' }}>Nonprofit</option>
                                                                </select>
                                                            </div>
                                                            <div class="col-lg-6 mb-3">
                                                                <label class="form-label">Year Established</label>
                                                                <input type="number" min="1700" max="{{ date('Y') }}" step="1" class="form-control" value="{{ old('establish_year', @$detail->establish_year) }}" id="establish_year" name="establish_year"
                                                                    placeholder="Year Established">
                                                            </div>
                                                            <div class="col-lg-6 mb-3">
                                                                <label class="form-label">Company Email Address</label>
                                                                <input type="email" class="form-control" value="{{ old('company_email', @$detail->company_email) }}" id="company_email" maxlength="100" name="company_email"
                                                                    placeholder="Company Email Address">
                                                            </div>
                                                            <div class="col-lg-6 mb-3">
                                                                <label class="form-label">Company Phone Number</label>
                                                                <input type="text" minlength="10" maxlength="20" class="form-control" value="{{ old('company_phone', @$detail->company_phone) }}" id="company_phone" name="company_phone"
                                                                    placeholder="Company Phone Number" onkeyup="this.value = this.value.replace(/[^0-9\s\-\(\)]/g, '')">
                                                            </div>
                                                            <div class="col-lg-6 mb-3">
                                                                <label class="form-label">Company Website</label>
                                                                <input type="text" class="form-control" value="{{ old('company_url', @$detail->company_url) }}" id="company_url" name="company_url" maxlength="100" placeholder="Company Website">
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-5" style="border-left: 2px solid #eee">
                                                        <div class="row">
                                                            <div class="col-lg-6 mb-3">
                                                                <label class="form-label">Upload Your Business Logo</label>
                                                                <div class="imgpreview-container">
                                                                    <img src="{{ @$detail['getLogo']['path'] }}" data-path="{{ @$detail['getLogo']['id'] }}" alt="" id="logoprev" class="imgpreview-img" onerror="src='/assets/img/noimg.jpg'">
                                                                </div>
                                                                <input type="file" name="logo" id="logo" class="form-control logo" data-prvid="logoprev" onchange="readURL(this);" accept="image/jpeg, image/png">
                                                                <input type="hidden" name="croplogo[]" id="base64">
                                                                <input type="hidden" name="croplogo[]" id="orignalname">
                                                                <span class="upload-file-msg">Recommended size: 500 x 500 <br> Supported File types - PNG, JPG</span>
                                                            </div>
                                                            <div class="col-lg-6 mb-3">
                                                                <label class="form-label">Upload Your Cover Image</label>
                                                                <div class="imgpreview-container">
                                                                    <img src="{{ @$detail['getCover']['path'] }}" data-path="{{ @$detail['getCover']['path'] }}" alt="" id="coverimageprev" class="imgpreview-img" onerror="src='/assets/img/noimg.jpg'">
                                                                </div>
                                                                <input type="file" name="cover_image" id="cover_image" data-prvid="coverimageprev" class="form-control cover_image" onchange="readURL(this);" accept="image/jpeg, image/png">
                                                                
                                                                <span class="upload-file-msg">Recommended size: 1920 x 300 <br> Supported File types - PNG, JPG</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div>
                                                    <button type="submit" class="btn-formpage-submit business-detail">Save</button>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <!-- Contact Information Tab -->
                                <div class="tab-pane show" id="contact" role="tabpanel">
                                    <form action="{{ route('admin.business.contacinfo') }}" method="post" enctype="multipart/form-data" id="contactDetailForm">
                                        <input type="hidden" name="bid" id="bid" class="bid" value="{{ @$detail->uuid }}"/>
                                        @csrf
                                        <div class="card">
                                            <div class="card-body">
                                                <div class="row gx-5">
                                                    <div class="col-lg-7">
                                                        <div class="row">
                                                            <div class="col-lg-6 mb-3">
                                                                <label class="form-label">
                                                                    Contact Person Name
                                                                </label>
                                                                <input type="text" class="form-control" value="{{ old('contact_person_name', @$detail->contact_person_name) }}" id="contact_person_name" name="contact_person_name" maxlength="50" placeholder="Contact person name">
                                                            </div>

                                                            <div class="col-lg-6 mb-3">
                                                                <label class="form-label">Position in Company</label>
                                                                <input type="text" name="contact_person_post" id="contact_person_post" value="{{ @$detail->contact_person_post }}" class="form-control" placeholder="Position in Company" maxlength="50">
                                                            </div>
                                                            <div class="col-lg-6 mb-3">
                                                                <label class="form-label">Email Address</label>
                                                                <input type="email" class="form-control" value="{{ old('support_email', @$detail->support_email) }}" id="support_email" name="support_email" maxlength="100" placeholder="Email address">
                                                            </div>
                                                            <div class="col-lg-6 mb-3">
                                                                <label class="form-label">Phone Number</label>
                                                                <input type="text" class="form-control" value="{{ old('support_phone', @$detail->support_phone) }}" id="support_phone" name="support_phone"
                                                                   maxlength="20" placeholder="Phone number" onkeyup="this.value = this.value.replace(/[^0-9\s\-\(\)]/g, '')">
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-5" style="border-left: 2px solid #eee">
                                                        <div class="row">
                                                            <div class="col-lg-12 mb-3">
                                                                <label class="form-label">Upload Profile Image</label>
                                                                <div class="imgpreview-container">
                                                                    <img src="{{ @$detail['getcontactimage']['path'] }}" alt="" id="contactpersonimg" class="imgpreview-img" onerror="src='/assets/img/default_user.png'">
                                                                </div>
                                                                <input type="file" name="contact_person_image" id="contact_person_image" data-prvid="contactpersonimg" class="form-control contact_person_image" onchange="readURL(this);" accept="image/jpeg, image/png">
                                                                
                                                                <span class="upload-file-msg">Recommended size: 500 x 500 | Supported File types - PNG, JPG</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div>
                                                    <button type="submit" class="btn-formpage-submit">Save</button>
                                                </div>

                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <!-- Address Information Tab -->
                                <div class="tab-pane show" id="address" role="tabpanel">
                                    <div class="card">
                                        <div class="card-header d-flex justify-content-between align-items-center">
                                            <label class="form-label mb-0">Your Added Addresses</label>
                                            <a data-bs-toggle="modal" data-bs-target="#addaddress" class="btn-cw pe-3">
                                                <i class="bi bi-plus"></i>
                                                Addresses
                                            </a>
                                        </div>
                                        <input type="hidden" name="bid" id="addressbid" class="addressbid" value="{{ @$detail->id }}"/>
                                        <div class="card-body">
                                            <div class="row">
                                                @if(!empty(@$addresses) && @$addresses->count() > 0)
                                                    @php $i=0; @endphp
                                                    @foreach(@$addresses as $address)
                                                        <div class="col-lg-3">
                                                            <div class="card-2 border-1 mb-3">
                                                                <!-- Title Header -->
                                                                <div class="card-header d-flex justify-content-between align-items-center">
                                                                    <p class="card-header-title">{{ $address->location_name }}</p>
                                                                    <div class="dropdown">
                                                                        <a class="text-muted" href="javascript:void(0);" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="bi bi-three-dots-vertical"></i></a>
                                                                        <div class="dropdown-menu dropdown-menu-end">
                                                                            <a href="javascript:void(0);" data-aid="{{ $address->uuid }}" data-bid="{{ $address->business_id }}" class="dropdown-item p-2 getAddressInfo">Edit</a>
                                                                            <a href="{{ route('admin.addresses.destroy',['id' => $address->uuid])}}" class="dropdown-item p-2 recdelete">Delete</a>
                                                                            <a href="{{ route('admin.addresses.primary',['bid' =>$address->business_id ,'id' => $address->uuid])}}" class="dropdown-item p-2">Primary</a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="card-body">
                                                                    <div class="business-address">
                                                                        <div class="">
                                                                            <div class="">
                                                                            {{ $address->address_1 }}<br>
                                                                            @if(!empty($address->address_2))
                                                                            {{ $address->address_2 }}<br>
                                                                            @endif
                                                                            @if(!empty($address->city) || !empty($address->state) || !empty($address->zipcode))
                                                                            {{ $address->city }} {{ $address->state ? ', ' . $address->state : '' }}{{ $address->zipcode ? ', ' . $address->zipcode : '' }}<br>
                                                                            @endif
                                                                            @if(!empty($address->getCountry))
                                                                            {{ $address->getCountry->name_en }}<br>
                                                                            @endif
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <!-- Footer -->
                                                                <div class="card-footer">
                                                                    <p class="mb-2 text-muted"><i class="bi bi-envelope me-2"></i>{{ $address->email ?: '--' }}</p>
                                                                    <p class="mb-0 text-muted"><i class="bi bi-telephone me-2"></i>{{ $address->mobile ?: '--' }}</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        @php $i++; @endphp
                                                    @endforeach
                                                @else
                                                <div class="text-center w-50">
                                                    <div class="card dashed-card">
                                                        <div class="card-body">
                                                            <i class="bi bi-geo-alt-fill no-info-i"></i>
                                                            <h5 class="no-info-title">Add Your First Address</h5>
                                                            <p class="no-info-p py-2">You can add multiple addresses of your headquarters, warehouses and other facilities</p>
                                                            <a data-bs-toggle="modal" data-bs-target="#addaddress"  class="btn-cw">
                                                                <i class="bi bi-plus"></i> Address
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Gallery Information Tab -->
                                <div class="tab-pane show" id="gallery" role="tabpanel">
                                    @php
                                        $galleries = !empty(@$detail->getgallery) ? @$detail->getgallery->whereNull('deleted_at')->where('section', 'gallery')->sortBy('order_number') : '';
                                    @endphp
                                    <div class="card">
                                        <div class="card-header d-flex justify-content-between align-items-center">
                                            <label class="form-label mb-0">Image Gallery
                                                <span class="upload-file-msg"> (Click and Drag to Order)</span>
                                            </label>
                                            <a data-bs-toggle="modal" data-bs-target="#add_media" class="btn-cw pe-3">
                                                <i class="bi bi-plus"></i>
                                                Upload Images
                                            </a>
                                        </div>
                                        <div class="card-body">
                                            @if (!empty($galleries))
                                                <div id="gallerydiv" class="row gallerydiv p-0" data-bid="{{ @$detail->id }}">
                                                    @foreach ($galleries as $gallery)
                                                        <div id="{{ $gallery->uuid }}"
                                                            class="galleryimg col-lg-2 col-6 mb-3 gallerydiv{{ $gallery->id }}">
                                                            <div class="gallery-item">
                                                                <div class="gallery-option dropdown">
                                                                    <div class="d-flex justify-content-end">
                                                                        <a class="text-muted" href="javascript:void(0);"
                                                                            data-bs-toggle="dropdown" aria-haspopup="true"
                                                                            aria-expanded="false"><i
                                                                                class="bi bi-three-dots-vertical"></i></a>
                                                                        <div class="dropdown-menu dropdown-menu-end">
                                                                            <a href="javascript:void(0);"
                                                                                data-id="{{ $gallery->id }}"
                                                                                data-bid="{{ $gallery->business_id }}"
                                                                                class="dropdown-item p-2 rmimg">Delete</a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="gallery-container">
                                                                    <img src="{{ @$gallery->path }}" id="gallerypreview"
                                                                        alt="" class="gallery-img"
                                                                        onerror="src='/assets/img/noimg.jpg'">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    @endforeach
                                                </div>
                                            @else
                                                <div class="nouploaded-media-message">
                                                    No images uploaded,
                                                    <a data-bs-toggle="modal" data-bs-target="#add_media"
                                                        class="text-primary fw-bold">Click Here</a> to upload product
                                                    images
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                <!--Business Documet Tab -->
                                <div class="tab-pane show" id="document" role="tabpanel">
                                    <form action="{{ route('admin.business.docncerti') }}" method="post" enctype="multipart/form-data" id="contactDetailForm">
                                        <input type="hidden" name="bid" id="bid" class="bid" value="{{ @$detail->uuid }}"/>
                                        @csrf
                                        <div class="card">
                                            <div class="card-header">
                                                <h6 class="fe-bold mb-0">Business Documents & Certifications</h6>
                                            </div>
                                            @php
                                                $documents = (!empty(@$detail) && !empty(@$detail->getbusinessdoc())) ? @$detail->getbusinessdoc()->get() : '';
                                                $license_certi = (!empty(@$documents) && @$documents->where('title', 'license_certi')->first()) ? @$documents->where('title', 'license_certi')->first():'';
                                                $tax_certi = (!empty(@$documents) && @$documents->where('title', 'tax_certi')->first()) ? @$documents->where('title', 'tax_certi')->first():'';
                                                $agreement_certi = (!empty(@$documents) && @$documents->where('title', 'agreement_certi')->first()) ? @$documents->where('title', 'agreement_certi')->first():'';
                                                $iso_certi = (!empty(@$documents) && @$documents->where('title', 'iso_certi')->first()) ? @$documents->where('title', 'iso_certi')->first():'';
                                                $gmp_certi = (!empty(@$documents) && @$documents->where('title', 'gmp_certi')->first()) ? @$documents->where('title', 'gmp_certi')->first():'';
                                                $reach_compliance = (!empty(@$documents) && @$documents->where('title', 'reach_compliance')->first()) ? @$documents->where('title', 'reach_compliance')->first():'';
                                                $osha_compliance = (!empty(@$documents) && @$documents->where('title', 'osha_compliance')->first()) ? @$documents->where('title', 'osha_compliance')->first():'';
                                                $hazardous_certi = (!empty(@$documents) && @$documents->where('title', 'hazardous_certi')->first()) ? @$documents->where('title', 'hazardous_certi')->first():'';
                                                $haccp_certi = (!empty(@$documents) && @$documents->where('title', 'haccp_certi')->first()) ? @$documents->where('title', 'haccp_certi')->first():'';

                                                $extArr = [
                                                    'pdf' => 'pdf',
                                                    'doc' => 'word',
                                                    'docx' => 'word',
                                                    'xls' => 'excel',
                                                    'xlsx' => 'excel',
                                                    'ppt' => 'ppt',
                                                    'pptx' => 'ppt',
                                                    'txt' => 'text',
                                                    'rtf' => 'text',
                                                ];
                                                $extA = [
                                                    'pdf',
                                                    'doc',
                                                    'docx',
                                                    'xls',
                                                    'xlsx',
                                                    'ppt',
                                                    'pptx',
                                                ];
                                            @endphp
                                            <div class="card-body cw-form">
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="row">
                                                            <div class="col-lg-6 mb-3">
                                                                <label class="form-label onboarding-label">Business License or
                                                                    Registration
                                                                    Certificate</label>
                                                                <input type="file" name="license_certi" id="license_certi"
                                                                    class="form-control onboarding-input license_certi">
                                                            </div>
                                                            @if (@$license_certi)
                                                                <div class="col-lg-4 m-auto gallerydiv{{ $license_certi->id }} mb-3 mb-lg-0"
                                                                    style="border-left:2px solid #eee;">
                                                                    <div class="business-document-download">
                                                                        <a href="{{ @$license_certi->path }}" target="_blank"
                                                                            class="document-title"
                                                                            title="{{ @$license_certi->title }}">
                                                                            @if (in_array($license_certi->extension, $extA))
                                                                                <i class="icon bi bi-file-{{ $extArr[$license_certi->extension] }}"
                                                                                    style="font-size:40px;"></i>
                                                                            @else
                                                                                <i class="icon bi bi-file-text"
                                                                                    style="font-size:40px;"></i>
                                                                            @endif
                                                                            <span
                                                                                style="display:flex;">{{ @$license_certi->name }}</span>
                                                                        </a>
                                                                        <button type="button" class="btn-close rmimg"
                                                                            data-id="{{ $license_certi->id }}"
                                                                            data-bid="{{ $license_certi->business_id }}"></button>
                                                                    </div>
                                                                </div>
                                                            @endif
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-12">
                                                        <div class="row">
                                                            <div class="col-lg-6 mb-3">
                                                                <label class="form-label onboarding-label">Tax Identification
                                                                    Number</label>
                                                                <input type="file" name="tax_certi" id="tax_certi"
                                                                    class="form-control onboarding-input tax_certi">
                                                            </div>
                                                            @if (@$tax_certi)
                                                                <div class="col-lg-4 mb-3 mb-lg-0 m-auto gallerydiv{{ $tax_certi->id }}"
                                                                    style="border-left:2px solid #eee;">
                                                                    <div class="business-document-download">
                                                                        <a href="{{ @$tax_certi->path }}" target="_blank"
                                                                            class="document-title"
                                                                            title="{{ @$tax_certi->title }}">
                                                                            @if (in_array($tax_certi->extension, $extA))
                                                                                <i class="icon bi bi-file-{{ $extArr[$tax_certi->extension] }}"
                                                                                    style="font-size:40px;"></i>
                                                                            @else
                                                                                <i class="icon bi bi-file-text"
                                                                                    style="font-size:40px;"></i>
                                                                            @endif
                                                                            <span
                                                                                style="display:flex;">{{ @$tax_certi->name }}</span>
                                                                        </a>
                                                                        <button type="button" class="btn-close rmimg"
                                                                            data-id="{{ $tax_certi->id }}"
                                                                            data-bid="{{ $tax_certi->business_id }}"></button>
                                                                    </div>
                                                                </div>
                                                            @endif
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-12">
                                                        <div class="row">
                                                            <div class="col-lg-6 mb-3">
                                                                <label class="form-label onboarding-label">Operating Agreement
                                                                    or Bylaws</label>
                                                                <input type="file" name="agreement_certi"
                                                                    id="agreement_certi"
                                                                    class="form-control onboarding-input agreement_certi">
                                                            </div>
                                                            @if (@$agreement_certi)
                                                                <div class="col-lg-4 mb-3 mb-lg-0 m-auto gallerydiv{{ $agreement_certi->id }}"
                                                                    style="border-left:2px solid #eee;">
                                                                    <div class="business-document-download">
                                                                        <a href="{{ @$agreement_certi->path }}"
                                                                            target="_blank" class="document-title"
                                                                            title="{{ @$agreement_certi->title }}">
                                                                            @if (in_array($agreement_certi->extension, $extA))
                                                                                <i class="icon bi bi-file-{{ $extArr[$agreement_certi->extension] }}"
                                                                                    style="font-size:40px;"></i>
                                                                            @else
                                                                                <i class="icon bi bi-file-text"
                                                                                    style="font-size:40px;"></i>
                                                                            @endif
                                                                            <span
                                                                                style="display:flex;">{{ @$agreement_certi->name }}</span>
                                                                        </a>
                                                                        <button type="button" class="btn-close rmimg"
                                                                            data-id="{{ $agreement_certi->id }}"
                                                                            data-bid="{{ $agreement_certi->business_id }}"></button>
                                                                    </div>
                                                                </div>
                                                            @endif
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-12">
                                                        <div class="row">
                                                            <div class="col-lg-6 mb-3">
                                                                <label class="form-label onboarding-label">ISO
                                                                    Certifications</label>
                                                                <input type="file" name="iso_certi" id="iso_certi"
                                                                    class="form-control onboarding-input iso_certi">
                                                            </div>
                                                            @if (@$iso_certi)
                                                                <div class="col-lg-4 mb-3 mb-lg-0 m-auto gallerydiv{{ $iso_certi->id }}"
                                                                    style="border-left:2px solid #eee;">
                                                                    <div class="business-document-download">
                                                                        <a href="{{ @$iso_certi->path }}" target="_blank"
                                                                            class="document-title"
                                                                            title="{{ @$iso_certi->title }}">
                                                                            @if (in_array($iso_certi->extension, $extA))
                                                                                <i class="icon bi bi-file-{{ $extArr[$iso_certi->extension] }}"
                                                                                    style="font-size:40px;"></i>
                                                                            @else
                                                                                <i class="icon bi bi-file-text"
                                                                                    style="font-size:40px;"></i>
                                                                            @endif
                                                                            <span
                                                                                style="display:flex;">{{ @$iso_certi->name }}</span>
                                                                        </a>
                                                                        <button type="button" class="btn-close rmimg"
                                                                            data-id="{{ $iso_certi->id }}"
                                                                            data-bid="{{ $iso_certi->business_id }}"></button>
                                                                    </div>
                                                                </div>
                                                            @endif
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-12">
                                                        <div class="row">
                                                            <div class="col-lg-6 mb-3">
                                                                <label class="form-label onboarding-label">GMP (Good
                                                                    Manufacturing Practices)
                                                                    Certification</label>
                                                                <input type="file" name="gmp_certi" id="gmp_certi"
                                                                    class="form-control onboarding-input gmp_certi">
                                                            </div>
                                                            @if (@$gmp_certi)
                                                                <div class="col-lg-4 mb-3 mb-lg-0 m-auto gallerydiv{{ $gmp_certi->id }}"
                                                                    style="border-left:2px solid #eee;">
                                                                    <div class="business-document-download">
                                                                        <a href="{{ @$gmp_certi->path }}" target="_blank"
                                                                            class="document-title"
                                                                            title="{{ @$gmp_certi->title }}">
                                                                            @if (in_array($gmp_certi->extension, $extA))
                                                                                <i class="icon bi bi-file-{{ $extArr[$gmp_certi->extension] }}"
                                                                                    style="font-size:40px;"></i>
                                                                            @else
                                                                                <i class="icon bi bi-file-text"
                                                                                    style="font-size:40px;"></i>
                                                                            @endif
                                                                            <span
                                                                                style="display:flex;">{{ @$gmp_certi->name }}</span>
                                                                        </a>
                                                                        <button type="button" class="btn-close rmimg"
                                                                            data-id="{{ $gmp_certi->id }}"
                                                                            data-bid="{{ $gmp_certi->business_id }}"></button>
                                                                    </div>
                                                                </div>
                                                            @endif
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-12">
                                                        <div class="row">
                                                            <div class="col-lg-6 mb-3">
                                                                <label class="form-label onboarding-label">REACH
                                                                    Compliance</label>
                                                                <input type="file" name="reach_compliance"
                                                                    id="reach_compliance"
                                                                    class="form-control onboarding-input reach_compliance">
                                                            </div>
                                                            @if (@$reach_compliance)
                                                                <div class="col-lg-4 mb-3 mb-lg-0 m-auto gallerydiv{{ $reach_compliance->id }}"
                                                                    style="border-left:2px solid #eee;">
                                                                    <div class="business-document-download">
                                                                        <a href="{{ @$reach_compliance->path }}"
                                                                            target="_blank" class="document-title"
                                                                            title="{{ @$reach_compliance->title }}">
                                                                            @if (in_array($reach_compliance->extension, $extA))
                                                                                <i class="icon bi bi-file-{{ $extArr[$reach_compliance->extension] }}"
                                                                                    style="font-size:40px;"></i>
                                                                            @else
                                                                                <i class="icon bi bi-file-text"
                                                                                    style="font-size:40px;"></i>
                                                                            @endif
                                                                            <span
                                                                                style="display:flex;">{{ @$reach_compliance->name }}</span>
                                                                        </a>
                                                                        <button type="button" class="btn-close rmimg"
                                                                            data-id="{{ $reach_compliance->id }}"
                                                                            data-bid="{{ $reach_compliance->business_id }}"></button>
                                                                    </div>
                                                                </div>
                                                            @endif
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-12">
                                                        <div class="row">
                                                            <div class="col-lg-6 mb-3">
                                                                <label class="form-label onboarding-label">OSHA (Occupational
                                                                    Safety and Health
                                                                    Administration) Compliance</label>
                                                                <input type="file" name="osha_compliance"
                                                                    id="osha_compliance"
                                                                    class="form-control onboarding-input osha_compliance">
                                                            </div>
                                                            @if (@$osha_compliance)
                                                                <div class="col-lg-4 mb-3 mb-lg-0 m-auto gallerydiv{{ $osha_compliance->id }}"
                                                                    style="border-left:2px solid #eee;">
                                                                    <div class="business-document-download">
                                                                        <a href="{{ @$osha_compliance->path }}"
                                                                            target="_blank" class="document-title"
                                                                            title="{{ @$osha_compliance->title }}">
                                                                            @if (in_array($osha_compliance->extension, $extA))
                                                                                <i class="icon bi bi-file-{{ $extArr[$osha_compliance->extension] }}"
                                                                                    style="font-size:40px;"></i>
                                                                            @else
                                                                                <i class="icon bi bi-file-text"
                                                                                    style="font-size:40px;"></i>
                                                                            @endif
                                                                            <span
                                                                                style="display:flex;">{{ @$osha_compliance->name }}</span>
                                                                        </a>
                                                                        <button type="button" class="btn-close rmimg"
                                                                            data-id="{{ $osha_compliance->id }}"
                                                                            data-bid="{{ $osha_compliance->business_id }}"></button>
                                                                    </div>
                                                                </div>
                                                            @endif
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-12">
                                                        <div class="row">
                                                            <div class="col-lg-6 mb-3">
                                                                <label class="form-label onboarding-label">Hazardous Materials
                                                                    Handling
                                                                    Certifications</label>
                                                                <input type="file" name="hazardous_certi"
                                                                    id="hazardous_certi"
                                                                    class="form-control onboarding-input hazardous_certi">
                                                            </div>
                                                            @if (@$hazardous_certi)
                                                                <div class="col-lg-4 mb-3 mb-lg-0 m-auto gallerydiv{{ $hazardous_certi->id }}"
                                                                    style="border-left:2px solid #eee;">
                                                                    <div class="business-document-download">
                                                                        <a href="{{ @$hazardous_certi->path }}"
                                                                            target="_blank" class="document-title"
                                                                            title="{{ @$hazardous_certi->title }}">
                                                                            @if (in_array($hazardous_certi->extension, $extA))
                                                                                <i class="icon bi bi-file-{{ $extArr[$hazardous_certi->extension] }}"
                                                                                    style="font-size:40px;"></i>
                                                                            @else
                                                                                <i class="icon bi bi-file-text"
                                                                                    style="font-size:40px;"></i>
                                                                            @endif
                                                                            <span
                                                                                style="display:flex;">{{ @$hazardous_certi->name }}</span>
                                                                        </a>
                                                                        <button type="button" class="btn-close rmimg"
                                                                            data-id="{{ $hazardous_certi->id }}"
                                                                            data-bid="{{ $hazardous_certi->business_id }}"></button>
                                                                    </div>
                                                                </div>
                                                            @endif
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-12">
                                                        <div class="row">
                                                            <div class="col-lg-6 mb-3">
                                                                <label class="form-label onboarding-label">HACCP (Hazard
                                                                    Analysis and Critical
                                                                    Control Points) Certification</label>
                                                                <input type="file" name="haccp_certi" id="haccp_certi"
                                                                    class="form-control onboarding-input haccp_certi">
                                                            </div>
                                                            @if (@$haccp_certi)
                                                                <div class="col-lg-4 mb-3 mb-lg-0 m-auto gallerydiv{{ $haccp_certi->id }}"
                                                                    style="border-left:2px solid #eee;">
                                                                    <div class="business-document-download">
                                                                        <a href="{{ @$haccp_certi->path }}" target="_blank"
                                                                            class="document-title"
                                                                            title="{{ @$haccp_certi->title }}">
                                                                            @if (in_array($haccp_certi->extension, $extA))
                                                                                <i class="icon bi bi-file-{{ $extArr[$haccp_certi->extension] }}"
                                                                                    style="font-size:40px;"></i>
                                                                            @else
                                                                                <i class="icon bi bi-file-text"
                                                                                    style="font-size:40px;"></i>
                                                                            @endif
                                                                            <span
                                                                                style="display:flex;">{{ @$haccp_certi->name }}</span>
                                                                        </a>
                                                                        <button type="button" class="btn-close rmimg"
                                                                            data-id="{{ $haccp_certi->id }}"
                                                                            data-bid="{{ $haccp_certi->business_id }}"></button>
                                                                    </div>
                                                                </div>
                                                            @endif
                                                        </div>
                                                    </div>
                                                </div>
                                                <div>
                                                    <button type="submit" class="btn-formpage-submit">Save</button>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <!-- Other Information Tab -->
                                <div class="tab-pane show" id="setting" role="tabpanel">
                                    <form action="{{ route('admin.business.otherinfo') }}" method="post" enctype="multipart/form-data" id="otherDetailForm">
                                        <input type="hidden" name="bid" id="bid" class="bid" value="{{ @$detail->uuid }}"/>
                                        @csrf
                                        <div class="card">
                                            <div class="card-body">
                                                <div class="row">
                                                    <div class="col-lg-6">
                                                        <div class="form-check py-2">
                                                            <input class="form-check-input" type="checkbox" {{ @$detail->hide_business_profile == 1 ? 'checked="true"':'' }} value="1" name="hide_business_profile" id="hide_business_profile">
                                                            <label class="form-check-label">
                                                                All buyers and sellers can see my business profile.
                                                            </label>
                                                        </div>
                                                        <hr>
                                                        <div class="form-check py-2">
                                                            <input class="form-check-input" type="checkbox" {{ @$detail->hide_business_address == 1 ? 'checked="true"':'' }} value="1" name="hide_business_address" id="hide_business_address" >
                                                            <label class="form-check-label">
                                                                All buyers and sellers can see my business addresses.
                                                            </label>
                                                        </div>
                                                        <hr>
                                                        <div class="form-check py-2">
                                                            <input class="form-check-input" type="checkbox" {{ @$detail->hide_contact_info == 1 ? 'checked="true"':'' }} value="1" name="hide_contact_info" id="hide_contact_info">
                                                            <label class="form-check-label">
                                                                All buyers and sellers can see my contact informations.
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="mt-3">
                                                    <button type="submit" class="btn-formpage-submit">Save</button>
                                                </div>

                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        <p class="mt-2 small d-none">
                            <span class="text-danger">*</span> You can add multiple businesses once your account is approve
                            with the primary business.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @include('admin.users.add-address')
    <!-- Biusiness Logo -->
    <div class="modal fade logocrop" id="logocrop" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="modalLabel">Business Logo Crop</h5>
                    <button type="button" class="close" data-bs-dismiss="logocrop" aria-label="Close">
                    <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="img-container">
                        <div class="row">
                            <div class="col-md-8">
                                <img id="logoimage" src="/assets/img/noimg.jpg" style="max-width: 100%;">
                            </div>
                            <div class="col-md-4">
                                <div class="preview"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                    <button type="button" class="btn btn-primary" id="crop">Crop</button>
                </div>
            </div>
        </div>
    </div>
    <!-- Upload Gallery Media -->
    <div class="modal fade" id="add_media" tabindex="-1" aria-hidden="true" data-bs-backdrop="static"
        data-bs-keyboard="false">
        <div class="modal-dialog modal-dialog-centered modal-fullscreen">
            <div class="modal-content">
                <div class="modal-header">
                    <h1 class="modal-title fs-5"></h1>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <form action="{{ route('admin.business.galleryinfo') }}" method="post"
                        enctype="multipart/form-data" id="galleryDetailForm">
                        <input type="hidden" name="bid" id="bid" class="bid"
                            value="{{ @$detail->uuid }}" />
                        @csrf
                        <div class="add-product">
                            <div class="row">
                                <div class="col-lg-12 mb-3">
                                    <label class="form-label d-lg-flex justify-content-between">
                                        Upload Images
                                        <span class="upload-file-msg">Recommended size: 500 x 500 | Supported File types -
                                            PNG,
                                            JPG</span>
                                    </label>
                                    <div class="fileupload-container media-modal">
                                        <input type="file" name="gallery_images[]" id="gallery_images"
                                            class="form-control gallery_images fileupload" accept="image/jpeg, image/png"
                                            multiple>
                                    </div>

                                </div>
                            </div>
                            {{--
                            <div class="row">
                                <div class="col-lg-12 mb-3">
                                    <label class="form-label">Upload Video</label>
                                    <input type="file" name="business_video" id="business_video"
                                        class="form-control business_video">
                                </div>
                            </div> --}}
                            <div class="row">
                                <div class="col-lg-4">
                                    <label class="form-label">YouTube Video URL (Optional)</label>
                                    <input type="text" class="form-control" name="external_gallery_url"
                                        placeholder="Upload YouTube URL..."
                                        value="{{ @$detail->external_gallery_url }}">
                                </div>
                            </div>

                            <div class="mt-3">
                                <button type="submit" class="btn-formpage-submit">Save</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="saveSuccess" tabindex="-1"  aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="text-center">
                    <p class="text-success fs-1 mb-3"><i class="bi bi-check2-circle"></i></p>
                    <h5 class="fw-bold">Your business profile is now under review. You'll receive an email once approved.</h5>
                </div>
            </div>
            <div class="modal-footer justify-content-start">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
            </div>
            </div>
        </div>
    </div>
    
    <div class="modal fade" id="saveValidation" tabindex="-1"  aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body pb-0">
                    <div class="savevalidation-modal">
                        <h5 class="savevalidation-header">You must fill out the following information before submitting:</h5>
                    </div>
                </div>
                <div class="modal-footer justify-content-start">
                    <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Continue</button>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('css')
    <link href="{{ asset('assets/dashboard/css/filepond.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/dashboard/css/timepicki.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/dashboard/css/cropper.css') }}" rel="stylesheet" type="text/css" />
@endpush
@push('js')
    <script src="{{ asset('assets/dashboard/js/form-validation.js') }}"></script>
    <script src="{{ asset('assets/dashboard/js/filepond.js') }}"></script>
    <script src="{{ asset('assets/dashboard/js/timepicki.js') }}"></script>
    <script src="{{ asset('assets/dashboard/js/save-tabs.js') }}"></script>
    <script src="{{ asset('assets/dashboard/js/cropper.js') }}"></script>
    <script src="{{ asset('assets/dashboard/js/lib/jquery-ui.js') }}"></script>
    <script src="{{ asset('assets/dashboard/js/lib/jquery.ui.touch-punch.min.js') }}"></script>
    <script>
        const business_status = @json($detail->approved ?: 0);
    </script>
    <script src="{{ asset('assets/dashboard/js/business.js') }}"></script>
@endpush