@extends('layouts.app')

@section('content')
<h2 class="text-2xl font-bold mb-4">Licenses</h2>

<!-- Button to add a new license -->
<div class="mb-4">
    <a href="{{ route('licenses.create') }}" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
        New License
    </a>
</div>

<table class="min-w-full bg-white border border-gray-200">
    <thead>
        <tr>
            <th class="py-2 px-4 border-b">License Key</th>
            <th class="py-2 px-4 border-b">Product</th>
            <th class="py-2 px-4 border-b">Email</th>
            <th class="py-2 px-4 border-b">Status</th>
            <th class="py-2 px-4 border-b">Actions</th>
        </tr>
    </thead>
    <tbody>
    @foreach($licenses as $license)
    <tr>
        <td class="py-2 px-4 border-b">{{ $license->license_key }}</td>
        <td class="py-2 px-4 border-b">{{ $license->product }}</td>
        <td class="py-2 px-4 border-b">{{ $license->customer_email }}</td>
        <td class="py-2 px-4 border-b">{{ $license->status }}</td>
        <td class="py-2 px-4 border-b">
            <!-- Deactivate Button -->
            <form action="{{ route('licenses.deactivate', $license->id) }}" method="POST" class="inline">
                @csrf
                @method('PATCH')
                <button type="submit" class="bg-yellow-500 hover:bg-yellow-700 text-white font-bold py-1 px-2 rounded">
                    Deactivate
                </button>
            </form>
            <!-- Delete Button -->
            <form action="{{ route('licenses.destroy', $license->id) }}" method="POST" class="inline">
                @csrf
                @method('DELETE')
                <button type="submit" class="bg-red-500 hover:bg-red-700 text-white font-bold py-1 px-2 rounded">
                    Delete
                </button>
            </form>
        </td>
    </tr>
    @endforeach
    </tbody>
</table>
@endsection