@extends('layouts.public.app')

@section('title', 'My Business | Chemical Wholesale')

@section('content')
    <div class="pb-4 userprofile">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-3">
                    @include('public.profile.account_nav')
                </div>
                <div class="col-lg-9">
                    <div class="cw-frontpage-title bg-white my-4">
                        <h4 class="fw-bold mb-0">My Business</h4>
                        <p class="small">Manage all your Chemical Wholesale Buyer account</p>
                    </div>
                    <div class="border-0">
                        <div class="car">

                            <div class="add-product">
                                <div class="nav nav-tabs" role="tablist">
                                    <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>
                                </div>

                                <div class="tab-content">
                                    <!-- Business Information Tab -->
                                    <div class="tab-pane" id="details" role="tabpanel">
                                        <form action="{{ route('public.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">
                                                        <div class="col-lg-7">
                                                            <div class="row">
                                                                <div class="col-lg-6 mb-3">
                                                                    <label class="form-label">Business Name (DBA)</label>
                                                                    
                                                                    <div class="input-group">
                                                                        <span class="input-group-text">
                                                                            <i class="bi bi-briefcase"></i>
                                                                        </span>
                                                                        <input type="text"
                                                                            class="form-control cw-input"
                                                                            placeholder="Business Name" maxlength="50"
                                                                            value="{{ old('name', @$detail->name) }}"
                                                                            id="name" name="name" autofocus required>
                                                                    </div>
                                                                </div>
                                                                <div class="col-lg-6 mb-3">
                                                                    <label class="form-label">Company Name (Registered
                                                                        Entity)</label>
                                                                        
                                                                    <div class="input-group">
                                                                        <span class="input-group-text">
                                                                            <i class="bi bi-briefcase"></i>
                                                                        </span>
                                                                        <input type="text"
                                                                            class="form-control cw-input"
                                                                            placeholder="Company Name"
                                                                            value="{{ old('company', !empty(@$detail) ? @$detail->company : @$user->userprofile->company) }}"
                                                                            id="company" name="company" maxlength="50"
                                                                            required>
                                                                    </div>
                                                                </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 cw-input form-select">
                                                                        <option value="">Select business type</option>
                                                                        <option value="individual"
                                                                            {{ @$detail->business_type == 'individual' ? 'selected="true"' : '' }}>
                                                                            Individual</option>
                                                                        <option value="proprietorship"
                                                                            {{ @$detail->business_type == 'proprietorship' ? 'selected="true"' : '' }}>
                                                                            Proprietorship</option>
                                                                        <option value="company"
                                                                            {{ @$detail->business_type == 'company' ? 'selected="true"' : '' }}>
                                                                            Company</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 cw-input"
                                                                        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>
                                                                    
                                                                    <div class="input-group">
                                                                        <span class="input-group-text">
                                                                            <i class="bi bi-envelope"></i>
                                                                        </span>
                                                                        <input type="email"
                                                                            class="form-control cw-input"
                                                                            value="{{ old('company_email', @$detail->company_email) }}"
                                                                            id="company_email" name="company_email"
                                                                            maxlength="100"
                                                                            placeholder="Company Email Address">
                                                                    </div>
                                                                </div>
                                                                <div class="col-lg-6 mb-3">
                                                                    <label class="form-label">Company Phone Number</label>
                                                                    
                                                                    <div class="input-group">
                                                                        <span class="input-group-text">
                                                                            <i class="bi bi-telephone"></i>
                                                                        </span>
                                                                        <input type="text"
                                                                            onkeyup="this.value = this.value.replace(/[^0-9\s\-\(\)]/g, '')"
                                                                            minlength="10" maxlength="20"
                                                                            class="form-control cw-input"
                                                                            value="{{ old('company_phone', @$detail->company_phone) }}"
                                                                            id="company_phone" name="company_phone"
                                                                            placeholder="Company Phone Number">
                                                                    </div>
                                                                </div>
                                                                <div class="col-lg-6 mb-3">
                                                                    <label class="form-label">Company Website</label>
                                                                    
                                                                    <div class="input-group">
                                                                        <span class="input-group-text">
                                                                            <i class="bi bi-globe"></i>
                                                                        </span>
                                                                        <input type="text"
                                                                            class="form-control cw-input"
                                                                            value="{{ old('company_url', @$detail->company_url) }}"
                                                                            id="company_url" name="company_url"
                                                                            maxlength="150"
                                                                            placeholder="Company Website">
                                                                    </div>
                                                                </div>

                                                            </div>
                                                        </div>
                                                        <div class="col-lg-5" style="border-left: 2px solid #eee">
                                                            <div class="row">
                                                                <div class="col-lg-10 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 fileinput logo cw-input"
                                                                        data-prvid="logoprev" onchange="readURL(this);" accept=".jpeg,.jpg,.png">
                                                                    <span class="upload-file-msg">Recommended size: 500 x 500 <br> Supported File types - PNG, JPG</span>
                                                                </div>
                                                                <div class="col-lg-10 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 fileinput cover_image cw-input"
                                                                        onchange="readURL(this);" accept=".jpeg,.jpg,.png">
                                                                    <span class="upload-file-msg">Recommended size: 500 x 500 <br> Supported File types - PNG, JPG</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="">
                                                        @if ($errors->any())
                                                            <div class="alert alert-danger alert-dismissible fade show d-flex align-items-center"
                                                                role="alert">
                                                                @foreach ($errors->all() as $error)
                                                                    <p class="mb-0 small">{{ $error }}</p>
                                                                @endforeach
                                                                <button type="button" class="btn-close p-3"
                                                                    data-bs-dismiss="alert" aria-label="Close"
                                                                    style="background-color: transparent"></button>
                                                            </div>
                                                        @endif
                                                    </div>
                                                    <div>
                                                        <button type="submit" class="btn-formpage-submit">Save</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                    <!-- Contact Information Tab -->
                                    <div class="tab-pane show" id="contact" role="tabpanel">
                                        <form action="{{ route('public.business.saveContactInfo') }}" 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 cw-input"
                                                                        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 cw-input" placeholder="Position in Company" maxlength="50">
                                                                </div>
                                                                <div class="col-lg-6 mb-3">
                                                                    <label class="form-label">Email Address</label>
                                                                    
                                                                    <div class="input-group">
                                                                        <span class="input-group-text">
                                                                            <i class="bi bi-envelope"></i>
                                                                        </span>
                                                                        <input type="email"
                                                                            class="form-control cw-input"
                                                                            value="{{ old('support_email', @$detail->support_email) }}"
                                                                            id="support_email" name="support_email"
                                                                            maxlength="100"
                                                                            placeholder="Email Address">
                                                                    </div>
                                                                </div>
                                                                <div class="col-lg-6 mb-3">
                                                                    <label class="form-label">Phone Number</label>
                                                                    
                                                                    <div class="input-group">
                                                                        <span class="input-group-text">
                                                                            <i class="bi bi-telephone"></i>
                                                                        </span>
                                                                        <input type="text"
                                                                            onkeyup="this.value = this.value.replace(/[^0-9\s\-\(\)]/g, '')"
                                                                            class="form-control cw-input"
                                                                            maxlength="20"
                                                                            value="{{ old('support_phone', @$detail->support_phone) }}"
                                                                            id="support_phone" name="support_phone"
                                                                            placeholder="Phone Number">
                                                                    </div>
                                                                </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 fileinput contact_person_image cw-input"
                                                                        onchange="readURL(this);" accept=".jpeg,.jpg,.png">
                                                                    <span class="upload-file-msg">Recommended size: 500 x 500 <br> Supported File types - PNG, JPG</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="">
                                                        @if ($errors->any())
                                                            <div class="alert alert-danger alert-dismissible fade show d-flex align-items-center"
                                                                role="alert">
                                                                @foreach ($errors->all() as $error)
                                                                    <p class="mb-0 small">{{ $error }}</p>
                                                                @endforeach
                                                                <button type="button" class="btn-close p-3"
                                                                    data-bs-dismiss="alert" aria-label="Close"
                                                                    style="background-color: transparent"></button>
                                                            </div>
                                                        @endif
                                                    </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 href="{{ route('public.address') }}"
                                                    class="btn-cw add_address_main_btn">
                                                    <i class="bi bi-geo-alt"></i>
                                                    Manage Address(es)</a>
                                            </div>
                                            <div class="card-body">
                                                <div class="row">
                                                    @if ($addresses->count() > 0)
                                                        @php $i=0; @endphp
                                                        @foreach ($addresses as $address)
                                                            <div class="col-lg-4">
                                                                <div class="card 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>
                                                                    <!-- Middle -->
                                                                    <div class="card-body">
                                                                        <div class="business-address">
                                                                            <div class="">
                                                                                @if ($loop->index == 0)
                                                                                    <span
                                                                                        class="badge bg-success rounded-pill">Primary</span>
                                                                                @endif
                                                                                <div class="pt-2">
                                                                                    @php
                                                                                        $ad = !empty(
                                                                                            $address->address_1
                                                                                        )
                                                                                            ? $address->address_1 . ', '
                                                                                            : '';
                                                                                        $ad .= !empty(
                                                                                            $address->address_2
                                                                                        )
                                                                                            ? $address->address_2 . ', '
                                                                                            : '';
                                                                                        $ad .= !empty(
                                                                                            $address->district
                                                                                        )
                                                                                            ? $address->district . ', '
                                                                                            : '';
                                                                                        $ad .= !empty($address->state)
                                                                                            ? $address->state . ', '
                                                                                            : '';
                                                                                        $ad .= !empty(
                                                                                            $address->country_id
                                                                                        )
                                                                                            ? $address->getCountry
                                                                                                ->name_en
                                                                                            : '';
                                                                                    @endphp
                                                                                    {{ trim($ad, ',') }}
                                                                                </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 href="{{ route('public.address') }}"
                                                                        class="btn-cw add_address_main_btn">
                                                                        <i class="bi bi-plus"></i> Address
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @include('public.profile.add-address');
@endsection
@push('css')
@endpush
@push('js')
    <script src="{{ asset('assets/dashboard/js/save-tabs.js') }}"></script>
    <script src="{{ asset('assets/js/maxlength.js') }}"></script>
    <script>
        $('input[maxlength]').maxlength({
            alwaysShow: true,
            threshold: 10,
            warningClass: "maxlength",
            limitReachedClass: "maxlength-red"
        });
    </script>
    <script>
        $('form:not(#searchForm)').submit(function(e) {
            var submitBtn = $(this).find('button[type="submit"]');
            submitBtn.html('<span class="spinner me-2"></span>Saving');
            setTimeout(function() {
                submitBtn.removeAttr('disabled');
                submitBtn.html('Save');
            }, 1000);
        });
    </script>
    <script>
        $(document).ready(function () {
            var autofocusElement = $('input[autofocus]').filter(function () {
            return $(this).val().length > 0;
            }).first();

            if (autofocusElement.length) {
            var autofocuslength = autofocusElement.val().length;
            autofocusElement[0].setSelectionRange(autofocuslength, autofocuslength);
            autofocusElement.focus();
            }
        });
    </script>
@endpush