@include('vendorr.header')
<style>
    label {
        font-weight: 500;
    }

    .form-control {
        border: 1px solid #cccccc;
    }

    .ck-editor__editable {
        min-height: 300px;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #2929ef !important;
        border: 1px solid #2929ef !important;
    }
</style>
<!-- MAIN-CONTENT -->
<div class="main-content app-content">
    <div class="main-container container-fluid">
        <div class="breadcrumb-header justify-content-between">
            <div class="my-auto">
                <h4 class="page-title">Company Profile</h4>
            </div>
            <div class="d-flex my-xl-auto right-content align-items-center">

            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                @if ($message = Session::get('success'))
                    <div class="alert alert-success alert-block">
                        <button type="button" class="close" data-dismiss="alert">×</button>
                        <strong>{{ $message }}</strong>
                    </div>
                @endif

                @if ($message = Session::get('error'))
                    <div class="alert alert-danger alert-block">
                        <button type="button" class="close" data-dismiss="alert">×</button>
                        <strong>{{ $message }}</strong>
                    </div>
                @endif
                @if ($errors->any())
                    <div class="alert alert-danger">
                        <ul>
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-body">
                        <form action="/my/updateCompanyProfile" method="post" enctype="multipart/form-data">
                            @csrf
                            <!-- Form Widget -->
                            <div class="form-widget ls-widget">
                                {{-- <div class="widget-title"><h4><span class="icon flaticon-building"></span> Company Details</h4></div> --}}
                                <div class="widget-content">
                                    <div class="default-form">
                                        <div class="row">
                                            <div class="form-group col-md-8">
                                                <label>Company Name <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control" name="company_name" id="company_name"
                                                    value="{{ $profile->company_name }}" required>
                                            </div>
                                            <div class="form-group col-md-4">
                                                <label>Business Type <span class="text-danger">*</span></label>
                                                @php
                                                    $selected_nature_of_business = is_array(
                                                        $profile->nature_of_business,
                                                    )
                                                        ? $profile->nature_of_business
                                                        : (json_decode($profile->nature_of_business, true) ?:
                                                        []);
                                                @endphp
                                                <select class="form-control business-type" name="nature_of_business[]"
                                                    multiple="multiple" style="width: 100%;" required>
                                                    <option value="Manufacturers"
                                                        @if (in_array('Manufacturers', $selected_nature_of_business)) selected @endif>
                                                        Manufacturers
                                                    </option>
                                                    <option value="Suppliers"
                                                        @if (in_array('Suppliers', $selected_nature_of_business)) selected @endif>
                                                        Suppliers
                                                    </option>
                                                    <option value="Wholesalers"
                                                        @if (in_array('Wholesalers', $selected_nature_of_business)) selected @endif>
                                                        Wholesalers
                                                    </option>
                                                    <option value="Dealers"
                                                        @if (in_array('Dealers', $selected_nature_of_business)) selected @endif>
                                                        Dealers
                                                    </option>
                                                    <option value="Service Providers"
                                                        @if (in_array('Service Providers', $selected_nature_of_business)) selected @endif>
                                                        Service Providers
                                                    </option>
                                                </select>
                                            </div>
                                            <div class="form-group col-md-12">
                                                <label>Business Keywords </label>
                                                <input type="text" class="form-control" name="business_keywords"
                                                    value="{{ $profile->business_keywords }}">
                                            </div>
                                            <div class="form-group col-md-8">
                                                <label>Business Area <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control" name="address"
                                                    value="{{ $profile->address }}" placeholder="" required>
                                            </div>
                                            <div class="form-group col-md-4">
                                                <label>Business City <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control" name="city" id="city"
                                                    value="{{ $profile->city }}" required onchange="updateMetaTitle()">
                                            </div>
                                            <div class="form-group col-md-4">
                                                <label>Business State <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control" name="state"
                                                    value="{{ $profile->state }}" placeholder="" required>
                                            </div>
                                            <div class="form-group col-md-4">
                                                <label>Pincode <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control" name="pincode"
                                                    value="{{ $profile->pincode }}" required="">
                                            </div>
                                            <div class="form-group col-md-4">
                                                <label>Business E-mail <span class="text-danger">*</span></label>
                                                <input type="email" class="form-control" name="email"
                                                    value="{{ $profile->email }}" placeholder="" required>
                                            </div>

                                            <div class="form-group col-md-8">
                                                <label>Branch Address</label>
                                                <input type="text" class="form-control" name="branch_address"
                                                    placeholder="">
                                            </div>
                                            <div class="form-group col-md-4">
                                                <label>Whatsapp Number </label>
                                                <input type="text" class="form-control" name="whatsapp_number" value="{{ $profile->whatsapp_number }}">
                                            </div>
                                            <div class="form-group col-md-4">
                                                <label>Phone 1 <span class="text-danger">*</span></label>
                                                <div class="mb-3 input-group">
                                                    {{-- <div class="input-group-prepend"> --}}
                                                    <div class="input-group-text">
                                                        <input type="radio" name="default_phone" value="phone1"
                                                            aria-label="phone" checked="">
                                                    </div>
                                                    {{-- </div> --}}
                                                    <input type="text" class="form-control" aria-label="phone"
                                                        name="phone" value="{{ $profile->phone }}" required="">
                                                </div>
                                            </div>
                                            <div class="form-group col-md-4">
                                                <label>Phone 2 </label>
                                                <div class="mb-3 input-group">
                                                    {{-- <div class="input-group-prepend"> --}}
                                                    <div class="input-group-text">
                                                        <input type="radio" name="default_phone" value="phone2"
                                                            aria-label="phone2">
                                                    </div>
                                                    {{-- </div> --}}
                                                    <input type="text" class="form-control" aria-label="phone2"
                                                        name="phone2" value="{{ $profile->phone2 }}">
                                                </div>
                                            </div>
                                            <div class="form-group col-md-4">
                                                <label>Phone 3</label>
                                                <div class="mb-3 input-group">
                                                    {{-- <div class="input-group-prepend"> --}}
                                                    <div class="input-group-text">
                                                        <input type="radio" name="default_phone" value="phone3"
                                                            aria-label="phone3">
                                                    </div>
                                                    {{-- </div> --}}
                                                    <input type="text" class="form-control" aria-label="phone3"
                                                        name="phone3" value="{{ $profile->phone3 }}">
                                                </div>
                                            </div>
                                            <div class="form-group col-md-4">
                                                <label>Website</label>
                                                <input type="text" class="form-control" name="website"
                                                    value="{{ $profile->website }}" placeholder="">
                                            </div>
                                            <div class="form-group col-md-4">
                                                <label>Year of Establishment</label>
                                                <input type="text" class="form-control"
                                                    name="year_of_establishment"
                                                    value="{{ $profile->year_of_establishment }}" placeholder="">
                                            </div>
                                            <div class="form-group col-md-4">
                                                <label>No. of Employees</label>
                                                <input type="text" class="form-control" name="no_of_employees"
                                                    value="{{ $profile->no_of_employees }}" placeholder="">
                                            </div>
                                            <div class="form-group col-md-4">
                                                <label>Legal status of Firm</label>
                                                <input type="text" class="form-control"
                                                    name="legal_status_of_firm"
                                                    value="{{ $profile->legal_status_of_firm }}" placeholder="">
                                            </div>
                                            <div class="form-group col-md-4">
                                                <label>Warehousing Facility</label>
                                                <input type="text" class="form-control"
                                                    name="warehousing_facility"
                                                    value="{{ $profile->warehousing_facility }}" placeholder="">
                                            </div>
                                            <div class="form-group col-md-4">
                                                <label>Manufacturing Brand Name</label>
                                                <input type="text" class="form-control"
                                                    name="manufacturing_brand_name"
                                                    value="{{ $profile->manufacturing_brand_name }}" placeholder="">
                                            </div>
                                            <div class="form-group col-md-4">
                                                <label>GST No.</label>
                                                <input type="text" class="form-control" name="gst_no"
                                                    value="{{ $profile->gst_no }}" placeholder="">
                                            </div>
                                            <div class="form-group col-md-4">
                                                <label>Shipment Mode</label>
                                                <input type="text" class="form-control" name="shipment_mode"
                                                    value="{{ $profile->shipment_mode }}" placeholder="">
                                            </div>
                                            <div class="form-group col-md-4">
                                                <label>Payment Mode</label>
                                                <input type="text" class="form-control" name="payment_mode"
                                                    value="{{ $profile->payment_mode }}" placeholder="">
                                            </div>
                                            <div class="form-group col-md-12">
                                                <label>About Company</label>
                                                <textarea name="about_company" id="editor" class="form-control" placeholder="">{{ $profile->about_company }}</textarea>
                                            </div>

                                            <div class="col-md-12">
                                                <label for="price">Meta title</label>
                                                <input type="text" class="form-control" id="meta_title"
                                                    name="meta_title"
                                                    value="{{ $profile->meta_title }}">
                                            </div>
                                            <div class="col-md-12">
                                                <label for="price">Meta description</label>
                                                <input type="text" class="form-control" id="meta_description"
                                                    name="meta_description"
                                                    value="{{ $profile->meta_description }}">
                                            </div>
                                            <div class="col-md-12">
                                                <label for="price">Keywords </label>
                                                <input type="text" class="form-control" id="tags"
                                                    name="tags"
                                                    value="{{ $profile->tags }}">
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label>Logo</label>
                                                <input type="file" class="form-control" name="logo">
                                                <img src="{{ asset('uploads/vendorr/companyprofiles/' . $profile->logo) }}"
                                                    style="height: 100px !important;">
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label>Image</label>
                                                <input type="file" class="form-control" name="image">
                                                <img src="{{ asset('uploads/vendorr/companyprofiles/' . $profile->image) }}"
                                                    style="height: 100px !important;">
                                            </div>

                                            <div class="form-group col-md-12">
                                                <button class="btn btn-primary" type="submit"
                                                    name="submit-form">Save Changes</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>



        </div>

    </div>
</div>
@include('vendorr.footer')
<script src="{{ asset('node_modules/@ckeditor/ckeditor5-build-classic/build/ckeditor.js') }}"></script>
<script>
    ClassicEditor
        .create(document.querySelector('#editor'))
        .then(editor => {
            console.log(editor);
        })
        .catch(error => {
            console.error(error);
        });
</script>
<script src="{{ asset('build/assets/plugins/select2/js/select2.min.js') }}"></script>
<script>
    $(document).ready(function() {
        // Initialize Select2
        $('.js-example-basic-multiple').select2();

        // Convert the PHP array to a JavaScript array
        // var categories = @json(explode(',', $profile->category));
        console.log([""])
        // Set the selected values
        $('.js-example-basic-multiple').val([""]).trigger('change');
    });
    $(document).ready(function() {
        $('.business-type').select2();
    });

    function updateMetaTitle() {
        var companyName = document.getElementById('company_name').value;
        var city = document.getElementById('city').value;
        var metaTitle = companyName + ' in ' + city;
        document.getElementById('meta_title').value = metaTitle;
        document.getElementById('meta_description').value = metaTitle;
        document.getElementById('tags').value = metaTitle;
        console.log('Meta title updated:', metaTitle);
    }
</script>