@php
/**
 * @name Chat WhatsApp
 * @version 1.0.0
*/
@endphp

{{-- SE SCELGONO DI AVERLA A SINISTRA AGGIUNGO NEL DIV .whatsapp-chat la classe  whatsapp-chat-left--}}
<div class="whatsapp-chat @if($position == 'left') whatsapp-chat-left @endif">
    
  <i class="fa-brands fa-whatsapp whatsapp-icon" aria-hidden="true"></i>
  <div class="chat">
      <div class="header">
          <span class="title">
            @if(is_auth())

              @php
              $user = get_current_user_attribute();
              if (is_customer()) {
                  $name = $user['company_name'];
              }
              if (is_agent()) {
                  $name = $user['name'];
              }
              @endphp

              <b>{{$name}}</b>, {{ __t('benvenuto sul nostro supporto') }}
            @else
            {{ __t('Benvenuto sul nostro supporto') }}
            @endif
          </span>
          <button>
              <i class="fa fa-times" aria-hidden="true"></i>
          </button>
                       
      </div>
      <ul class="messages">

          @if(!$widget['message_custom'] || ($widget['message_custom'] && !empty($widget['message'])))
          <li class="self whatsapp-chat-message @if(!$status) whatsapp-chat-disabled @endif">

            @if($widget['message_custom'])

              @if(!empty($widget['message']))
              <span class="info-message entry-message">{!! $widget['message'] !!}</span>
              @endif

            @else
              <span class="info-message entry-message">{{ __t('Hai problemi con ordini, domande su prodotti? Per qualsiasi cosa noi siamo a disposizione!') }}</span>
            @endif
            
            @if($widget['message_available'] != 'none')
            
              @if($widget['message_available'] == 'auto')

              @php
                $days = $widget['days'];

                $days_list = [
                          1 => __t("Lun"),
                          2 => __t("Mar"),
                          3 => __t("Mer"),
                          4 => __t("Gio"),
                          5 => __t("Ven"),
                          6 => __t("Sab"),
                          7 => __t("Dom")
                          ];

                $days_active = [];

                foreach ($days as $day) {
                  $days_active[] = $days_list[$day];
                }

                $days_text = implode('-', $days_active);

                if(count($days) == 7){
                  $days_text = __t('Tutti i giorni');
                }

                $time = $widget['time'];
                $time_end = $widget['time_end'];
                
                if($time_end == '00:00'){
                  $time_end = '24:00';
                }

                $time2_status = $widget['time2_status'];

                $time2 = $widget['time2'];
                $time2_end = $widget['time2_end'];

                if($time2_end == '00:00'){
                  $time2_end = '24:00';
                }

                $times_text = $time . '/' . $time_end;

                if($time2_status){
                  $times_text .= ' - ' . $time2 . '/' . $time2_end;
                }

              @endphp

              <span class="info-message days-message"><i class="fa-solid fa-calendar-days"></i> <span>{{ $days_text }}</span></span>

              <span class="info-message hours-message"><i class="fa-solid fa-clock"></i> <span>{{ $times_text }}</span></span>
              @endif

              @if($widget['message_available'] == 'message')
                @if(!empty($widget['message_days']))
                <span class="info-message days-message"><i class="fa-solid fa-calendar-days"></i> <span>{!! $widget['message_days'] !!}</span></span>
                @endif

                @if(!empty($widget['message_times']))
                <span class="info-message hours-message"><i class="fa-solid fa-clock"></i> <span>{!! $widget['message_times'] !!}</span></span>
                @endif
              @endif

            @endif
          </li>
          @endif

          @if(!$status)
          <li class="self whatsapp-chat-message whatsapp-chat-message-offline">
            <span class="info-message offline-message">{{ __t('Siamo momentaneamente offline.') }}</span>

            @if($support_email)
            <span class="info-message offline-message">{{ __t('Inviaci una mail, risponderemo appena possibile.') }}</span>
            @endif
          </li>
          @endif
      </ul>

    <div class="btn-info-container">

      @if(!$status && $support_email)

      @if(is_view('product'))

      @php
        global $product;

        $text_subject = 'Informazioni prodotto ' . $product->get_sku();
        $text_message = 'Ciao, ho una domanda riguardo il prodotto ' . $product->get_name() . ' (' . $product->get_sku() . ')';

        $text_url = '?subject=' . addslashes($text_subject) . '&body=' . addslashes($text_message);

      @endphp

      <a class="other btn-info btn-info-product" href="mailto:{{$widget['email_support']}}{{$text_url}}" target="_blank">{{ __t('Invia una mail d\'informazioni su questo prodotto') }}</a>
      @endif

      <a class="other btn-info btn-info-general" href="mailto:{{$widget['email_support']}}" target="_blank">{{ __t('Invia mail al supporto') }}</a>


      @else

        @if(is_view('product'))

        @php
          global $product;

          $text_message = 'Ciao, ho una domanda riguardo il prodotto ' . $product->get_name() . ' (' . $product->get_sku() . ')';

          $text_url = '?text=' . urlencode($text_message);

        @endphp

        <a class="other btn-info btn-info-product @if(!$status) btn-info-disabled @endif" @if($status)href="https://wa.me/{!! str_replace('+', '', $widget['mobile']) !!}{{$text_url}}" target="_blank"@endif>{{ __t('Chiedi informazioni su questo prodotto') }}</a>
        @endif

        <a class="other btn-info btn-info-general @if(!$status) btn-info-disabled @endif" @if($status)href="https://wa.me/{!! str_replace('+', '', $widget['mobile']) !!}" target="_blank"@endif>{{ __t('Contatta il supporto') }}</a>

      @endif
    </div>
    
{{--     
        <div class="footer">
          <div class="text-box" contenteditable="false" disabled="true"></div>
        </div> --}}
  </div>
</div>