@extends('layouts.app')
@section('title', 'Generate License')

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('licenses.index') }}">Licenses</a></li>
    <li class="breadcrumb-item active">Generate</li>
@endsection

@section('content')
<div class="page-header">
    <h1 class="page-title"><i class="bi bi-plus-circle me-2"></i>Generate License</h1>
</div>

<div class="card table-card p-4" style="max-width:800px">
    <div class="alert alert-info small mb-4">
        <i class="bi bi-info-circle me-2"></i>
        License key will be auto-generated in the format: <strong>BJCRM-XXXX-XXXX-XXXX-XXXX</strong>
    </div>

    <form action="{{ route('licenses.store') }}" method="POST">
        @csrf
        <div class="row g-3">
            <div class="col-md-8">
                <label class="form-label fw-medium small">Customer <span class="text-danger">*</span></label>
                <select name="customer_id" class="form-select @error('customer_id') is-invalid @enderror" required>
                    <option value="">— Select Customer —</option>
                    @foreach($customers as $customer)
                        <option value="{{ $customer->id }}"
                            {{ (old('customer_id', request('customer_id')) == $customer->id) ? 'selected' : '' }}>
                            {{ $customer->company_name }} ({{ $customer->customer_code }})
                        </option>
                    @endforeach
                </select>
                @error('customer_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>

            <div class="col-md-4">
                <label class="form-label fw-medium small">License Type <span class="text-danger">*</span></label>
                <select name="license_type" class="form-select @error('license_type') is-invalid @enderror" id="licenseType">
                    <option value="annual" {{ old('license_type', 'annual') === 'annual' ? 'selected' : '' }}>Annual</option>
                    <option value="trial" {{ old('license_type') === 'trial' ? 'selected' : '' }}>Trial</option>
                    <option value="lifetime" {{ old('license_type') === 'lifetime' ? 'selected' : '' }}>Lifetime</option>
                </select>
                @error('license_type')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>

            <div class="col-md-4" id="expirySection">
                <label class="form-label fw-medium small">Expiry Date</label>
                <input type="date" name="expiry_date" class="form-control @error('expiry_date') is-invalid @enderror"
                       value="{{ old('expiry_date', now()->addYear()->format('Y-m-d')) }}"
                       min="{{ now()->addDay()->format('Y-m-d') }}">
                @error('expiry_date')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>

            <div class="col-md-4">
                <label class="form-label fw-medium small">Max Users <span class="text-danger">*</span></label>
                <input type="number" name="max_users" class="form-control @error('max_users') is-invalid @enderror"
                       value="{{ old('max_users', 5) }}" min="1" max="9999" required>
                @error('max_users')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>

            <div class="col-md-4">
                <label class="form-label fw-medium small">Max Servers <span class="text-danger">*</span></label>
                <input type="number" name="max_servers" class="form-control @error('max_servers') is-invalid @enderror"
                       value="{{ old('max_servers', 1) }}" min="1" max="50" required>
                @error('max_servers')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>

            <div class="col-12">
                <label class="form-label fw-medium small">Allowed Modules</label>
                <div class="row g-2">
                    @foreach($modules as $module)
                    <div class="col-md-3 col-6">
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="allowed_modules[]"
                                   value="{{ $module->module_code }}" id="mod_{{ $module->module_code }}"
                                   {{ in_array($module->module_code, old('allowed_modules', [])) ? 'checked' : '' }}>
                            <label class="form-check-label small" for="mod_{{ $module->module_code }}">
                                {{ $module->module_name }}
                            </label>
                        </div>
                    </div>
                    @endforeach
                </div>
                @error('allowed_modules')<div class="text-danger small mt-1">{{ $message }}</div>@enderror
            </div>
        </div>

        <div class="mt-4 d-flex gap-2">
            <button type="submit" class="btn btn-primary">
                <i class="bi bi-key me-1"></i>Generate License
            </button>
            <a href="{{ route('licenses.index') }}" class="btn btn-outline-secondary">Cancel</a>
        </div>
    </form>
</div>
@endsection

@push('scripts')
<script>
document.getElementById('licenseType').addEventListener('change', function () {
    const section = document.getElementById('expirySection');
    section.style.display = this.value === 'lifetime' ? 'none' : '';
});
// Trigger on load
document.getElementById('licenseType').dispatchEvent(new Event('change'));
</script>
@endpush