<div class="tab-pane fade show active" id="Settings" role="tabpanel" aria-labelledby="Settings-tab">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <!-- section -->
                <div class="bda-section-padding-bot ">
                    <!-- single sub section -->
                    <div class="bda-sub-section-bot bda-border-bottom bda-pb-30">
                        <div class="row">
                            <div class="col-md-6">
                                <h4 class="bda-fs-24 bda-mb-10 title-light">{{__("General Settings")}}</h4>
                                <p>{{__("Manage general Call Center settings.")}}</p>
                            </div>
                        </div>
                    </div>


                    <div class="bda-sub-section-bot bda-border-bottom bda-pt-30 bda-pb-30">
                        <div class="row">
                            <div class="col-md-6">
                                <h4 class="bda-fs-18 bda-mb-10 title-light">{{__("Call Center Id")}}</h4>
                                <p>{{__("The name of the Call Center is not publicly visible.")}}</p>
                            </div>
                            <div class="col-md-6  mt-4 mt-md-0">
                                <input type="text" class="bda-from-control" value="{{$callCenterId??''}}" readonly>
                                <input type="hidden" class="bda-from-control" value="{{encrypt($callCenterId)}}"
                                       name="callcenter_id">
                            </div>
                        </div>
                    </div>
                    <!-- single sub section -->
                    <!-- single sub section -->
                    <div class="bda-sub-section-bot bda-border-bottom bda-pt-30 bda-pb-30">
                        <div class="row">
                            <div class="col-md-6">
                                <h4 class="bda-fs-18 bda-mb-10 title-light">{{__("Call Center Name")}}<span
                                            class="text-danger fs-5">*</span></h4>
                                <p>{{__("The name of the Call Center is not publicly visible.")}}</p>
                            </div>
                            <div class="col-md-6 mt-4 mt-md-0">
                                <input type="text" class="bda-from-control" name="callcenter_name"
                                       placeholder="{{__("Call Center Name")}}"
                                       value="{{$callcenterData->callcenter_name??''}}">
                            </div>
                        </div>
                    </div>
                    <!-- single sub section -->

                    {{--                    <div class="bda-sub-section-bot bda-border-bottom bda-pt-30 bda-pb-30">--}}
                    {{--                        <div class="row">--}}
                    {{--                            <div class="col-md-6">--}}
                    {{--                                <h4 class="bda-fs-18 bda-mb-10 title-light">{{__("Font")}}</h4>--}}
                    {{--                                <p>{{__("Select the font to be used.")}}</p>--}}
                    {{--                            </div>--}}
                    {{--                            <div class="col-md-6  mt-4 mt-md-0">--}}
                    {{--                                <select class="bda-from-control" name="selected_font" id="selectedFont">--}}
                    {{--                                    <option--}}
                    {{--                                        value="Default" {{ $chatbotData?->selected_font =='Default'?'selected':'' }} >{{__('System Fonts (Default)')}}</option>--}}
                    {{--                                    <option--}}
                    {{--                                        value="Arial"--}}
                    {{--                                        {{ $chatbotData?->selected_font =='Arial'?'selected':'' }}  class="bdc-font-arial"> {{__("Arial")}}</option>--}}
                    {{--                                    <option--}}
                    {{--                                        value="Cambria"--}}
                    {{--                                        {{ $chatbotData?->selected_font =='Cambria'?'selected':'' }} class="bdc-font-cambria">{{__('Cambria')}}</option>--}}
                    {{--                                    <option--}}
                    {{--                                        value="Georgia"--}}
                    {{--                                        {{ $chatbotData?->selected_font =='Georgia'?'selected':'' }} class="bdc-font-georgia">{{__('Georgia')}}</option>--}}
                    {{--                                    <option--}}
                    {{--                                        value="Times New Roman"--}}
                    {{--                                        {{ $chatbotData?->selected_font =='Times New Roman'?'selected':'' }} class="bdc-font-new-roman">{{__('Times New Roman')}}</option>--}}
                    {{--                                    <option--}}
                    {{--                                        value="Monospace"--}}
                    {{--                                        {{ $chatbotData?->selected_font =='Monospace'?'selected':'' }} class="bdc-font-monospace">{{__('Monospace')}}</option>--}}

                    {{--                                </select>--}}
                    {{--                            </div>--}}
                    {{--                        </div>--}}
                    {{--                    </div>--}}

                    {{--                    <!-- single sub section -->--}}
                    {{--                    <div class="bda-sub-section-bot bda-pt-30 ">--}}
                    {{--                        <div class="row">--}}
                    {{--                            <div class="col-md-6">--}}
                    {{--                                <h4 class="bda-fs-18 bda-mb-10 title-light">{{__("Custom Font")}}</h4>--}}
                    {{--                                <p class="bda-mb-10">{{__("Note: Only variable fonts can be used.")}}</p>--}}
                    {{--                                @if($chatbotData?->custom_font_path)--}}
                    {{--                                    <a href="{{ getImageUrl($chatbotData?->custom_font_path) }}" class="primary">{{__("Download Previous")}}</a>--}}
                    {{--                                @endif--}}
                    {{--                            </div>--}}
                    {{--                            <div class="col-md-6  mt-4 mt-md-0">--}}
                    {{--                                <label for="customFont"--}}
                    {{--                                       class="bda-from-control d-flex justify-content-between gap-3 cursor-pointer">--}}
                    {{--                                    <input type="file" id="customFont" placeholder="" class="d-none file-input"--}}
                    {{--                                           name="custom_font_path" accept=".ttf, .otf, .woff, .woff2">--}}
                    {{--                                    <p class="bia-fs-16 placeholder-color bit-fi-lato file-name">{{__("Choose file")}}</p>--}}
                    {{--                                    <span>--}}
                    {{--                                    <img class="bda-input-icon-bot" src="{{asset("assets/images/icon/font-file.svg")}}" alt="{{__("Custom Font")}}">--}}
                    {{--                                    </span>--}}
                    {{--                                </label>--}}
                    {{--                            </div>--}}
                    {{--                        </div>--}}
                    {{--                    </div>--}}
                </div>
                                <!-- section -->
                                <div class="bda-section-padding-bot bda-mt-30">
                                    <!-- single sub section -->
                                    <div class="bda-sub-section-bot bda-border-bottom bda-pb-30">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <h4 class="bda-fs-24 bda-mb-10 title-light">{{__("Twilio Configuration")}}</h4>
                                                <p>{{__("Configure you all twilio account")}}</p>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- single sub section -->
                                    <div class="bda-sub-section-bot bda-border-bottom bda-pt-30 bda-pb-30">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <h4 class="bda-fs-18 bda-mb-10 title-light">{{__("Twilio SID")}}</h4>
                                                <p>{{__("Put your twilio sid.")}}</p>
                                            </div>
                                            <div class="col-md-6  mt-4 mt-md-0">
                                                <input type="text" id="title" class="bda-from-control" placeholder="{{__("Twilio SID")}}" name="twilio_sid" value="{{ $callcenterData?->twilio_sid }}">
                                            </div>
                                        </div>
                                    </div>

                                    <!-- single sub section -->
                                    <div class="bda-sub-section-bot bda-border-bottom bda-pt-30 bda-pb-30">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <h4 class="bda-fs-18 bda-mb-10 title-light">{{__("Twilio Token")}}</h4>
                                                <p>{{__("Put your twilio token.")}}</p>
                                            </div>
                                            <div class="col-md-6  mt-4 mt-md-0">
                                                <input type="text" id="title" class="bda-from-control" placeholder="{{__("Twilio Token")}}" name="twilio_token" value="{{ $callcenterData?->twilio_token }}">
                                            </div>
                                        </div>
                                    </div>

                                    <!-- single sub section -->
                                    <div class="bda-sub-section-bot bda-border-bottom bda-pt-30 bda-pb-30">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <h4 class="bda-fs-18 bda-mb-10 title-light">{{__("Agent Number")}}</h4>
                                                <p>{{__("Put your twilio number")}}</p>
                                            </div>
                                            <div class="col-md-6  mt-4 mt-md-0">
                                                <input type="text" id="title" class="bda-from-control" placeholder="{{__("Agent Number")}}" name="twilio_agent_number" value="{{ $callcenterData?->twilio_agent_number }}">
                                            </div>
                                        </div>
                                    </div>

                                    <!-- single sub section -->
                                    <div class="bda-sub-section-bot bda-border-bottom bda-pt-30 bda-pb-30">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <h4 class="bda-fs-18 bda-mb-10 title-light">{{__("Callback Url")}}</h4>
                                                <p>{{__("Copy callback url and set in your twilio account")}}</p>
                                            </div>
                                            <div class="col-md-6  mt-4 mt-md-0 d-flex">
                                                <input type="text" class="bda-from-control2" id="embedCode"  value="{{ url('call-center/incoming/webhook?cid='.$callCenterId) }}" readonly>
{{--                                                <textarea class="bda-from-control2 fs-90" id="embedCode" rows="1"--}}
{{--                                                          readonly>{{ url('call-center/callback?callw='.$callCenterId) }}</textarea>--}}
                                                <button type="button" class="btn btn-primary" id="copyEmbedCode">{{__("Copy")}}</button>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                {{--                <!-- section -->--}}
                {{--                <div class="bda-section-padding-bot bda-mt-30">--}}
                {{--                    <!-- single sub section -->--}}
                {{--                    <div class="bda-sub-section-bot bda-border-bottom bda-pb-30">--}}
                {{--                        <div class="row">--}}
                {{--                            <div class="col-md-6">--}}
                {{--                                <h4 class="bda-fs-24 bda-mb-10 title-light">{{__("Chat Escalation")}}</h4>--}}
                {{--                                <p>{{__("Enter the email you want escalated chats to be sent to.")}}</p>--}}
                {{--                            </div>--}}
                {{--                        </div>--}}
                {{--                    </div>--}}
                {{--                    <!-- single sub section -->--}}
                {{--                    <div class="bda-sub-section-bot bda-pt-30">--}}
                {{--                        <div class="row">--}}
                {{--                            <div class="col-md-6">--}}
                {{--                                <h4 class="bda-fs-18 bda-mb-10 title-light">{{__("Email")}}</h4>--}}
                {{--                                <p>{{__("Enter an email you frequently check; leave this field blank to disable this--}}
                {{--                                    feature.")}}</p>--}}
                {{--                            </div>--}}
                {{--                            <div class="col-md-6 mt-4 mt-md-0">--}}
                {{--                                <input type="email" class="bda-from-control email-frontend-validation" name="escalation_email" placeholder="{{__("Email")}}" value="{{ $chatbotData?->escalation_email }}">--}}
                {{--                            </div>--}}
                {{--                        </div>--}}
                {{--                    </div>--}}
                {{--                </div>--}}

                {{--                <!-- section -->--}}
                {{--                <div class="bda-section-padding-bot bda-mt-30">--}}
                {{--                    <!-- single sub section -->--}}
                {{--                    <div class="bda-sub-section-bot bda-border-bottom bda-pb-30">--}}
                {{--                        <div class="row">--}}
                {{--                            <div class="col-md-6">--}}
                {{--                                <h4 class="bda-fs-24 bda-mb-10 title-light">{{__("Branding")}}</h4>--}}
                {{--                                <p>{{__("White-label the chatbot.")}}</p>--}}
                {{--                            </div>--}}
                {{--                        </div>--}}
                {{--                    </div>--}}
                {{--                    <!-- single sub section -->--}}
                {{--                    <div class="bda-sub-section-bot bda-pt-30 ">--}}
                {{--                        <div class="row">--}}
                {{--                            <div class="col-md-6">--}}
                {{--                                <h4 class="bda-fs-18 bda-mb-10 title-light">{{__("Remove Branding")}}</h4>--}}
                {{--                                <p>{{__("Remove the branding from the chatbot.")}}</p>--}}
                {{--                            </div>--}}
                {{--                            <div class="col-md-6 mt-4 mt-md-0">--}}
                {{--                                    <!-- switch button -->--}}
                {{--                                    <div class="bda-switch-btn d-flex justify-content-start mb-4">--}}
                {{--                                        <input type="checkbox" hidden="hidden" id="brandingRemoveChecked" name="remove_branding" value="1" {{ $chatbotData?->remove_branding==1?'checked' :'' }}>--}}
                {{--                                        <label class="switch" for="brandingRemoveChecked"></label>--}}
                {{--                                    </div>--}}
                {{--                            </div>--}}
                {{--                        </div>--}}
                {{--                    </div>--}}
                {{--                </div>--}}

                {{--                <!-- section -->--}}
                {{--                <div class="bda-section-padding-bot bda-mt-30">--}}
                {{--                    <!-- single sub section -->--}}
                {{--                    <div class="bda-sub-section-bot bda-border-bottom bda-pb-30">--}}
                {{--                        <div class="row">--}}
                {{--                            <div class="col-md-6">--}}
                {{--                                <h4 class="bda-fs-24 bda-mb-10 title-light">{{__("Appointment")}}</h4>--}}
                {{--                                <p>{{__("If you can enable the appointment option")}}</p>--}}
                {{--                            </div>--}}
                {{--                        </div>--}}
                {{--                    </div>--}}
                {{--                    <!-- single sub section -->--}}
                {{--                    <div class="bda-sub-section-bot bda-pt-30">--}}
                {{--                        <div class="row">--}}
                {{--                            <div class="col-md-6">--}}
                {{--                                <h4 class="bda-fs-18 bda-mb-10 title-light">{{__("Appointment Text")}}</h4>--}}
                {{--                                <p>{{__("Enter an text to show the option in chatbot")}}</p>--}}
                {{--                            </div>--}}
                {{--                            <div class="col-md-6 mt-4 mt-md-0">--}}
                {{--                                <!-- switch button -->--}}
                {{--                                <div class="bda-switch-btn d-flex justify-content-start mb-4">--}}
                {{--                                    <input type="checkbox" hidden="hidden" id="appointmentChecked" name="appointment_enable" value="1" {{ $chatbotData?->appointment_enable==1?'checked' :'' }}>--}}
                {{--                                    <label class="switch" for="appointmentChecked"></label>--}}
                {{--                                </div>--}}
                {{--                                <input type="text" class="bda-from-control" name="appointment_text" placeholder="{{__("Write something..")}}" value="{{ $chatbotData?->appointment_text }}">--}}
                {{--                            </div>--}}
                {{--                        </div>--}}
                {{--                    </div>--}}
                {{--                </div>--}}

            </div>
        </div>
    </div>
</div>
