@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"
                                                    value="{{ $profile->company_name }}" required>
                                            </div>
                                            <div class="form-group col-md-4">
                                                <label>Business Type <span class="text-danger">*</span></label>
                                                <select class="form-control business-type"
                                                                        name="nature_of_business[]" multiple="multiple" style="width: 100%;" required>
                                                    <option value="">- Select -</option>
                                                    <option value="Manufacturers">Manufacturers</option>
                                                    <option value="Suppliers">Suppliers</option>
                                                    <option value="Wholesalers">Wholesalers</option>
                                                    <option value="Dealers">Dealers</option>
                                                    <option value="Service Providers">Service Providers</option>
                                                </select>
                                                {{-- <select class="form-control" name="nature_of_business" required="">
                                                    <option value="">- Select -</option>
                                                    <option value="Manufacturers"
                                                        {{ $profile->nature_of_business == 'Manufacturers' ? 'selected' : '' }}>
                                                        Manufacturers</option>
                                                    <option value="Suppliers"
                                                        {{ $profile->nature_of_business == 'Suppliers' ? 'selected' : '' }}>
                                                        Suppliers</option>
                                                    <option value="Wholesalers"
                                                        {{ $profile->nature_of_business == 'Wholesalers' ? 'selected' : '' }}>
                                                        Wholesalers</option>
                                                    <option value="Dealers"
                                                        {{ $profile->nature_of_business == 'Dealers' ? 'selected' : '' }}>
                                                        Dealers</option>
                                                    <option value="Service Providers"
                                                        {{ $profile->nature_of_business == 'Service Providers' ? 'selected' : '' }}>
                                                        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"
                                                    value="{{ $profile->city }}" placeholder="" required>
                                            </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-12">
                                                <label>Branch Address</label>
                                                <input type="text" class="form-control" name="branch_address"
                                                    placeholder="">
                                            </div>
                                            <div class="form-group col-md-4">
                                                <label>Phone 1 <span class="text-danger">*</span></label>
                                                <div class="input-group mb-3">
                                                    {{-- <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="input-group mb-3">
                                                    {{-- <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="input-group mb-3">
                                                    {{-- <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??$profile->company_name}}">
                                            </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??$profile->company_name}}">
                                            </div>
                                            <div class="col-md-12">
                                                <label for="price">Keywords </label>
                                                <input type="text" class="form-control" id="tags"
                                                    name="tags" value="{{$profile->tags??$profile->company_name}}">
                                            </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() {
        // Initialize Select2
        $('.business-type').select2();

        // Convert the PHP array to a JavaScript array
        // var nature_of_business = @json(explode(",", $profile->nature_of_business));
        console.log([""])
        // Set the selected values
        $('.business-type').val([""]).trigger('change');
    });

</script>