@extends('backend.layouts.app')

@section('title', app_name() . ' | '. __('labels.backend.access.license.management'))

@section('content')

@php
    $types = [
        1 => 'Renew',
        2 => 'Days',
        3 => 'Custom Date',
    ];
@endphp

<div class="card">
    <div class="card-body">

        <!-- Header -->
        <div class="row">
            <div class="col-sm-5">
                <h4 class="card-title mb-0">
                    License Renew History
                </h4>
            </div>

            <div class="col-sm-7">
                <div class="input-group form-sm">
                    <div class="input-group-prepend">
                        <span class="input-group-text">
                            <i class="fas fa-search"></i>
                        </span>
                    </div>
                    <input class="form-control" id="macsearch" type="text" placeholder="Search">
                </div>

                <div class="mt-2">
                    <input id="searchByMacAddress" type="checkbox">
                    <label for="searchByMacAddress">Search by mac addresses</label>
                </div>
            </div>
        </div>

        <!-- TABLE + PAGINATION -->
        <div id="lic_acc" class="mt-4">
           
        </div>

    </div>
</div>

@endsection


@push('after-scripts')
<script>
$(function () {

    let searchKey = '';
    let searchByMac = false;

    
    function loadData(url = '{{ route("admin.auth.expirelist.history") }}') {

        $('#lic_acc').html('<div class="text-center">Loading...</div>');

        $.ajax({
            url: url,
            type: "GET",
            data: {
                searchKey: searchKey,
                searchByMacAddress: searchByMac
            },
            success: function(response) {
                $('#lic_acc').html(response.html);
            },
            error: function() {
                alert('Something went wrong');
            }
        });
    }

    // Initial load
    loadData();

    // 📄 Pagination click
    $(document).on('click', '#lic_acc .pagination a', function(e) {
        e.preventDefault();
        let url = $(this).attr('href');
        loadData(url);
    });

    // 🔍 Search (Enter key)
    $("#macsearch").on('keyup', function(e) {
        if (e.keyCode == 13) {
            searchKey = $(this).val();
            searchByMac = $('#searchByMacAddress').prop("checked");
            loadData();
        }
    });

});
</script>
@endpush