@extends('admin.layouts.master')
@section('content')
<style>
  .select2-container--default .select2-selection--multiple .select2-selection__rendered{
      padding-bottom: 6px!important;
  }
  .select2-container--default .select2-selection--multiple .select2-selection__choice{
      background-color: #007BFF!important;
  }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
      color: white!important;
  }

.bootstrap-tagsinput .label-info {
    background-color: #5bc0de;
}
.bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: white;
}

.bootstrap-tagsinput {
    width: 100%;
}

.bootstrap-tagsinput .label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
</style>
<div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6" >
            <h1 class="m-0 text-dark">Update Company</h1>
          </div><!-- /.col -->
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="{{asset('admin')}}">Home</a></li>
              <li class="breadcrumb-item active"><a href="{{asset(route('company'))}}">Company</a></li>
            </ol>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
  <div class="container-fluid">
    @if(session()->has('success'))
      <div class="alert alert-success">
        {{ session()->get('success') }}
       </div>
    @endif
    @if(session()->has('error'))
      <div class="alert alert-danger">
        {{ session()->get('error') }}
      </div>
    @endif

    @if ($errors->any())
      <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
              <li>{{ $error }}</li>
            @endforeach
        </ul>
      </div><br />
    @endif

        <div class="row">
          <div class="col-md-12">
            <div class="card card-primary">
              <div class="card-header">
                <h3 class="card-title">Update Company</h3>
              </div>
              <form id="updateCompanyForm" role="form" method="post" action="{{!isset($company['id']) ? route('company.store') : route('company.update',$company['user_id'])}}" enctype="multipart/form-data">
                @csrf
                @if(isset($company['id']))
                   {{ method_field('PUT') }}
                @endif
                <div class="card-body">
                  <div class="row">
                      <div class="col-md-6">
                        <div class="form-group">
                          <label>Plans</label>
                          <select class="form-control" required  name="user_plan" required style="width: 100%;{{(isset($company->userPlan->plan_id) ? " pointer-events:none;background-color:#ccc" : "") }}">
                              <option value="" selected>Please select</option>
                              @foreach($plans as $plan)
                                <option value="{{$plan->id}}" {{(isset($company->userPlan->plan_id) && $company->userPlan->plan_id == $plan->id) ? "selected" : ""}}>{{$plan->plan_name}}</option>
                              @endforeach
                          </select>
                        </div>

                      </div>
                      <!-- /.col -->

                      <div class="col-md-6">
                        <div class="form-group">
                          <label>Registered Employees</label>
                          <input type="text" class="form-control" disabled id="user_plan_limit" name="user_plan_limit" value="{{ isset($registered_employees) ? $registered_employees : "" }}" placeholder="Remaing Employees">
                        </div>
                      </div>
                      <!-- /.col -->

                      <div class="col-md-6">
                        <div class="form-group">
                          <label>Remaining Videos</label>
                          <input type="text" class="form-control" disabled id="videos" name="videos" value="{{ isset($company->userPlan->videos) ? ($company->userPlan->videos + $company->userPlan->extra_videos) : "" }}" placeholder="Video Limit in plan">
                        </div>
                      </div>
                      <!-- /.col -->


                    <div class="col-md-6">
                      <div class="form-group">
                        <label>Company Name</label>
                        <input type="text" class="form-control" id="company_name" required name="company_name" value="{{ old('company_name', $company['company_name']) }}" placeholder="Enter company name">
                      </div>
                    </div>
                    <!-- /.col -->
                    <div class="col-md-6">
                      <div class="form-group">
                        <label>Company Email</label>
                        <input type="text" class="form-control" id="email" required name="email" {{isset($company['id']) ? "disabled": ""}} value="{{ old('email', isset($company->user['email']) ? $company->user['email'] :"") }}" placeholder="Enter company email">
                      </div>
                    </div>
                    <!-- /.col -->

                    <div class="col-md-6">
                      <div class="form-group">
                        <label>Master User Firstname</label>
                        <input type="text" class="form-control" id="first_name" required name="first_name" value="{{ old('first_name', isset($company->companyUser['first_name']) ? $company->companyUser['first_name'] : "") }}" placeholder="Enter first name">
                      </div>
                    </div>
                    <!-- /.col -->

                    <div class="col-md-6">
                      <div class="form-group">
                        <label>Master User Lastname</label>
                        <input type="text" class="form-control" id="last_name" required name="last_name" value="{{ old('last_name', isset($company->companyUser['last_name']) ? $company->companyUser['last_name'] : "") }}" placeholder="Enter last name">
                      </div>
                    </div>
                    <!-- /.col -->

                    <div class="col-md-6">
                      <div class="form-group">
                        <label>Contact</label>
                        <input type="text" class="form-control" id="mobile" required name="mobile" value="{{ old('mobile', isset($company->companyUser['mobile']) ? $company->companyUser['mobile'] : "") }}" placeholder="Enter contact number">
                      </div>
                    </div>
                    <!-- /.col -->

                      @if(!isset($company['id']))

                      <div class="col-md-6">
                        <div class="form-group">
                          <label>Company password</label>
                          <input type="password" class="form-control" id="password" required name="password" value="" placeholder="Enter company password">
                        </div>
                      </div>
                      <!-- /.col -->
                      <div class="col-md-6">
                        <div class="form-group">
                          <label>Password confirmation</label>
                          <input type="password" class="form-control" id="password" required name="password_confirmation" value="" placeholder="Enter password confirmation">
                        </div>
                      </div>
                      <!-- /.col -->
                      @endif

                      <!-- <div class="form-group">
                        <label>Extra Employees</label>
                        <input type="text" class="form-control"  onkeypress="return isNumberKey(event)" id="extra_users" name="extra_users" value="{{ old('extra_users', $company['extra_users']) }}" placeholder="Extra Employees">
                      </div> -->
                    <div class="col-md-6">
                      <div class="form-group">
                        <label>Add more videos</label>
                        <input type="text" class="form-control" onkeypress="return isNumberKey(event)" name="extra_videos" >
                      </div>
                    </div>

                    <div class="col-md-6">
                      <div class="form-group">
                        <label>Email Domain</label>
                        <input type="text" class="" data-role="tagsinput"  name="emails_domain" id="emails_domain" value="{{ isset($company->email_domain) ? $company->email_domain : "" }}"  >
                      </div>
                    </div>

                    <div class="col-md-6">
                      <div class="form-group">
                        <label>Therapist Professions</label>
                        <select class="form-control select2x profession-select2" style="width: 100%;" name="profession_types[]" multiple>
                            @foreach ($professions as $profession)
                                <option @if($company->professions->contains($profession)) selected @endif value="{{ $profession->id }}" >{{ $profession->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    </div>

                    @if(!isset($company['user_id']))
                      <div class="col-md-6">
                        <div class="form-group">
                          <label>Invitation Password</label>
                          <input type="password" class="form-control" name="invitation_password" id="invitation_password" value=""  >
                        </div>
                      </div>
                    @endif
                    @if(isset($company['user_id']) && isset($company->userPlan))
                          <div class="col-md-6">
                              <div class="form-group">
                                  <label>Number of Employees</label>
                                  <input type="text" class="form-control"
                                         name="number_of_employees"
                                         value="{{ $company->userPlan->users }}">
                              </div>
                          </div>
                    @endif
                    <div class="col-md-6">
                      <div class="form-group">
                        <label>Company URL</label>
                        <input type="text" class="form-control"  name="company_url" name="company_url" value="{{ isset($company->company_url) ? $company->company_url : "" }}"  >
                      </div>
                    </div>

                      <div class="col-md-6">
                          <div class="form-group">
                              <label>Check-in URL</label>
                              <input type="text" class="form-control"  name="check_in_url" value="{{ isset($company->check_in_url) ? $company->check_in_url : "" }}"  >
                          </div>
                      </div>

                    <div class="col-md-6">
                      <div class="form-group">
                        <label>B2B Custom Field Name</label>
                        <input type="text" class="form-control"  name="custom_field_name" name="custom_field_name" value="{{ isset($company->custom_field_name) ? $company->custom_field_name : "" }}"  >
                      </div>
                    </div>

                    <div class="col-md-6">
                      <div class="form-group">
                        <label>Parent Company</label>
                        <select class="form-control select2x profession-select2" style="width: 100%;" name="source_company">
                              <option {{ $company->source_company == "suppportroom" ? 'selected' : '' }} value="supportroom" >SupportRoom</option>
                              <option {{ $company->source_company == "nixy" ? 'selected' : '' }} value="nixy" >Nixy</option>
                              <option {{ $company->source_company == "both" ? 'selected' : '' }} value="both" >Both</option>
                        </select>
                      </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group survey_limit_container {{$company->only_heartbeat == 1 || true ? "" : "hide"}}">
                            <label>Survey Limit</label>
                            <input type="text" class="form-control" onkeypress="return isNumberKey(event)" name="survey_limit" value="{{ isset($company->survey_limit) ? $company->survey_limit : "" }}"  >
                          </div>
                    </div>



                    <div class="col-md-6">
                      <div class="form-group">
                        <label>No of Switch</label>
                        <input type="text" class="form-control"  name="no_of_switch" name="no_of_switch" value="{{ isset($company->no_of_switch) ? $company->no_of_switch : "" }}"  required>
                      </div>
                    </div>

                    <div class="col-md-6">
                      <div class="form-group">
                        <label>Overhead Per Month</label>
                        <input type="text" class="form-control"  name="overhead_per_month" name="overhead_per_month" value="{{ isset($company->overhead_per_month) ? $company->overhead_per_month : "" }}"  >
                      </div>
                    </div>

                    <div class="col-md-6">
                      <div class="form-group">
                        <label>Language</label>
                        <select class="form-control select2x profession-select2" style="width: 100%;" name="language[]" multiple>
                            <option {{ in_array('english', $company->language ?? []) ? 'selected' : '' }} value="english" >English</option>
                            <option {{ in_array('greek', $company->language ?? []) ? 'selected' : '' }} value="greek" >Greek</option>
                            <option {{ in_array('german', $company->language ?? []) ? 'selected' : '' }} value="german" >German</option>
                            <option {{ in_array('arabic', $company->language ?? []) ? 'selected' : '' }} value="arabic" >Arabic</option>
                            <option {{ in_array('serbian', $company->language ?? []) ? 'selected' : '' }} value="serbian" >Serbian</option>
                            <option {{ in_array('french', $company->language ?? []) ? 'selected' : '' }} value="french" >French</option>
                            <option {{ in_array('hebrew', $company->language ?? []) ? 'selected' : '' }} value="hebrew" >Hebrew</option>
                            <option {{ in_array('russian', $company->language ?? []) ? 'selected' : '' }} value="russian" >Russian</option>
                            <option {{ in_array('montenegrin', $company->language ?? []) ? 'selected' : '' }} value="montenegrin" >Montenegrin</option>
                          </select>
                      </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Color Code</label>
                            <input type = "text" name = "color_code"  class="form-control" value="{{ old('color_code', $company['color_code']) }}">
                        </div>
                    </div>
                    <div class="col-md-6">
                      <div class="form-group">
                          <label>Secondary Color Code</label>
                          <input type = "text" name = "secondary_color_code"  class="form-control" value="{{ old('secondary_color_code', $company['secondary_color_code']) }}">
                      </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>
                                <input type="checkbox" name="connect_vipani" id="vipaniSwitch" {{isset($company->connect_vipani)  && $company->connect_vipani == 1 ? "checked" : ""}} data-bootstrap-switch/>
                                Enable Vipani Key
                            </label>
                            <input type="text" name="vipani_key" id="vipaniKey" class="form-control mt-2" value="{{ old('vipani_key', $company['vipani_key']) }}" >
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Company Logo</label>
                            <input type = "file" name = "company_logo"  class="dropify" data-default-file="{{ old('company_logo', $company['company_logo']) }}" data-show-remove="true">
                        </div>
                    </div>

                    <div class="col-md-12">
                        <hr>
                        <h2 style="color: maroon;">Permissions</h2>
                    </div>

                    <div class="col-md-6">
                      <div class="form-group">
                          <label>Connect Teams</label>
                          <input type="checkbox" class="form-control" name="connect_teams" name="connect_teams" {{isset($company->user->connect_teams)  && $company->user->connect_teams == 1 ? "checked" : ""}} data-bootstrap-switch>
                      </div>
                    </div>
                      <div class="col-md-6">
                          <div class="form-group">
                              <label>Is Lite</label>
                              <input type="checkbox" class="form-control" name="is_lite" {{isset($company->is_lite)  && $company->is_lite == 1 ? "checked" : ""}} data-bootstrap-switch>
                          </div>

                      </div>
                      <div class="col-md-6">
                          <div class="form-group">
                              <label>Heartbeat</label>
                              <input type="checkbox" class="form-control" name="only_heartbeat" {{isset($company->only_heartbeat)  && $company->only_heartbeat == 1 ? "checked" : ""}} data-bootstrap-switch>
                          </div>


                      </div>
                      <div class="col-md-6">
                          <div class="form-group">
                              <label>Only Analytics</label>
                              <input type="checkbox" class="form-control" name="is_analytics" {{isset($company->is_analytics)  && $company->is_analytics == 1 ? "checked" : ""}} data-bootstrap-switch>
                          </div>

                      </div>
                    <div class="col-md-6">
                      <div class="form-group">
                          <label>Custom Moodbox</label>
                          <input type="checkbox" class="form-control" name="custom_moodbox" name="custom_moodbox" {{isset($company->custom_moodbox)  && $company->custom_moodbox == 1 ? "checked" : ""}} data-bootstrap-switch>
                      </div>

                    </div>
                    <div class="col-md-6">
                      <div class="form-group">
                          <label>Select Therapist By Country</label>
                          <input type="checkbox" class="form-control" name="therapist_by_country" name="therapist_by_country" {{isset($company->therapist_by_country)  && $company->therapist_by_country == 1 ? "checked" : ""}} data-bootstrap-switch>
                      </div>
                    </div>

                    <div class="col-md-6">
                      <div class="form-group">
                          <label>Switch Therapist</label>
                          <input type="checkbox" class="form-control" name="switch_therapist" name="switch_therapist" {{isset($company->switch_therapist)  && $company->switch_therapist == 1 ? "checked" : ""}} data-bootstrap-switch>
                      </div>
                    </div>
                    <div class="col-md-6">
                      <div class="form-group">
                          <label>Therapist type</label>
                          <input type="checkbox" class="form-control" name="therapist_type" name="therapist_type" {{isset($company->therapist_type)  && $company->therapist_type == 1 ? "checked" : ""}} data-bootstrap-switch>
                      </div>
                    </div>

                    <div class="col-md-6">
                      <div class="form-group">
                          <label>FAQ Booking</label>
                          <input type="checkbox" class="form-control" name="faq_booking" name="faq_booking" {{isset($company->faq_booking)  && $company->faq_booking == 1 ? "checked" : ""}} data-bootstrap-switch>
                      </div>
                    </div>
                    <div class="col-md-6">
                      <div class="form-group">
                          <label>Benefits</label>
                          <input type="checkbox" class="form-control" name="is_benefits" {{isset($company->is_benefits)  && $company->is_benefits == 1 ? "checked" : ""}} data-bootstrap-switch>
                      </div>
                    </div>
                    <div class="col-md-6">
                      <div class="form-group">
                          <label>MultiRoom</label>
                          <input type="checkbox" class="form-control" name="multiroom" {{isset($company->multiroom)  && $company->multiroom == 1 ? "checked" : ""}} data-bootstrap-switch>
                      </div>
                    </div>

                    <div class="col-md-6">
                      <div class="form-group">
                          <label>Demographic Gender</label>
                          <input type="checkbox" class="form-control" name="demographics" {{isset($company->demographics)  && $company->demographics == 1 ? "checked" : ""}} data-bootstrap-switch>
                      </div>
                    </div>
                    <div class="col-md-6">
                      <div class="form-group">
                          <label>SupportFit Subscribed</label>
                          <input type="checkbox" class="form-control" name="supportfit_subscribed" {{isset($company->supportfit_subscribed)  && $company->supportfit_subscribed == 1 ? "checked" : ""}} data-bootstrap-switch>
                      </div>
                    </div>
                    <div class="col-md-6">
                      <div class="form-group">
                          <label>Custom Company Page</label>
                          <input type="checkbox" class="form-control" name="custom_company" {{isset($company->custom_company)  && $company->custom_company == 1 ? "checked" : ""}} data-bootstrap-switch>
                      </div>
                    </div>
                    <div class="col-md-6">
                      <div class="form-group">
                          <label>Force 2FA</label>
                          <input type="checkbox" class="form-control" name="force_2fa" {{isset($company->force_2fa)  && $company->force_2fa == 1 ? "checked" : ""}} data-bootstrap-switch>
                      </div>
                    </div>
                    <div class="col-md-6">
                      <div class="form-group">
                          <label>Temporary Password</label>
                          <input type="checkbox" class="form-control" name="temp_pass" {{isset($company->temp_pass)  && $company->temp_pass == 1 ? "checked" : ""}} data-bootstrap-switch>
                      </div>
                    </div>
                    <div class="col-md-6">
                      <div class="form-group">
                          <label>Community Subscribed</label>
                          <input type="checkbox" class="form-control" name="is_community" {{isset($company->is_community)  && $company->is_community == 1 ? "checked" : ""}} data-bootstrap-switch>
                      </div>
                    </div>
                    <div class="col-md-6">
                      <div class="form-group">
                          <label>Nixy</label>
                          <input type="checkbox" class="form-control" name="is_nixy" {{isset($company->is_nixy)  && $company->is_nixy == 1 ? "checked" : ""}} data-bootstrap-switch>
                      </div>
                    </div>
                      <div class="col-md-6">
                          <div class="form-group">
                              <label>Is Pro</label>
                              <input type="checkbox" class="form-control" name="is_pro" {{isset($company->is_pro)  && $company->is_pro == 1 ? "checked" : ""}} data-bootstrap-switch>
                          </div>

                      </div>
                      <div class="col-md-6">
                          <div class="form-group">
                              <label>Workplace Insight</label>
                              <input type="checkbox" class="form-control" name="is_wpi" {{isset($company->is_wpi)  && $company->is_wpi == 1 ? "checked" : ""}} data-bootstrap-switch>
                          </div>

                      </div>
                      <div class="col-md-6">
                          <div class="form-group">
                              <label>Show active users in analytic platform</label>
                              <input type="checkbox" class="form-control" name="show_active_users_count" {{isset($company->show_active_users_count)  && $company->show_active_users_count == 1 ? "checked" : ""}} data-bootstrap-switch>
                          </div>

                      </div>
                      <div class="col-md-6">
                          <div class="form-group">
                              <label>Show demographic graphs</label>
                              <input type="checkbox" class="form-control" name="show_demographic_graphs" {{isset($company->show_demographic_graphs)  && $company->show_demographic_graphs == 1 ? "checked" : ""}} data-bootstrap-switch>
                          </div>

                      </div>
                      <div class="col-md-6">
                          <div class="form-group">
                              <label>Show active users and registered users monthly</label>
                              <input type="checkbox" class="form-control" name="show_monthly_active_registered_users" {{isset($company->show_monthly_active_registered_users)  && $company->show_monthly_active_registered_users == 1 ? "checked" : ""}} data-bootstrap-switch>
                          </div>
                      </div>
                      <div class="col-md-6">
                          <div class="form-group">
                              <label>Show priority issues popup</label>
                              <input type="checkbox" class="form-control" name="show_priority_issues" {{isset($company->show_priority_issues)  && $company->show_priority_issues == 1 ? "checked" : ""}} data-bootstrap-switch>
                          </div>
                      </div>
                      <div class="col-md-6">
                          <div class="form-group">
                              <label>Show Moodbox</label>
                              <input type="checkbox" class="form-control" name="show_moodbox" {{isset($company->show_moodbox)  && $company->show_moodbox == 1 ? "checked" : ""}} data-bootstrap-switch>
                          </div>
                      </div>
                      <div class="col-md-6">
                          <div class="form-group">
                              <label>Show Blood Pressure</label>
                              <input type="checkbox" class="form-control" name="show_blood_pressure" {{isset($company->show_blood_pressure)  && $company->show_blood_pressure == 1 ? "checked" : ""}} data-bootstrap-switch>
                          </div>
                      </div>
                    <!-- /.col -->
                    @if(isset($company['id']))
                    <div class="col-md-12">
                      <hr>
                      <div class="row">
                        <div class="col-md-6">
                          <div class="form-group">
                            <label>Import Dummy Employees List (It will be used to create Dummy Employees & Data)</label>
                            <input style="height: auto;" onchange="checkfile(this, '.csv');" type="file" class="form-control" name="employeesList" accept=".csv, application/csv" >
                            <small class="text-red"><strong>CSV format: FirstName,LastName,EmailAddress,TelephoneNumber</strong></small></strong>
                          </div>
                        </div>
                        <div class="col-md-2">
                          <div class="form-group">
                            <label>Dummy List Action</label>
                            <select class="form-control" required style="width: 100%;" name="employees_list_action">
                                <option value=""></option>
                                <option value="add" selected>Create employees</option>
                                <option value="remove">Remove employees</option>
                            </select>
                          </div>
                        </div>
                      </div>
                    </div>
                    @endif
                    <!-- /.col -->

                    <div class="col-md-12 depart_cont">
                      <hr>
                      <h5 class=" border-bottom"><span style="color: maroon;">Departments</span> <button class="add_depart btn btn-sm btn-default" type="button">Add new</button></h5>
                      @if($departs)
                        @foreach ($departs as $item)
                          <div class="col-md-3 depart_box">

                            <div class="input-group form-group">

                              <input required type="text" class="form-control" name="departments[]" value="{{$item->name}}" placeholder="Enter department name">
                              <div class="input-group-btn">
                                <button class="btn btn-danger depart_del" type="button">
                                  <i class="fas fa-trash"></i>
                                </button>
                              </div>

                            </div>

                          </div>
                          <!-- /.col -->
                        @endforeach
                      @endif
                    </div>
                    <!-- /.col -->
                    <div class="form-group">
                      <button type="submit" class="btn btn-primary">Submit</button>
                      @if(isset($company['user_id']))
                        <a href="{{route('unsubscribe',$company['user_id'])}}" class="btn btn-danger">Unsubscribe</a>
                        <a class="btn btn-warning" data-toggle="modal" data-target="#invitation_password">Update Invitation Password</a>
                      @endif
                    </div>
                  </div>
                </div>


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

        </div>
      </div>

      <div id="invitation_password" class="modal fade" tabindex="-1" role="dialog">
      <div class="modal-dialog" role="document">
        <form id="invitation_password_form" style="display: inline;" action="{{asset('/admin/company/invitation_password')}}" method="POST">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title">Update Invitation Passowrd</h5>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            <div class="modal-body">

                {{ method_field('POST') }}
                {{ csrf_field() }}
                  <input type="hidden" name="company_id" value="{{$company['user_id']}}">
                  <div class="form-group">
                      <label>Invitation Password</label>
                      <input type="password" required class="form-control" name="invitation_password">
                  </div>

            </div>
            <div class="modal-footer">
              <button type="submit" class="btn btn-primary">Update Password</button>
              <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            </div>
          </div>
        </form>
      </div>
    </div>
  @endsection


  @section('script')
<script>
  function clearInputFile(f){
      if(f.value){
          try{
              f.value = ''; //for IE11, latest Chrome/Firefox/Opera...
          }catch(err){ }
          if(f.value){ //for IE5 ~ IE10
              var form = document.createElement('form'),
                  parentNode = f.parentNode, ref = f.nextSibling;
              form.appendChild(f);
              form.reset();
              parentNode.insertBefore(f,ref);
          }
      }
  }
  function checkfile(sender, allowedTypes) {
      var validExts = allowedTypes.split(',');
      var fileExt = sender.value;
      fileExt = fileExt.substring(fileExt.lastIndexOf('.'));
      if (validExts.indexOf(fileExt) < 0) {
        clearInputFile(sender);
        alert("Invalid file selected, valid files are of " +
                validExts.toString() + " types.");
        return false;
      }
      else return true;
  }

  $(document).ready(function(){

    setTimeout(() => {
        $('.profession-select2').select2({
            placeholder: "Please Select Therapist Professions",
            formatNoMatches: function () { return "There isn't any profession similar to entered query"; }
        });
    }, 500);
    /* $('[name="only_heartbeat"]').on('switchChange.bootstrapSwitch', function (event, state) {
      if(state){
        $('.survey_limit_container').removeClass('hide');
      }else{
        $('.survey_limit_container').addClass('hide');
      }
    });  */
    $('#emails_domain').tagsinput({
    });



      $(document).on('click', '.add_depart', function(){
        var input = `<div class="col-md-3 depart_box">

                        <div class="input-group form-group">

                          <input required type="text" class="form-control" name="departments[]" value="" placeholder="Enter department name">
                          <div class="input-group-btn">
                            <button class="btn btn-danger depart_del" type="button">
                              <i class="fas fa-trash"></i>
                            </button>
                          </div>

                        </div>

                      </div>`;
                      $('.depart_cont').append(input);
      });
      $(document).on('click', '.depart_del', function(){
        if(confirm('Are you sure?')){
          $(this).parents('.depart_box:first').remove();
        }
      });
      $(document).on('submit', '#updateCompanyForm', function(){
        showLoader(1);
      });

      // Handle the 'Remove' button action
    $('.dropify').on('dropify.beforeClear', function (event, element) {
        // Perform AJAX request or custom logic to handle file removal
        $.ajax({
            url: "/admin/company/{{ $company['id'] }}/logo/remove", // Replace with your route
            type: "POST",
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'),
            },
            success: function (response) {
                if (response.success) {
                    console.log("Logo removed successfully!");
                } else {
                    console.log("Failed to remove logo.");
                }
            },
            error: function () {
                alert("An error occurred while removing the logo.");
            }
        });

        return true; // Proceed with file removal in Dropify
    });

  });



</script>
<script>
    $(document).ready(function () {
        // Initialize Bootstrap Switch
        $("#vipaniSwitch").bootstrapSwitch();

        // Generate random key (16 characters)
        function generateVipaniKey() {
            const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
            let key = '';
            for (let i = 0; i < 16; i++) {
                key += chars.charAt(Math.floor(Math.random() * chars.length));
            }
            return key;
        }

        // Handle switch change
        $('#vipaniSwitch').on('switchChange.bootstrapSwitch', function (event, state) {
            const input = $('#vipaniKey');
            if (state) {
                if(input.val() == ''){
                  input.val(generateVipaniKey());
                }
            }
        });
    });
</script>
@endsection