@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-body border-bottom">
              <div class="card-header d-flex justify-content-between">
                <h4 class="card-title">{{ $title }}</h4>
                <div>
                  @can('blocks.export')
                    <a class="btn btn-primary rounded" href="{{ route('blocks.export') }}"><i data-feather="download"></i>
                      კორპუსები xlsx</a>
                  @endcan
                  @can('blocks.create')
                    <a class="btn btn-success rounded" href="{{ route('blocks.create') }}"><i data-feather="plus"></i>
                      დამატება</a>
                  @endcan
                </div>
              </div>
            </div>
            <div class="card-datatable table-responsive p-1">
              <table class="dt-column-search table" id="blocksTable">
                <thead class="table-light">
                  <tr>
                    <th>კორპუსი</th>
                    <th>თავმჯდომარე</th>
                    <th>აბონენტები</th>
                    <th>ბალანსი</th>
                    <th>გადასახდელი თანხა</th>
                    <th>სტატუსი</th>
                    <th>IP</th>
                    <th></th>
                  </tr>
                </thead>
                <tfoot>
                  <tr>
                    <th>კორპუსი</th>
                    <th>თავმჯდომარე</th>
                    <th>აბონენტები</th>
                    <th>ბალანსი</th>
                    <th>გადასახდელი თანხა</th>
                    <th>სტატუსი</th>
                    <th>IP</th>
                    <th></th>
                  </tr>
                </tfoot>
              </table>
            </div>
          </div>
          <!-- list and filter end -->
        </section>
        <!-- users list ends -->

      </div>
    </div>
  </div>
  <!-- END: Content-->
@endsection

@push('scripts')
  <script>
    $(function() {
      var table = $('#blocksTable').DataTable({
        processing: true,
        serverSide: true,
        ajax: {
          url: "{{ route('blocks.index') }}",
          type: 'GET'
        },
        columns: [{
            data: 'name',
            name: 'name'
          },
          {
            data: 'head_name',
            name: 'head_name',
            orderable: false,
            searchable: false
          },
          {
            data: 'customers_count',
            name: 'customers_count',
            orderable: true,
            searchable: false
          },
          {
            data: 'balance',
            name: 'balance',
            orderable: true,
            searchable: false
          },
          {
            data: 'unpaid_total',
            name: 'unpaid_total',
            orderable: true,
            searchable: false
          },
          {
            data: 'status_label',
            name: 'status_label',
            orderable: true,
            searchable: false
          },
          {
            data: 'display_ip',
            name: 'display_ip',
            orderable: false,
            searchable: true
          },
          {
            data: 'action',
            name: 'action',
            orderable: false,
            searchable: false
          },
        ],
        order: [], // Disable initial ordering
        lengthMenu: [
          [25, 50, 70, 100, -1],
          ['25 ჩანაწერი', '50 ჩანაწერი', '70 ჩანაწერი', '100 ჩანაწერი', 'ყველას ჩვენება']
        ],
        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();
                }
              });
          });
        },
        language: {
          url: '/app-assets/data/locales/ka.json'
        },
        columnDefs: [{
          targets: [4, 5],
          render: function(data, type, row) {
            if (type === 'sort' || type === 'type') {
              var numericValue = parseFloat(data.replace(/<[^>]*>/g, '').replace(/[^\d.-]/g, ''));
              return numericValue;
            }
            return data;
          }
        }],
      });
    });
  </script>
@endpush