@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">
            <div class="card-header d-flex justify-content-between">
              <h4 class="card-title">{{ $title }}</h4>
              <div>
                @can('users.export')
                  <a class="btn btn-primary rounded" href="{{ route('users.export', request()->all()) }}"><i
                      data-feather="download"></i> აბონენტები xlsx</a>
                @endcan
              </div>
            </div>
            <div class="continer">
              <form method="GET" action="{{ route('users.filter', 1) }}" class="row ps-2 pe-2">
                <div class="from-group col-md-3 mb-2 d-flex justify-content-between align-items-center">
                  <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>
                <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>
                <div class="form-group col-12 col-md-3 mb-2">
                  <input type="text" name="flat_no"
                    @if (request()->has('flat_no')) value="{{ request('flat_no') }}" @endif placeholder="ბინის ნომერი"
                    class="form-control">
                </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" class="form-select select2">
                    <option value="">კორპუსი</option>
                    @foreach ($blocks as $block)
                      <option @if (request()->has('block_id') && request('block_id') == $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-12 col-md-3 mb-2">
                  <input type="text" name="tag_id" placeholder="ჩიპის ნომერი"
                    @if (request()->has('tag_id')) value="{{ request('tag_id') }}" @endif class="form-control" />
                </div>
                <div class="from-group col-12 col-md-3 mb-2">
                  <select name="always_status" class="form-select select2">
                    <option value="">ყოველთვის ჩართული/გამორთული ლიფტი</option>
                    <option value="on">ყოველთვის ჩართული</option>
                    <option value="off"> ყოველთვის გამორთული</option>
                  </select>
                </div>
                <div class="from-group col-md-3 mb-2">
                  <select name="status" class="form-select select2">
                    <option value="">სტატუსი</option>
                    <option value="1">ჩართული</option>
                    <option value="0">გათიშული</option>
                  </select>
                </div>
                <div class="from-group col-md-3 mb-2">
                  <select name="has_barrier" class="form-select select2">
                    <option value="">შლაგბაუმი</option>
                    <option value="1" @if (request()->has('has_barrier') && request('has_barrier') == '1') selected @endif>აქვს</option>
                    <option value="0" @if (request()->has('has_barrier') && request('has_barrier') == '0') selected @endif>არ აქვს</option>
                  </select>
                </div>
                <div class="row">
                  <div class="col-12 col-md-3 mb-2">
                    <button class="btn btn-success w-100" type="submit">
                      <i data-feather='search'></i> გაფილტვრა
                    </button>
                  </div>
                </div>
              </form>
            </div>
            <div class="card-body border-bottom p-0">
              <div class="card-datatable table-responsive p-1">

                {{-- ========================================
                    REDESIGNED BULK ACTIONS TOOLBAR
                ======================================== --}}
                <div class="bulk-actions-toolbar" style="background: #f3f2f7; border-radius: 10px; padding: 12px 16px;">

                  {{-- TOP ROW: Checkbox + Delete + Count --}}
                  <div class="bulk-actions-top d-flex align-items-center gap-3 mb-3 pb-3"
                    style="border-bottom: 1px solid rgba(0,0,0,0.08);">
                    <div class="form-check form-check-success">
                      <input type="checkbox" class="form-check-input" id="checkAll" />
                      <label class="form-check-label" for="checkAll" style="font-size: 13px;">მონიშვნა</label>
                    </div>

                    @can('users.actions.delete')
                      <div style="width: 1px; height: 24px; background: rgba(0,0,0,0.15);"></div>
                      <form method="POST" action="{{ route('users.actions.delete') }}" class="d-inline mb-0">
                        @csrf
                        @method('DELETE')
                        <input type="text" name="userIds" class="userIds" hidden value="">
                        <button type="submit" name="deleteSelected"
                          class="disableItem btn btn-danger btn-sm deleteMultiple d-flex align-items-center gap-1"
                          data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="ყველას წაშლა"
                          title="ყველას წაშლა" disabled>
                          <i data-feather="trash-2" style="width:14px;height:14px;"></i> წაშლა
                        </button>
                      </form>
                    @endcan

                    <span class="text-muted" style="font-size: 12px;" id="selectedCount">0 მონიშნული</span>
                  </div>

                  {{-- ACTION CARDS GRID --}}
                  <div class="bulk-actions-grid">

                    {{-- სააბონენტო = --}}
                    @can('users.actions.amount')
                      <div class="action-card bulk-action-amount-set">
                        <div class="action-card-label">სააბონენტო =</div>
                        <form method="POST" action="{{ route('users.actions.amount') }}" class="mb-0">
                          @csrf
                          <input type="text" name="userIds" class="userIds" value="" hidden>
                          <div class="input-group input-group-sm">
                            <input type="text" class="disableItem form-control form-control-sm" name="amount"
                              placeholder="თანხა" disabled />
                            <button class="disableItem btn btn-sm btn-primary changeAmount" type="submit"
                              id="updateAmount" name="updateAmount" disabled><i data-feather='dollar-sign'
                                style="width:14px;height:14px;"></i></button>
                          </div>
                        </form>
                      </div>
                    @endcan

                    {{-- სერვისი --}}
                    @can('users.actions.service')
                      <div class="action-card bulk-action-service">
                        <div class="action-card-label">სერვისი</div>
                        <form method="POST" action="{{ route('users.actions.service') }}" class="mb-0">
                          @csrf
                          <input type="text" name="userIds" class="userIds" hidden value="">
                          <div class="input-group input-group-sm">
                            <select class="disableItem form-select form-select-sm" name="service_id" disabled>
                              <option value="">აირჩიეთ...</option>
                              @foreach ($services as $service)
                                <option value="{{ $service->id }}">{{ $service->name }}</option>
                              @endforeach
                            </select>
                            <button class="disableItem btn btn-sm btn-warning changeService" type="submit"
                              id="updateService" name="updateService" disabled><i data-feather='settings'
                                style="width:14px;height:14px;"></i></button>
                          </div>
                        </form>
                      </div>
                    @endcan

                    {{-- ბალანსი --}}
                    @can('users.actions.balance')
                      <div class="action-card bulk-action-balance">
                        <div class="action-card-label">ბალანსი</div>
                        <form method="POST" action="{{ route('users.actions.balance') }}" class="mb-0"
                          data-bs-toggle="popover" data-bs-placement="left"
                          data-bs-content="შეიყვანეთ თანხა და აირჩიეთ ოპერაცია: +/- (არსებულს დაუმატებს/გამოაკლებს) ან = (ზუსტ მნიშვნელობას დაუსვამს). ასევე აირჩიეთ რომელი ბალანსი შეიცვალოს: მთავარი, ტელეფონი, ჩიპები, SMS ან ყველა ერთად."
                          title="" data-bs-trigger="hover" data-bs-original-title="ინფორმაცია!!!">
                          @csrf
                          <input type="text" name="userIds" class="userIds" hidden value="">
                          <div class="input-group input-group-sm">
                            <input type="text" class="disableItem form-control form-control-sm" name="balance"
                              placeholder="თანხა" disabled />
                            <select class="disableItem form-select form-select-sm" name="balance_operation"
                              style="max-width: 60px; font-size: 12px;" disabled>
                              <option value="add">+/-</option>
                              <option value="set">=</option>
                            </select>
                            <button class="disableItem btn btn-sm btn-secondary changeBalance" type="submit"
                              id="updateBalance" name="updateBalance" disabled><i data-feather='dollar-sign'
                                style="width:14px;height:14px;"></i></button>
                          </div>
                          <select class="disableItem form-select form-select-sm" name="balance_scope"
                            style="margin-top: 6px; font-size: 12px;" disabled>
                            <option value="main">მთავარი ბალანსი</option>
                            <option value="phone">ტელეფონის ბალანსი</option>
                            <option value="tag">ჩიპების დავალიანება</option>
                            <option value="sms">SMS სერვისის დავალიანება</option>
                            <option value="all">ყველა ერთად</option>
                          </select>
                        </form>
                      </div>
                    @endcan

                    {{-- გადახდის დღე --}}
                    @can('users.actions.payDay')
                      <div class="action-card bulk-action-payday">
                        <div class="action-card-label">გადახდის დღე</div>
                        <form method="POST" action="{{ route('users.actions.payDay') }}" class="mb-0">
                          @csrf
                          <input type="text" name="userIds" class="userIds" hidden value="">
                          <div class="input-group input-group-sm">
                            <input type="text" class="disableItem form-control form-control-sm" name="pay_day"
                              placeholder="დღე" disabled />
                            <button class="disableItem btn btn-sm btn-info changePayDay" type="submit" id="updatePayDay"
                              name="updatePayDay" disabled><i data-feather='calendar'
                                style="width:14px;height:14px;"></i></button>
                          </div>
                        </form>
                      </div>
                    @endcan

                    {{-- სააბონენტო +/- --}}
                    @can('users.actions.changeAmountWithPlusOrMinus')
                      <div class="action-card bulk-action-amount-change">
                        <div class="action-card-label">სააბონენტო +/-</div>
                        <form method="POST" action="{{ route('users.actions.changeAmountWithPlusOrMinus') }}"
                          class="mb-0" data-bs-toggle="popover" data-bs-placement="left"
                          data-bs-content="თუ ჩაწერთ დადებით თანხას არსებულ სააბონენტოს დაემატება ჩაწერილი თანხა, მაგრამ თუ ჩაწერთ უარყოფით თანხას, არსებულ სააბონენტოს გამოაკლდება ჩაწერლილი თანხა. მაგ: თუ სააბონენტო არის 30 ლარი და ჩავწერეთ -10 ლარი, სააბონენტო გაუხდება 20 ლარი. ან თუ სააბონენტო არის 30 ლარი და ჩავწერეთ 10 ლარი სააბონენტო გაუხდება 40 ლარი."
                          title="" data-bs-trigger="hover" data-bs-original-title="ინფორმაცია!!!">
                          @csrf
                          <input type="text" name="userIds" class="userIds" hidden value="">
                          <div class="input-group input-group-sm">
                            <input type="text" class="disableItem form-control form-control-sm"
                              name="amount_change_value" placeholder="თანხა" disabled />
                            <button class="disableItem btn btn-sm btn-secondary changeAmountWithPlusOrMinus"
                              type="submit" id="updateAmountWithPlusOrMinus" name="updateAmountWithPlusOrMinus"
                              disabled><i data-feather='dollar-sign' style="width:14px;height:14px;"></i></button>
                          </div>
                        </form>
                      </div>
                    @endcan

                    {{-- სტატუსი --}}
                    @can('users.actions.status')
                      <div class="action-card bulk-action-status">
                        <div class="action-card-label">სტატუსი</div>
                        <form method="POST" action="{{ route('users.actions.status') }}" class="mb-0">
                          @csrf
                          <input type="text" name="userIds" class="userIds" hidden value="">
                          <div class="input-group input-group-sm">
                            <select class="disableItem form-select form-select-sm" name="status" disabled>
                              <option value="">აირჩიეთ...</option>
                              <option value="1">ჩართული</option>
                              <option value="0">გათიშული</option>
                            </select>
                            <button class="disableItem btn btn-sm btn-success changeStatus" type="submit"
                              id="updateSatus" name="updateSatus" disabled><i data-feather='tool'
                                style="width:14px;height:14px;"></i></button>
                          </div>
                        </form>
                      </div>
                    @endcan

                    {{-- Extra buttons --}}
                    <div class="action-card bulk-action-extra d-flex flex-column justify-content-center gap-2">
                      <button type="button" class="btn btn-success btn-sm w-100" id="refreshTagsButton" disabled
                        style="height: 34px; display: flex; align-items: center; justify-content: center; gap: 6px;">
                        <i data-feather="refresh-cw" style="width:14px;height:14px;"></i>
                        ჩიპების გადატვირთვა
                      </button>

                      @if ($selectedBlock && $selectedBlock->entrances->contains('type', 'barrier'))
                          <button type="button" class="btn btn-primary btn-sm w-100 disableItem"
                            id="attachToBarrierButton" disabled
                            style="height: 34px; display: flex; align-items: center; justify-content: center; gap: 6px;">
                            <i data-feather="link" style="width:14px;height:14px;"></i>
                            შლაგბაუმზე მიმაგრება
                          </button>
                      @endif
                    </div>

                  </div>
                </div>
                {{-- END REDESIGNED BULK ACTIONS TOOLBAR --}}

                <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>
                      <th>სააბონენტო</th>
                      <th>სტატუსი</th>
                      <th></th>
                    </tr>
                  </thead>

                  <h5>
                    რაოდენობა: {{ $users->count() }}
                  </h5>

                  @if ($users->count() == 1)
                    @php
                      $user = $users->first();
                    @endphp
                    @if (auth()->check() && $user->comments()->where('is_marked', true)->exists())
                      <!-- Marked Comments Modal -->
                      <div class="modal fade text-start" id="markedCommentsModal" tabindex="-1"
                        aria-labelledby="markedCommentsModalLabel" aria-hidden="true">
                        <div class="modal-dialog modal-dialog-centered">
                          <div class="modal-content">
                            <div class="modal-header">
                              <h5 class="modal-title" id="markedCommentsModalLabel">მნიშვნელოვანი ინფორმაცია</h5>
                              <button type="button" class="btn-close" data-bs-dismiss="modal"
                                aria-label="Close"></button>
                            </div>
                            <div class="modal-body">
                              @foreach ($user->comments()->where('is_marked', true)->latest()->get() as $comment)
                                <div class="card mb-2">
                                  <div class="card-body">
                                    <p class="card-text">{!! $comment->comment !!}</p>
                                    <small class="text-muted">{{ $comment->created_at }}</small>
                                  </div>
                                </div>
                              @endforeach
                            </div>
                            <div class="modal-footer">
                              <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">დახურვა</button>
                            </div>
                          </div>
                        </div>
                      </div>
                    @endif
                  @endif

                  @foreach ($users as $user)
                    <tr>
                      <td>
                        <div class="form-check form-check-success">
                          <input type="checkbox" class="form-check-input accountCheckbox" value="{{ $user->id }}"
                            id="accountCheckbox" />
                        </div>
                      </td>
                      <td><a
                          href="{{ route('reports.show', 1) . '?account_number=' . $user->account_number }}">{{ $user->account_number }}</a>
                      </td>
                      <td>{{ (float) $user->combined_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>
                        {{ $user->amount }}
                      </td>
                      <td>
                        {!! getStatus($user->status, $user->alwaysOn, $user->alwaysOff, $user->alwaysOnPhone, $user->alwaysOffPhone) !!}
                      </td>
                      <td>
                        @php
                          $btn =
                              '
                                            <button class="btn btn-sm btn-secondary btn-icon rounded-circle ms-1 refresh-btn" data-id="' .
                              $user->id .
                              '"><i data-feather="refresh-cw"></i></button>
                                            <a class="btn btn-sm btn-info btn-icon rounded-circle ms-1" href="' .
                              route('messages.create', $user->id) .
                              '"><i data-feather="mail"></i></a>
                                            <a class="btn btn-sm btn-primary btn-icon rounded-circle ms-1" href="' .
                              route('users.accounts', $user->id) .
                              '"><i data-feather="list"></i></a>
                                            <a class="btn btn-sm btn-success btn-icon rounded-circle ms-1" href="' .
                              route('users.show', $user->id) .
                              '"><i data-feather="eye"></i></a>
                                            <a class="btn btn-sm btn-warning btn-icon rounded-circle ms-1" href="' .
                              route('users.edit', $user->id) .
                              '"><i data-feather="edit"></i></a>';

                          $del =
                              '<form method="POST" action="' .
                              route('users.destroy', $user->id) .
                              '" style="display:inline">' .
                              csrf_field() .
                              method_field('DELETE') .
                              '<button type="submit" data-bs-toggle="tooltip" data-bs-placement="bottom" title="წაშლა" class="ms-1 btn-icon rounded-circle btn btn-danger btn-sm show_confirm"><i data-feather="trash"></i></button>' .
                              '</form>';
                        @endphp
                        {!! $btn . $del !!}
                      </td>
                    </tr>
                  @endforeach
                  <tfoot>
                    <tr>
                      <th></th>
                      <th>აბონენტის ნომ.</th>
                      <th>ბალანსი</th>
                      <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>
          </div>
          <!-- list and filter end -->
        </section>
        <!-- users list ends -->
      </div>
    </div>
  </div>
  <!-- END: Content-->
@endsection

@push('styles')
  <style>
    /* ========================================
         REDESIGNED BULK ACTIONS TOOLBAR STYLES
      ======================================== */
    .action-card {
      background: #fff;
      border: 1px solid rgba(0, 0, 0, 0.08);
      border-radius: 8px;
      padding: 8px 10px;
      transition: border-color 0.15s ease;
    }

    .action-card:hover {
      border-color: rgba(0, 0, 0, 0.18);
    }

    .action-card-label {
      font-size: 10px;
      color: #888;
      text-transform: uppercase;
      letter-spacing: 0.4px;
      margin-bottom: 5px;
      font-weight: 600;
    }

    .action-card form {
      margin-bottom: 0 !important;
    }

    .bulk-actions-toolbar .input-group.input-group-sm>.form-control,
    .bulk-actions-toolbar .input-group.input-group-sm>.form-select,
    .bulk-actions-toolbar .input-group.input-group-sm>.btn,
    .bulk-actions-toolbar .bulk-action-balance .form-select.form-select-sm {
      height: 31px;
      min-height: 31px;
    }

    @media (min-width: 992px) {
      .bulk-actions-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(150px, 1fr));
        gap: 8px;
        align-items: stretch;
      }

      .bulk-action-amount-set {
        grid-column: 1;
        grid-row: 1;
      }

      .bulk-action-amount-change {
        grid-column: 1;
        grid-row: 2;
      }

      .bulk-action-service {
        grid-column: 2;
        grid-row: 1;
      }

      .bulk-action-status {
        grid-column: 2;
        grid-row: 2;
      }

      .bulk-action-balance {
        grid-column: 3;
        grid-row: 1 / span 2;
      }

      .bulk-action-payday {
        grid-column: 4;
        grid-row: 1;
      }

      .bulk-action-extra {
        grid-column: 4;
        grid-row: 2;
      }
    }

    @media (max-width: 991.98px) {
      .bulk-actions-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
      }

      .bulk-action-balance {
        grid-column: span 2;
      }

      .bulk-action-extra {
        grid-column: span 2;
      }
    }

    @media (max-width: 575.98px) {
      .bulk-actions-grid {
        grid-template-columns: 1fr;
      }

      .bulk-action-balance,
      .bulk-action-extra {
        grid-column: auto;
      }
    }
  </style>
@endpush

@push('scripts')
  <script src="{{ asset('app-assets/js/scripts/components/components-popovers.js') }}"></script>
  <script>
    $(document).ready(function() {
      $('#markedCommentsModal').modal('show');
    });
  </script>

  <script>
    jQuery.extend(jQuery.fn.dataTableExt.oSort, {
      "balance-num-asc": function(a, b) {
        var aIsNegative = a < 0;
        var bIsNegative = b < 0;

        // Both numbers are positive or both are negative
        if (aIsNegative === bIsNegative) {
          return a - b;
        }

        // One of the numbers is negative, the other is positive
        return aIsNegative ? 1 : -1;
      },
      "balance-num-desc": function(a, b) {
        var aIsNegative = a < 0;
        var bIsNegative = b < 0;

        // Both numbers are positive or both are negative
        if (aIsNegative === bIsNegative) {
          return b - a;
        }

        // One of the numbers is negative, the other is positive
        return aIsNegative ? -1 : 1;
      }
    });
    $(document).ready(function() {
      var refreshTagsButton = document.getElementById('refreshTagsButton');

      // Check or Uncheck All checkboxes
      var userIds = [];
      $("#checkAll").change(function() {
        userIds = [];
        var checked = $(this).is(':checked');
        if (checked) {
          $(".accountCheckbox").each(function() {
            userIds.push($(this).val());
            $('.userIds').val(userIds);
            $(this).prop("checked", true);
          });
          if ($(".accountCheckbox:checked").length > 0) {
            $('.disableItem').prop('disabled', false);
            $('#refreshTagsButton').prop('disabled', false).addClass('active');
          }
        } else {
          $(".accountCheckbox").each(function() {
            $(this).prop("checked", false);
            userIds = [];
            $('.userIds').val(userIds);
          });
          if ($(".accountCheckbox:checked").length == 0) {
            $('.disableItem').prop('disabled', true);
            $('#refreshTagsButton').prop('disabled', true).removeClass('active');
          }
        }
        // Update selected count
        updateSelectedCount();
      });
      // Changing state of CheckAll accountCheckbox
      $(".accountCheckbox").click(function() {
        if ($(this).is(':checked')) {
          userIds.push($(this).val());
          $('.userIds').val(userIds);
        } else {
          var index = userIds.indexOf($(this).val());
          if (index !== -1) {
            userIds.splice(index, 1);
          }
          $('.userIds').val(userIds);
        }
        if ($(".accountCheckbox").length == $(".accountCheckbox:checked").length) {
          $("#checkAll").prop("checked", true);
          if ($(".accountCheckbox:checked").length > 0) {
            $('.disableItem').prop('disabled', false);
          } else {
            $('.disableItem').prop('disabled', true);
          }
        } else {
          $("#checkAll").prop("checked", false);
          if ($(".accountCheckbox:checked").length > 0) {
            $('.disableItem').prop('disabled', false);
          } else {
            $('.disableItem').prop('disabled', true);
          }
        }
        // Update selected count
        updateSelectedCount();
        console.log(userIds);
      });

      // Additionally, handle individual checkbox changes
      $(".accountCheckbox").change(function() {
        if ($(".accountCheckbox:checked").length > 0) {
          $('#refreshTagsButton').prop('disabled', false).addClass('active');
        } else {
          $('#refreshTagsButton').prop('disabled', true).removeClass('active');
        }
      });

      // Update selected count display
      function updateSelectedCount() {
        var count = $(".accountCheckbox:checked").length;
        $('#selectedCount').text(count + ' მონიშნული');
      }

      // handle refresh button click
      $('#refreshTagsButton').on('click', function() {
        var userIds = $('.userIds').val();
        $.ajax({
          url: "/users/refresh",
          method: 'POST',
          data: {
            _token: "{{ csrf_token() }}",
            userIds: userIds
          },
          success: function(response) {
            alert('ჩიპების გადატვირთვა დაწყებულია, დაელოდეთ დასრულების მეილს');
          },
          error: function(xhr) {
            // Handle error
            console.log(xhr.responseText);
          }
        });
      })




      // Handle refresh button click
      $('.refresh-btn').on('click', function(event) {
        event.preventDefault();
        var userId = $(this).data('id');

        $.ajax({
          url: "/users/" + userId + "/refresh",
          method: 'POST',
          data: {
            _token: "{{ csrf_token() }}",
            user: userId
          },
          success: function(response) {
            // Handle successful response
            console.log(response);
            // Optionally, update part of the page with the new data
          },
          error: function(xhr) {
            // Handle error
            alert('დაფიქსირდა შეცდომა');
            console.log(xhr.responseText);
          }
        });
      });

      // Handle barrier attachment button click
      $('#attachToBarrierButton').on('click', function() {
        var userIds = $('.userIds').val();
        var blockId = '{{ request('block_id') }}';

        // Show confirmation dialog
        new swal({
            title: 'დარწმუნებული ხართ?',
            text: "გსურთ მონიშნული მომხმარებლების შლაგბაუმზე მიმაგრება?",
            icon: "warning",
            buttons: true,
            dangerMode: false,
            showCancelButton: true,
            confirmButtonText: "დადასტურება",
            cancelButtonText: "გაუქმება",
          })
          .then((willAttach) => {
            if (willAttach) {
              // Make the AJAX request
              $.ajax({
                url: "{{ route('users.attach-to-barrier') }}",
                method: 'POST',
                data: {
                  _token: "{{ csrf_token() }}",
                  userIds: userIds,
                  blockId: blockId
                },
                success: function(response) {
                  if (response.success) {
                    // Optional: Refresh the page or update UI
                    setTimeout(function() {
                      location.reload();
                    }, 1500);
                  } else {}
                },
                error: function(xhr) {
                  console.log(xhr.responseText);
                }
              });
            }
          });
      });
    });

    $(document).ready(function() {
      $(function() {
        var table = $('#usersTable').DataTable({
          lengthMenu: [
            [-1, 25, 50, 70, 100],
            ['ყველას ჩვენება', '25 ჩანაწერი', '50 ჩანაწერი', '70 ჩანაწერი', '100 ჩანაწერი']
          ],
          processing: true,
          columnDefs: [{
            targets: 2,
            data: 'balance',
            name: 'balance',
            type: 'balance-num'
          }, {
            targets: 7,
            type: 'num'
          }],
          "drawCallback": function(settings) {
            feather.replace();
            $('.show_confirm').click(function(event) {
              ;
              var form = $(this).closest("form");
              var name = $(this).data("name");
              event.preventDefault();
              new swal({
                  title: `გსურთ აბონენტის წაშლა?`,
                  text: "თუ წაშლით აბონენტს წაიშლება სამუდამოდ.",
                  icon: "warning",
                  buttons: true,
                  dangerMode: true,
                  showCancelButton: true,
                  confirmButtonText: "წაშლა",
                  cancelButtonText: "გაუქმება",
                })
                .then((result) => {
                  if (result.isConfirmed) {
                    form.submit();
                  }
                });
            });
          },
          searching: false,
          language: {
            url: '/app-assets/data/locales/ka.json'
          },
          //serverSide: false,
          //ajax: "{{ route('users.filter') }}",
        });
      });
    });
  </script>
@endpush