@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.csv', request()->all()) }}"><i
                      data-feather="download"></i> Desktop csv</a>
                  <a class="btn btn-primary rounded" href="{{ route('users.export.vcf', request()->all()) }}"><i
                      data-feather="download"></i> Mobile vcf</a>
                  <a class="btn btn-primary rounded" href="{{ route('users.export') }}"><i data-feather="download"></i>
                    აბონენტები xlsx</a>
                @endcan
                @can('users.create')
                  <a class="btn btn-success rounded" href="{{ route('users.create') }}"><i data-feather="plus"></i>
                    დამატება</a>
                @endcan
              </div>
            </div>
            @can('users.filter')
              <div class="continer">
                <form method="GET" action="{{ route('users.filter', 1) }}" class="ps-2 pe-2">
                  <div class="row">
                    <!-- Filter Inputs -->
                    <div class="form-group col-12 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="form-group col-12 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="form-group col-12 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="form-group col-12 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="form-group col-12 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="form-group col-12 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="form-group col-12 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="form-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="form-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="form-group col-12 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="form-group col-12 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>

                  <!-- Filter Button Row -->
                  <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>
            @endcan
            <div class="card-body border-bottom">
              <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>
                  <tfoot>
                    <tr>
                      <th>აბონენტის ნომ.</th>
                      <th>ბალანსი</th>
                      <th>სახელი, გვარი</th>
                      <th>კორპუსი</th>
                      <th>ტელეფონი</th>
                      <th>სტატუსი</th>
                      <th></th>
                    </tr>

                  </tfoot>
                </table>
              </div>
            </div>
          </div>
          <!-- list and filter end -->
        </section>
        <!-- users list ends -->

      </div>
    </div>
  </div>
  <!-- END: Content-->
@endsection
@push('scripts')
  <script>
    $(document).ready(function() {
      // Handle refresh button click
      $('#usersTable').on('click', '.refresh-btn', 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
            console.log(xhr.responseText);
          }
        });

      });

      $(function() {
        var table = $('#usersTable').DataTable({
          lengthMenu: [
            [25, 50, 70, 100, -1],
            ['25 ჩანაწერი', '50 ჩანაწერი', '70 ჩანაწერი', '100 ჩანაწერი', 'ყველას ჩვენება']
          ],
          processing: true,
          "drawCallback": function(settings) {
            feather.replace();
            $('.show_confirm').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();
                  }
                });
            });
          },
          searching: false,
          searchable: false,
          language: {
            url: '/app-assets/data/locales/ka.json'
          },
          serverSide: true,
          order: [
            [0, 'asc']
          ],
          ajax: "{{ route('users.index') }}",
          columns: [{
              data: 'account',
              name: 'account'
            },
            {
              data: 'combined_balance',
              name: 'combined_balance'
            },
            {
              data: 'name',
              name: 'name'
            },
            {
              data: 'block',
              name: 'block'
            },
            {
              data: 'phone',
              name: 'phone'
            },
            {
              data: 'status',
              name: 'status'
            },
            {
              data: 'action',
              name: '',
              orderable: false,
              searchable: false
            },
          ],
        });
      });
    });
  </script>
@endpush