@extends('dashboard.layout.layout')

@section('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="card">
        <div class="card-body border-bottom">
          @if (Auth::user()->hasRole('admin'))
            <div class="card-header d-flex justify-content-between p-0">
              <h5 class="card-title">ტელეფონის ნომრით გაგზავნა</h5>
              @can('users.create')
                <span><b>გაგზავნილი სმს-ები:</b> <br /> ამ თვეში - {{ $messagesInfo['messagesToDevicesThisMonth'] }} <br>
                  დღეს
                  -
                  {{ $messagesInfo['messagesToDevicesToday'] }}</span>
              @endcan
            </div>
            <div>
              <label for="entranceSelect" class="form-label">აირჩიეთ სადარბაზო</label>
              <div class="dropdown">
                <button class="btn dropdown-toggle w-100" style="text-align: left; border: 1px solid lightgray"
                  type="button" id="entranceSelectButton" data-bs-toggle="dropdown" aria-expanded="false">
                  აირჩიეთ სადარბაზო
                </button>
                <ul class="dropdown-menu" aria-labelledby="entranceSelectButton"
                  style="max-height: 400px; overflow-y: auto; width: 100%">
                  <input class="form-control" id="entranceSearch" type="text" placeholder="ძიება..">
                  @foreach ($entrances as $entrance)
                    <li>
                      <label class="dropdown-item">
                        <input type="checkbox" name="entrances[]" value="{{ $entrance->id }}"
                          class="form-check-input entrance-checkbox">
                        {{ $entrance->block->name }} - {{ $entrance->entrance_number }} სადარბაზო ({{ $entrance->phone }})
                        -
                        {{ $entrance->domophone_model }}
                      </label>
                    </li>
                  @endforeach
                </ul>
              </div>
            </div>

            <div>
              <label for="codeSelect" class="form-label">აირჩიეთ კოდი</label>
              <select id="codeSelect" class="form-select">
                <option value="">აირჩიეთ კოდი</option>
                <option value="#6#1#NO#2#NC">#6#1#NO#2#NC</option>
                <option value="#6#1#NC#2#NO">#6#1#NC#2#NO</option>
                <option value="#2#1">#2#1</option>
                <option value="#2#2">#2#2</option>
                <option value="#3#1">#3#1</option>
                <option value="#3#2">#3#2</option>
                <option value="#4">#4</option>
                <option value="#5#30">#5#30</option>
                <option value="1234#PWD4242#PWD4242#">1234#PWD4242#PWD4242#</option>
                <option value="#123456#424242">#123456#424242</option>
                <option value="0000 PSW 4242">0000 PSW 4242</option>
                <option value="#6#1#NC#2#NC">#6#1#NC#2#NC</option>
                <option value="#6#1#NO#2#NO">#6#1#NO#2#NO</option>
                <option value="4242GON00##">4242GON00##</option>
                <option value="4242GOFF00##">4242GOFF00##</option>
                <option value="4242#N#">4242#N#</option>
              </select>

            </div>
            <h5 class="card-header">ჩაწერეთ სასურველი კოდი</h5>
            <textarea id="autosize-demo" rows="3" class="form-control"
              style="overflow: hidden; overflow-wrap: break-word; resize: none; text-align: start; height: 83px;"></textarea>
            <div class="d-grid col-2 ms-auto">
              <button type="submit" style="margin-top: 15px;" id="sendButton"
                class="btn btn-primary waves-effect waves-float waves-light mb-3">
                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none"
                  stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                  class="feather feather-send">
                  <line x1="22" y1="2" x2="11" y2="13"></line>
                  <polygon points="22 2 15 22 11 13 2 9 22 2"></polygon>
                </svg> გაგზავნა
              </button>
            </div>
        </div>
        @endif

        <div class="content-body">
          <!-- users list start -->
          <section class="app-user-list">
            <!-- list and filter start -->
            <div class="card">
              <div class="card-header d-flex justify-content-between">
                <h4 class="card-title">{{ $title }}</h4>
                @can('users.create')
                  <span><b>გაგზავნილი სმს-ები:</b> <br /> ამ თვეში - {{ $messagesInfo['messagesToUsersThisMonth'] }} <br>
                    დღეს -
                    {{ $messagesInfo['messagesToUsersToday'] }}</span>
                @endcan
              </div>
            </div>
            <form method="GET" action="{{ route('messages.sendToAll') }}" class="row ps-2 pe-2">
              <div class="from-group col-md-3 mb-2">
                <input type="text" name="account_number"
                  @if (request()->has('account_number')) value="{{ request('account_number') }}" @endif
                  placeholder="აბონენტის ნომერი" class="form-control">
              </div>
              <div class="from-group col-md-3 mb-2">
                <input type="text" name="name"
                  @if (request()->has('name')) value="{{ request('name') }}" @endif placeholder="სახელი ან გვარი"
                  class="form-control">
              </div>
              @if (request()->has('account_number') && request()->account_number != null)
                <div class="from-group col-md-3 mb-2">
                  <div class="dropdown">
                    <button class="btn border-1 border-danger w-100" type="button" id="phoneDropdown"
                      data-bs-toggle="dropdown" aria-expanded="false">
                      აირჩიე ნომრები
                    </button>
                    <ul class="dropdown-menu w-100" aria-labelledby="phoneDropdown">
                      @foreach ($additionalContacts as $phone)
                        <li>
                          <label class="dropdown-item">
                            @if ($phone == $users->first()->phone)
                              <input type="checkbox" name="additionalContacts[]" value="{{ $phone }}"
                                class="form-check-input phone" checked>
                              {{ $phone }} (ძირითადი ნომერი)
                            @else
                              <input type="checkbox" name="additionalContacts[]" value="{{ $phone }}"
                                class="form-check-input phone">
                              {{ $phone }}
                            @endif
                          </label>
                        </li>
                      @endforeach
                    </ul>
                  </div>
                </div>
              @else
                <div class="from-group col-md-3 mb-2">
                  <input type="text" name="phone"
                    @if (request()->has('phone')) value="{{ request('phone') }}" @endif placeholder="ტელეფონი"
                    class="form-control">
                </div>
              @endif
              <div class="from-group col-md-3 mb-2">
                <select name="pay_day" class="form-select select2">
                  <option value="">გადახდის თარიღი</option>
                  @for ($i = 1; $i <= 31; $i++)
                    <option @if (request()->has('pay_day') && request('pay_day') == $i) selected @endif value="{{ $i }}">
                      {{ $i }}</option>
                  @endfor
                </select>
              </div>
              <div class="col-md-3 mb-2 d-flex">
                <div class="d-flex flex-row align-items-center">
                  <div class="form-check form-switch form-check-success">
                    <input type="checkbox" class="form-check-input" name="balance" value="1" id="balance"
                      @if (request()->has('balance') && request('balance') == 1) checked @endif />
                    <label class="form-check-label" for="balance">
                      <span class="switch-icon-left"><i data-feather="check"></i></span>
                      <span class="switch-icon-right"><i data-feather="x"></i></span>
                    </label>
                  </div>
                  <label class="form-check-label" for="balance">მინუსიანი ბალანსები</label>
                </div>
              </div>
              <div class="from-group col-md-3 mb-2">
                <select name="status" class="form-select select2">
                  <option @if (request()->has('status') && request('status') == 2) selected @endif value="2">ყველა</option>
                  <option @if (request()->has('status') && request('status') == 1) selected @endif value="1">ჩართული</option>
                  <option @if (request()->has('status') && request('status') == 0) selected @endif value="0">გათიშული</option>
                </select>
              </div>
              <div class="from-group col-md-3 mb-2">
                <select name="service_id" class="form-select select2">
                  <option value="">სერვისი</option>
                  @foreach ($services as $service)
                    <option @if (request()->has('service_id') && request('service_id') === $service->id) selected @endif value="{{ $service->id }}">
                      {{ $service->name }}</option>
                  @endforeach
                </select>
              </div>
              <div class="from-group col-md-3 mb-2">
                <select name="block_id[]" multiple class="form-select select2" data-placeholder="აირჩიეთ კორპუს(ებ)ი">
                  <option value="">კორპუსი</option>
                  @foreach ($blocks as $block)
                    <option @if (request()->has('block_id') && !empty(request('block_id')) && in_array($block->id, request('block_id'))) selected @endif value="{{ $block->id }}">
                      {{ $block->name }}</option>
                  @endforeach
                </select>
              </div>
              <div class="from-group col-md-3 mb-2">
                <input type="text" name="account_from" class="form-control"
                  @if (request()->has('account_from')) value="{{ request('account_from') }}" @endif
                  placeholder="აბონენტის ნომერი დან" />
              </div>
              <div class="from-group col-md-3 mb-2">
                <input type="text" name="account_to" class="form-control"
                  @if (request()->has('account_to')) value="{{ request('account_to') }}" @endif
                  placeholder="აბონენტის ნომერი მდე" />
              </div>
              <div class="from-group col-md-3 mb-2 ms-auto">
                <button class="btn btn-success w-100" type="submit"><i data-feather='search'></i> გაფილტვრა</button>
              </div>
            </form>
            <div class="container">

              <div id="searchResults" class="mb-3">
                <h4>SMS გაიგზავნება <span id="phoneCount">{{ $phonesCount }}</span> ნომერზე</h4>
                <p id="phoneCountBreakdown" class="text-muted mb-0">
                  ძირითადი ნომრები: <span id="mainPhonesBreakdown">{{ $mainPhonesCount }}</span>.
                  <span id="allPhonesBreakdown" class="d-none">ყველა ნომერი ჯამში:
                    <span id="allPhonesBreakdownCount">{{ $allPhonesCount }}</span>.</span>
                </p>
                <p class="text-muted mb-0">ფილტრშია {{ count($usersToSend) }} აბონენტი.</p>
                <p id="phoneAvailabilityNotice"
                  class="text-warning mb-0 @if ($usersWithoutMainPhoneCount === 0) d-none @endif">
                  ძირითადი ნომრის გარეშე {{ $usersWithoutMainPhoneCount }} აბონენტი გამოტოვებული იქნება.
                </p>
              </div>

              <form action="{{ route('messages.sendToAllStore', 1) }}" method="POST" class="form">
                @csrf
                @method('POST')
                <input type="text" name="users" value="{{ $usersToSend }}" hidden>

                <div class="form-check mb-2">
                  <div class="form-check mb-2">
                    <input type="checkbox" class="form-check-input" id="sendToAllNumbers" name="send_to_all_numbers">
                    <label class="form-check-label" for="sendToAllNumbers">
                      ყველა ნომერზე გაგზავნა (ძირითადი + ოჯახის წევრები)
                    </label>
                  </div>
                  <div class="form-check mb-2">
                    <input type="checkbox" class="form-check-input" id="customNumbersOnly" name="custom_numbers_only">
                    <label class="form-check-label" for="customNumbersOnly">
                      მხოლოდ დამატებითი ნომრები
                    </label>
                  </div>
                </div>

                <div class="row mb-2">
                  <div class="col-12">
                    <div class="form-group">
                      <label class="form-label" for="custom_phones">დამატებითი ტელეფონის ნომრები (თითო ხაზზე თითო
                        ნომერი)</label>
                      <textarea id="custom_phones" name="custom_phones" class="form-control" rows="3"
                        placeholder="მაგ:&#10;599123456&#10;599234567"></textarea>
                    </div>
                  </div>
                </div>

                @if (count($usersToSend) == 1 && request()->has('account_number'))
                  @php
                    $user = App\Models\User::find($usersToSend[0]);
                  @endphp
                  <input type="text" name="additional_contacts" id='additional_contacts'
                    value="{{ $user->phone }}" hidden>
                @endif

                <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="6" placeholder="შეტყობინება"></textarea>
                    </div>
                  </div>
                  <div class="d-grid col-2 ms-auto">
                    <button type="submit" class="btn btn-primary"><i data-feather='send'></i>
                      გაგზავნა</button>
                  </div>
                </div>
              </form>
            </div>
            <div class="card-body border-bottom p-0">
              <div class="card-datatable table-responsive p-1">
                <table class="dt-column-search table" id="usersTable">
                  <thead class="table-light">
                    <tr>
                      <th>აბონენტის ნომ.</th>
                      <th>ბალანსი</th>
                      <th>სახელი, გვარი</th>
                      <th>კორპუსი</th>
                      <th>ტელეფონი</th>
                      <th>ელ. ფოსტა</th>
                      <th>სტატუსი</th>
                    </tr>
                  </thead>
                  @foreach ($users as $user)
                    <tr>
                      <td><a
                          href="{{ route('reports.show', 1) . '?account_number=' . $user->account_number }}">{{ $user->account_number }}</a>
                      </td>
                      <td>{{ $user->balance }}</td>
                      <td><a href="{{ route('users.edit', $user->id) }}">{{ $user->name }}</a></td>
                      <td>{{ $user->block()->name }}</td>
                      <td>
                        @if (empty($user->phone))
                          <span class="badge bg-light-danger">არ არის მითითებული</span>
                        @else
                          {{ $user->phone }}
                        @endif
                      </td>
                      <td>
                        @if (empty($user->email))
                          <span class="badge bg-light-danger">არ არის მითითებული</span>
                        @else
                          {{ $user->email }}
                        @endif
                      </td>
                      <td>
                        @if ($user->status == 0)
                          <span class="badge bg-light-danger">გათიშული</span>
                        @else
                          <span class="badge bg-light-success">ჩართული</span>
                        @endif
                      </td>
                    </tr>
                  @endforeach
                  <tfoot>
                    <tr>
                      <th>აბონენტის ნომ.</th>
                      <th>ბალანსი</th>
                      <th>სახელი, გვარი</th>
                      <th>კორპუსი</th>
                      <th>ტელეფონი</th>
                      <th>ელ. ფოსტა</th>
                      <th>სტატუსი</th>
                    </tr>
                  </tfoot>
                </table>
                {{ $users->links('dashboard.layout.partials.pagination') }}
              </div>
            </div>
          </section>
          <!-- users list ends -->
        </div>
      </div>
    </div>
  </div>
@endsection

@push('scripts')
  <script>
    $('#content').keyup(function() {
      let string = $(this).val();
      $('#charCount').text(string.length);
    });

    function selectAccounts() {
      $("#accounts > option").prop("selected", true);
      $("#accounts").trigger("change");
    }

    function deselectAccounts() {
      $("#accounts > option").prop("selected", false);
      $("#accounts").trigger("change");
    }

    // click on phoneDropdown button on load
    $("#phoneDropdown").click();

    // remote red border and set grery on additionalContacts checkbox with name additionalContacts[] on any change
    $('.form-check-input.phone').change(function() {
      $('#phoneDropdown').removeClass('border-danger');
      $('#phoneDropdown').css('border-color', '#ced4da');

      if ($('.form-check-input.phone:checked').length == 0) {
        $('#phoneDropdown').addClass('border-danger');
      }

      var selectedValues = []; // Array to hold selected checkbox values
      $('.form-check-input.phone:checked').each(function() {
        selectedValues.push($(this).val()); // Push selected checkbox value to the array
      });
      $('#additional_contacts').val(selectedValues.join(', '));
    });

    // Search functionality for entrance select
    var entranceSearch = document.getElementById('entranceSearch');
    if (entranceSearch) {
      entranceSearch.addEventListener('keyup', function() {
        var filter = this.value.toUpperCase();
        var items = document.querySelectorAll('#entranceSelectButton + .dropdown-menu li label');
        items.forEach(function(item) {
          var text = item.textContent || item.innerText;
          item.style.display = text.toUpperCase().indexOf(filter) > -1 ? '' : 'none';
        });
      });
    }

    // Function to update the dropdown button text with selected entrances
    function updateSelectedEntrances() {
      var selectedEntrances = [];
      $('.entrance-checkbox:checked').each(function() {
        var entranceText = $(this).closest('label').text();
        // cut text before first appearance of 'სადარბაზო'
        entranceText = entranceText.substring(0, entranceText.indexOf('სადარბაზო'));
        selectedEntrances.push(entranceText);
      });

      var buttonText = selectedEntrances.length > 0 ? selectedEntrances.join(', ') : 'აირჩიეთ სადარბაზო';
      $('#entranceSelectButton').text(buttonText);
    }

    // Attach the update function to the checkbox change event
    $(document).on('change', '.entrance-checkbox', function() {
      updateSelectedEntrances();
    });

    $('#sendButton').on('click', function(e) {
      e.preventDefault(); // Prevent the form from submitting in the traditional way

      // Collect data from the form
      var selectedEntrances = [];
      $('input[name="entrances[]"]:checked').each(function() {
        selectedEntrances.push($(this).val());
      });

      var selectedCode = $('#codeSelect').val();
      var customCode = $('#autosize-demo').val();

      $.ajax({
        url: '{{ route('messages.sendCustomCommandToDomophone', 1) }}', // Replace with your server endpoint
        type: 'POST',
        data: {
          entrances: selectedEntrances,
          code: selectedCode,
          customCode: customCode,
          _token: '{{ csrf_token() }}'
        },
        success: function(response) {
          alert('მესიჯები წარმატებით გაიგზავნა');
        },
        error: function(xhr, status, error) {
          console.log(xhr);
          alert('დაფიქსირდა შეცდომა: ' + xhr.responseJSON.message);
          console.error(error);
        }
      });
    });

    $('#customNumbersOnly').change(function() {
      if ($(this).is(':checked')) {
        $('#searchResults').hide();
        $('#usersTable').closest('.card-body').hide();
        $('input[name="users"]').val('[]');
      } else {
        $('#searchResults').show();
        $('#usersTable').closest('.card-body').show();
        $('input[name="users"]').val('{{ $usersToSend }}');
        // Update phone count based on sendToAllNumbers checkbox state
        updatePhoneCount();
      }

      updatePhoneAvailabilityNotice();
    });

    // Update phone count when "send to all numbers" checkbox changes
    $('#sendToAllNumbers').change(function() {
      updatePhoneCount();
      updatePhoneAvailabilityNotice();
    });

    function updatePhoneCount() {
      var mainPhonesCount = {{ $mainPhonesCount }};
      var allPhonesCount = {{ $allPhonesCount }};
      var allPhonesBreakdown = $('#allPhonesBreakdown');

      if ($('#sendToAllNumbers').is(':checked') && !$('#customNumbersOnly').is(':checked')) {
        $('#phoneCount').text(allPhonesCount);
        allPhonesBreakdown.removeClass('d-none');
      } else if (!$('#customNumbersOnly').is(':checked')) {
        $('#phoneCount').text(mainPhonesCount);
        allPhonesBreakdown.addClass('d-none');
      }
    }

    function updatePhoneAvailabilityNotice() {
      var usersWithoutMainPhoneCount = {{ $usersWithoutMainPhoneCount }};
      var usersWithoutAnyPhoneCount = {{ $usersWithoutAnyPhoneCount }};
      var notice = $('#phoneAvailabilityNotice');

      if ($('#customNumbersOnly').is(':checked')) {
        notice.addClass('d-none');

        return;
      }

      if ($('#sendToAllNumbers').is(':checked')) {
        if (usersWithoutAnyPhoneCount > 0) {
          notice.text('არცერთი ნომერი არ აქვს ' + usersWithoutAnyPhoneCount + ' აბონენტს, ამიტომ გამოტოვებული იქნება.');
          notice.removeClass('d-none');

          return;
        }
      } else if (usersWithoutMainPhoneCount > 0) {
        notice.text('ძირითადი ნომრის გარეშე ' + usersWithoutMainPhoneCount + ' აბონენტი გამოტოვებული იქნება.');
        notice.removeClass('d-none');

        return;
      }

      notice.addClass('d-none');
    }

    updatePhoneCount();
    updatePhoneAvailabilityNotice();
  </script>
@endpush