@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">

          <div class="card">
            <div class="card-body border-bottom">
              <div class="card-header d-flex justify-content-between">
                <h5 class="card-title">კორსპუსში დამონტაჟებული IP მისამართი(ები):
                  @foreach ($block->device_endpoints as $endpoint)
                    <span class="badge bg-primary">{{ $endpoint['ip'] }} - {{ $endpoint['port'] }} -
                      {{ $endpoint['model'] }}</span>
                  @endforeach
                </h5>
                <div class="statusDiv">
                  @if ($block->status == 1)
                    <span class="badge bg-success">ჩართულია</span>
                  @else
                    <span class="badge bg-danger">გათიშულია</span>
                  @endif
                </div>
              </div>
              <h4>ჩიპები</h4>

              <div class="card-body d-flex justify-content-between align-items-center">
                <div class="buttons d-flex justify-content-start" style="height: 30px;">
                  <form class="me-1" method="POST" action="{{ route('block.enableDevice', $block->id) }}">
                    @csrf
                    <button type="submit" class="btn btn-sm btn-success"><i data-feather='play'></i> ჩართვა</button>
                  </form>
                  <form class="me-1" method="POST" action="{{ route('block.disableDevice', $block->id) }}">
                    @csrf
                    <button type="submit" class="btn btn-sm btn-primary"><i data-feather='x'></i> ჩიპების
                      გათშვა</button>
                  </form>
                  <form class="me-1" method="POST" action="{{ route('block.shutDown', $block->id) }}">
                    @csrf
                    <button type="submit" class="btn btn-sm btn-danger"><i data-feather='power'></i> გათიშვა</button>
                  </form>
                  <form class="me-1" method="POST" action="{{ route('cron.manuall.on', $block->id) }}"
                    id="manuall-on-form">
                    @csrf
                    <input type="hidden" name="cronKey" value="e5bPw7HNk43rcKJV34BRW">
                    <input type="hidden" name="entrance_ids" id="manuall-on-entrance-ids" value="">
                    <button type="submit" class="btn btn-sm btn-success"><i data-feather='refresh-cw'></i> ჩართული
                      ჩიპების
                      გადატარება</button>
                  </form>
                  <form class="me-1" method="POST" action="{{ route('cron.manuall.off', $block->id) }}"
                    id="manuall-off-form">
                    @csrf
                    <input type="hidden" name="cronKey" value="e5bPw7HNk43rcKJV34BRW">
                    <input type="hidden" name="entrance_ids" id="manuall-off-entrance-ids" value="">
                    <button type="submit" class="btn btn-sm btn-secondary"><i data-feather='refresh-cw'></i> გამორთული
                      ჩიპების გადატარება
                    </button>
                  </form>
                  <a href="https://user.ltdtbilisigroup.ge/queueSize" class="btn btn-sm btn-danger me-1"><i
                      data-feather='refresh-cw'></i> სტატუსის ნახვა</button></a>

                </div>
              </div>
              <h4 class="mt-2">ტელეფონები</h4>
              <div class="card-body">
                <div class="buttons d-flex justify-content-start align-items-center">
                  @if ($entrances->isNotEmpty())
                    <div class="me-2 d-flex align-items-center" style="width: 250px;">
                      <label class="form-label me-2 mb-0" style="white-space: nowrap;">დომოფონები:</label>
                      <select id="phone-domophone-select" class="select2 form-select form-select-sm" multiple
                        style="min-width: 250px;" data-placeholder="აირჩიეთ დომოფონები">
                        @foreach ($entrances as $entrance)
                          <option value="{{ $entrance->id }}">დომოფონი {{ $entrance->entrance_number }}
                            @if ($entrance->comment)
                              - {{ $entrance->comment }}
                            @endif
                            ({{ $entrance->domophone_model }})
                          </option>
                        @endforeach
                      </select>
                    </div>
                  @endif
                  <form class="me-1" style="margin-left: 100px;" method="POST"
                    action="{{ route('blocks.phones.turnOn', $block->id) }}" id="phone-turn-on-form">
                    @csrf
                    <input type="hidden" name="entrance_ids" id="phone-turn-on-entrance-ids" value="">
                    <button type="submit" class="btn btn-sm btn-success"><i data-feather='play'></i> ჩართვა</button>
                  </form>

                  <form class="me-1" method="POST" action="{{ route('blocks.phones.turnOff', $block->id) }}"
                    id="phone-turn-off-form">
                    @csrf
                    <input type="hidden" name="entrance_ids" id="phone-turn-off-entrance-ids" value="">
                    <button type="submit" class="btn btn-sm btn-danger"><i data-feather='x'></i> გათიშვა</button>
                  </form>
                </div>
              </div>


            </div>
          </div>

          <div class="card">
            <div class="card-body border-bottom">
              <div class="">
                <h5 class="card-title"> კორპუსში ჩიპების რაოდენობა <span
                    class="badge bg-primary">{{ $tagsCount }}</span></h5>
                <h5 class="card-title">კორპუსში ჩართული ჩიპების რაოდენობა <span
                    class="badge bg-success">{{ $turnedOnTagsCount }}</span></h5>
                <h5 class="card-title">კორპუსში გათიშული ჩიპების რაოდენობა <span
                    class="badge bg-danger">{{ $turnedOffTagsCount }}</span></h5>
                <h5 class="card-title">
                  კორპუსში ჩიპების რაოდენობა(დევაისში)
                  <span class="badge bg-secondary" id="device-tags-count">0</span>
                  <button id="check-device" class="btn btn-sm btn-info ms-2">განახლება</button>
                </h5>
              </div>
            </div>


            <!-- list and filter start -->
            <div class="card">
              <div class="card-body border-bottom">
                <div class="card-header d-flex justify-content-between align-items-center">
                  <h4 class="card-title">{{ $title }}</h4>
                  @can('blocks.users.accounts')
                    <div class="d-flex justify-content-between" style="height: 38px;">
                      <a class="btn btn-success rounded" href="{{ route('blocks.users.accounts', $block->id) }}"><i
                          data-feather="users"></i> ანგარიშების გაკეთება</a>
                      <form action="{{ route('users.deleteBlockUsers', $block->id) }}" method="POST"
                        style="margin-left: 10px;">
                        @csrf
                        @method('DELETE')
                        <button type="button" class="btn btn-danger rounded show_confirm"><i data-feather="trash"></i>
                          ანგარიშების
                          გაუქმება</button>
                      </form>
                      @if ($users->isNotEmpty())
                        <button type="button" class="btn btn-info rounded ms-2" id="send-sms-btn"
                          onclick="{{ $block->sms_sent ? '' : 'sendSMS()' }}" data-bs-toggle="tooltip"
                          data-bs-placement="top"
                          title="{{ $block->sms_sent ? 'SMS-ები უკვე დაგზავნილია, თუ გსურთ განმეორებით გაგზავნა მიმართეთ ადმინისტრატორს' : 'SMS-ების გაგზავნა' }}">
                          <i data-feather="message-square"></i> SMS-ების გაგზავნა
                        </button>
                        <button type="button" class="btn btn-warning rounded ms-2" id="send-sms-minus-btn"
                          onclick="sendSMSMinusSubscribers()" data-bs-toggle="tooltip" data-bs-placement="top"
                          title="SMS-ების გაგზავნა მინუსიან აბონენტებთან (გადახდის თარიღის გარეშე)">
                          <i data-feather="message-square"></i> SMS მინუსიანებთან
                        </button>
                      @endif
                    </div>
                  @endcan
                </div>
              </div>
              <div class="card-datatable table-responsive pt-0">
                <table class="dt-column-search table table-responsive">
                  <thead class="table-light">
                    <tr>
                      <th>აბონენტის ნომერი</th>
                      <th>აბონენტი</th>
                      <th>ბალანსი</th>
                      <th>სტატუსი</th>
                      <th></th>
                    </tr>
                  </thead>
                  <tbody>
                    @foreach ($users as $user)
                      <tr>
                        <td>{{ $user->account_number }}</td>
                        <td>{{ $user->name }}</td>
                        <td>{{ $user->balance }} ₾</td>
                        <td>
                          {!! getStatus($user->status, $user->alwaysOn, $user->alwaysOff, $user->alwaysOnPhone, $user->alwaysOffPhone) !!}
                        </td>
                        <td>
                          @can('entrances.show')
                            <a class="btn btn-sm btn-success btn-icon rounded-circle"
                              href="{{ route('users.show', $user->id) }}"><i data-feather="eye"></i></a>
                          @endcan
                          @can('entrances.edit')
                            <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>
                          @endcan
                          @can('entrances.destroy')
                            <form method="POST" action="{{ route('entrances.destroy', $user->id) }}" style="display:inline">
                              @csrf
                              @method('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"><i data-feather="trash"></i></button>
                            </form>
                          @endcan
                        </td>
                      </tr>
                    @endforeach
                  </tbody>
                </table>
              </div>
            </div>
            <!-- list and filter end -->
        </section>
        <!-- users list ends -->

      </div>
    </div>
  </div>
  <!-- END: Content-->
@endsection
@push('scripts')
  <script>
    $('.show_confirm').click(function(event) {
      var form = $(this).closest("form");
      event.preventDefault();
      Swal.fire({
        title: `გსურთ ანგარიშების გაუქმება?(პაროლის ობსკურაცია)`,
        icon: "warning",
        showCancelButton: true,
        confirmButtonText: "დიახ",
        cancelButtonText: "გამოსვლა",
        dangerMode: true,
      }).then((result) => {
        if (result.isConfirmed) {
          form.submit();
        }
      });
    });


    // Add confirmation dialog for cancel account
    $('.show_confirm_cancel').click(function(event) {
      var form = $(this).closest("form");
      event.preventDefault();
      new swal({
          title: `გსურთ ანგარიშის გაუქმება?`,
          text: "ანგარიში გაუქმდება, პაროლი შეიცვლება და კორპუსთან კავშირი წაიშლება.",
          icon: "warning",
          buttons: true,
          dangerMode: true,
          showCancelButton: true,
          confirmButtonText: "გაუქმება",
          cancelButtonText: "უკან დაბრუნება",
        })
        .then((result) => {
          if (result.isConfirmed) {
            form.submit();
          }
        });
    });

    document.addEventListener('DOMContentLoaded', function() {
      // Define a unique key for each block based on the block ID
      const storageKey = `deviceTagsCount_${{ $block->id }}`;

      // Load data from localStorage on page load
      const storedTagsCount = localStorage.getItem(storageKey);
      if (storedTagsCount) {
        document.getElementById('device-tags-count').innerText = storedTagsCount;
      }

      function parseDeviceResponse(response) {
        if (typeof response !== 'string') {
          return response;
        }

        try {
          return JSON.parse(response);
        } catch (error) {
          return null;
        }
      }

      function getUsersCount(response) {
        const parsedResponse = parseDeviceResponse(response);

        if (!parsedResponse) {
          return 0;
        }

        if (Array.isArray(parsedResponse)) {
          return parsedResponse.length;
        }

        if (Array.isArray(parsedResponse.users)) {
          return parsedResponse.users.length;
        }

        if (parsedResponse.users && typeof parsedResponse.users === 'object') {
          return Object.keys(parsedResponse.users).length;
        }

        return 0;
      }

      async function checkDevice() {
        try {
          let response = await fetch(`{{ route('checkDev', $block->id) }}`, {
            method: 'GET',
            headers: {
              'X-CSRF-TOKEN': '{{ csrf_token() }}',
            }
          });

          if (response.ok) {
            let data = await response.json();
            let tagsCount = 0;

            if (Array.isArray(data)) {
              tagsCount = data.reduce((total, item) => total + getUsersCount(item.response), 0);
            } else {
              tagsCount = getUsersCount(data);
            }

            document.getElementById('device-tags-count').innerText = tagsCount;
            localStorage.setItem(storageKey, tagsCount);
          } else {
            console.error('Error fetching device data');
            document.getElementById('device-tags-count').innerText = 'Error';
          }
        } catch (error) {
          console.error('Error:', error);
          document.getElementById('device-tags-count').innerText = 'Error';
        }
      }

      // Attach event listener to the refresh button
      document.getElementById('check-device').addEventListener('click', checkDevice);
    });

    function sendSMS() {
      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('send.sms', $block->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: 'SMS-ები წარმატებით გაიგზავნა',
                    icon: 'success'
                  });
                } else {
                  throw new Error(data.message || 'Error sending SMS');
                }
              })
          }
        });
    }

    function sendSMSMinusSubscribers() {
      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('send.sms.minus.subscribers', $block->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);
      });

      // Initialize Select2 for phone domophone select
      const phoneDomophoneSelect = $('#phone-domophone-select');
      if (phoneDomophoneSelect.length) {
        phoneDomophoneSelect.select2({
          placeholder: 'აირჩიეთ დომოფონები',
          allowClear: true,
          width: '100%',
          language: {
            noResults: function() {
              return 'შედეგები არ მოიძებნა';
            }
          }
        });
      }

      // Handle phone form submission with selected entrance IDs
      const phoneTurnOnForm = document.getElementById('phone-turn-on-form');
      const phoneTurnOffForm = document.getElementById('phone-turn-off-form');
      const phoneTurnOnEntranceIds = document.getElementById('phone-turn-on-entrance-ids');
      const phoneTurnOffEntranceIds = document.getElementById('phone-turn-off-entrance-ids');

      if (phoneDomophoneSelect.length && phoneTurnOnForm && phoneTurnOffForm) {
        function updatePhoneEntranceIds() {
          const selectedValues = phoneDomophoneSelect.val() || [];
          const entranceIds = selectedValues.filter(value => value !== '').join(',');
          phoneTurnOnEntranceIds.value = entranceIds;
          phoneTurnOffEntranceIds.value = entranceIds;
        }

        // Update on select change
        phoneDomophoneSelect.on('change', updatePhoneEntranceIds);

        phoneTurnOnForm.addEventListener('submit', function(e) {
          updatePhoneEntranceIds();
        });

        phoneTurnOffForm.addEventListener('submit', function(e) {
          updatePhoneEntranceIds();
        });
      }
    });
  </script>
@endpush