@extends('backend.layouts.app')

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

@section('content')
<div class="card">
    <div class="card-body">
    <div class="row">
    <div class="col-sm-5">
        <h4 class="card-title mb-0">License Management</h4>
    </div>

    <div class="col-sm-7 text-right">
        @include('backend.license.header-button')
    </div>
</div>

<!-- ✅ MOVE FILTERS HERE -->
<div class="row mt-3 align-items-end">

    <div class="col-md-3">
        <label>Search</label>
        <input class="form-control" id="macsearch" type="text" placeholder="Search">
    </div>

    <div class="col-md-2">
        <label>User Email</label>
        <input type="text" id="userSearch" class="form-control" placeholder="Email">
    </div>

    <div class="col-md-2">
        <label>License Type</label>
        <select id="licenseTypeFilter" class="form-control">
            <option value="">All</option>
            @foreach($licenseTypes as $type)
                <option value="{{ $type->id }}">{{ $type->name }}</option>
            @endforeach
        </select>
    </div>

    <div class="col-md-1 d-flex align-items-center">
        <div class="form-check mt-4">
            <input id="searchByMacAddress" type="checkbox" class="form-check-input">
            <label class="form-check-label">MAC</label>
        </div>
    </div>

    <div class="col-lg-2 d-flex align-items-end justify-content-end">

    <button id="searchBtn" class="btn btn-primary mr-2">
        Search
    </button>

    <button id="resetBtn" class="btn btn-light mr-2 border">
        Reset
    </button>

    <button id="downloadCsv" class="btn btn-success">
        Export
    </button>

</div>

</div> 

            
        </div><!--row-->

        <div class="row mt-4" id="lic_acc">
            <div class="col">
                <div class="table-responsive">
                    <table class="table">
                        <thead>
                        <tr>
                            <th>@lang('labels.backend.access.license.table.name')</th>
                            <th>@lang('labels.backend.access.license.table.refferuser')</th>
                            <th>@lang('labels.backend.access.license.table.type')</th>
                            <th>@lang('labels.backend.access.license.table.remark')</th>
                            <th>@lang('labels.backend.access.license.table.expire_date')</th>
                            <th>@lang('labels.backend.access.license.table.status')</th>
                            <th>MAC Address</th>
                            
                            <th>@lang('labels.general.actions')</th>
                            
                        </tr>
                        </thead>
                        <tbody>
                            @foreach($licenses as $license)
                                <tr>
                                    <td>{{ $license->key_uuid }}</td>
                                    <td>
                                    {{ $license->licenseUserDetails->email ?? '' }}
                                    </td>
                                    <td>
                                    {{ $license->licenseTypeDetails->name }}
                                    </td>
                                    <td>
                                    {{ $license->remark }}
                                    </td>
                                    <td>
                                    {{ $license->expiration_date }}
                                    </td>
                                    <td>
                                    {{ $license->status }}
                                    </td>
                                    <td>
                                    {{ $license->mac_address ?? '' }}
                                    </td>
                                    
                                    <td>
                                    @if ($logged_in_user->isAdmin())
                                        @include('backend.license.actions', ['license' => $license])
                                    @endif  
                                    <div class="btn-group btn-group-sm" aria-label="User Actions">
                                        <button class="btn btn-primary" onclick="viewHistory({{$license->id}})" data-toggle="tooltip" data-placement="top" title="" data-original-title=" View Renew History ">
                                          View History  
                                        </button>

                                    </div>  
                                    </td>
                                    
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <div class="float-right mt-3">
            {!! $licenses->links() !!}
        </div>
            </div><!--col-->
        </div><!--row-->
        
    </div><!--card-body-->
</div><!--card-->

<div class="modal fade" id="historyModal" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">

            <div class="modal-header">
                <h5 class="modal-title">Renew History</h5>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>

            <div class="modal-body" id="historyContent">
                <p class="text-center">Loading...</p>
            </div>

        </div>
    </div>
</div>
@endsection

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

    
    $('#searchBtn').on('click', function () {
        triggerSearch();
    });

    $("#macsearch").on('keyup', function(e){   
        if(e.keyCode == 13){
            triggerSearch();
        }
    });

    
    $('#resetBtn').on('click', function () {
        $('#macsearch').val('');
        $('#userSearch').val('');
        $('#licenseTypeFilter').val('');
        $('#searchByMacAddress').prop('checked', false);
        triggerSearch();
    });
    function triggerSearch(){
        event.preventDefault();
                $.ajax({
                    url:      '{{route('admin.auth.license.macindex')}}?page=1',
                    type:     "POST",
                    data: {
                        "_token": "{{ csrf_token() }}",
                        'searchKey': $('#macsearch').val(),
                        //'searchByMacAddress': $('#searchByMacAddress').prop("checked") == true,
                        'searchByMacAddress': $('#searchByMacAddress').is(':checked') ? 1 : 0,
                        'userSearch': $('#userSearch').val(),
                        'licenseType': $('#licenseTypeFilter').val()
                    },
                    success: function(data) {
                        console.log("Response received");
                        $('#lic_acc').html('');
                        $('#lic_acc').html(data.html);
                    },
                    error: function(xhr, textStatus, errorThrown) {
                        alert('AJAX ERROR ! Check the console !');
                        console.error(errorThrown);
                    }
                });

                return false;
     }


        });
    
    $('#downloadCsv').on('click', function() {

        let params = $.param({
            searchKey: $('#macsearch').val(),
            searchByMacAddress: $('#searchByMacAddress').prop("checked"),
            userSearch: $('#userSearch').val(),
            licenseType: $('#licenseTypeFilter').val()
        });

        window.location.href = "{{ route('admin.auth.license.export.csv') }}?" + params;
    });    
    function viewHistory(id) {

            // Show modal first
            $('#historyModal').modal('show');

            // Show loading
            $('#historyContent').html('<p class="text-center">Loading...</p>');

            $.ajax({
                url: '{{ route("admin.auth.expirelist.loadhistorylog") }}',
                type: "GET",
                data: {
                    licenseId: id
                },
                success: function(data) {
                    $('#historyContent').html(data.html);
                },
                error: function() {
                    $('#historyContent').html('<p class="text-danger text-center">Failed to load data</p>');
                }
            });
    }    
    </script>
@endpush