@extends('dashboard.layout.layout')

@section('content')
  <!-- BEGIN: Content-->
  <div class="app-content content ">
    <div class="content-overlay"></div>
    <div class="header-navbar-shadow"></div>
    <div class="content-wrapper container-xxl p-0">
      <div class="content-header row">
      </div>
      <div class="content-body">
        <!-- users list start -->
        <section class="app-user-list">
          <!-- list and filter start -->
          <div class="card card-payment">
            <div class="card-header d-flex justify-content-between align-items-center">
              <div>
                <h4 class="card-title mb-0">{{ $title }}</h4>
                <h4 class="card-title text-primary mb-0">{{ $user->phone }}</h4>
              </div>
              @if ($user->phone && $user->send_message != 0)
                <button type="button" class="btn btn-warning btn-sm" id="send-reminder-sms-btn"
                  onclick="sendReminderSMS()" data-bs-toggle="tooltip" data-bs-placement="top"
                  title="შეხსენებითი SMS-ის გაგზავნა დავალიანების გადასახდელად">
                  <i data-feather="message-square"></i> შეხსენებითი SMS-ის გაგზავნა
                </button>
              @endif
            </div>
            <div class="card-body">
              <form action="{{ route('messages.store', $user->id) }}" method="POST" class="form">
                @csrf
                @method('POST')
                <div class="row">
                  <div class="col-12">
                    <div class="mb-2">
                      <label class="form-label" for="content">შეტყობინება <strong class="text-danger"><span
                            id="charCount">0</span> სიმბოლო</strong></label>
                      <textarea id="content" name="content" class="form-control" rows="4" placeholder="შეტყობინება"></textarea>
                    </div>
                  </div>
                  <div class="d-grid col-12">
                    <button type="submit" class="btn btn-success">გაგზავნა</button>
                  </div>
                </div>
              </form>
            </div>
          </div>
          <!-- list and filter end -->
        </section>
        <!-- users list ends -->

      </div>
    </div>
  </div>
  <!-- END: Content-->
@endsection
@push('scripts')
  <script>
    $('#content').keyup(function() {
      let string = $(this).val();
      $('#charCount').text(string.length);
    });

    function sendReminderSMS() {
      new swal({
          title: `გსურთ შეხსენებითი SMS-ის გაგზავნა?`,
          text: "SMS გაიგზავნება აბონენტთან",
          icon: "info",
          buttons: true,
          dangerMode: true,
          showCancelButton: true,
          confirmButtonText: "გაგზავნა",
          cancelButtonText: "გაუქმება",
        })
        .then((result) => {
          if (result.isConfirmed) {
            new Notify({
              title: 'მუშაობა',
              text: 'SMS-ის გაგზავნა მიმდინარეობს. დაელოდეთ წარმატების მესიჯს',
              status: 'success',
              autoclose: true,
              effect: 'slide',
              type: 2,
              autotimeout: 3500
            })
            fetch(`{{ route('users.send.sms', $user->id) }}`, {
                method: 'POST',
                headers: {
                  'Content-Type': 'application/json',
                  'X-CSRF-TOKEN': '{{ csrf_token() }}'
                }
              })
              .then(response => response.json())
              .then(data => {
                if (data.success) {
                  Swal.fire({
                    title: 'წარმატებული',
                    text: data.message || 'SMS წარმატებით გაიგზავნა',
                    icon: 'success'
                  });
                } else {
                  Swal.fire({
                    title: 'შეცდომა',
                    text: data.message || 'Error sending SMS',
                    icon: 'error'
                  });
                }
              })
              .catch(error => {
                Swal.fire({
                  title: 'შეცდომა',
                  text: 'მოხდა შეცდომა SMS-ის გაგზავნისას',
                  icon: 'error'
                });
              })
          }
        });
    }

    // Initialize tooltips
    document.addEventListener('DOMContentLoaded', function() {
      var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
      var tooltipList = tooltipTriggerList.map(function(tooltipTriggerEl) {
        return new bootstrap.Tooltip(tooltipTriggerEl);
      });
    });
  </script>
@endpush