<div class="tab-pane fade show active" role="tabpanel">
    <form method="post" class="needs-validation">
        <div class="row mb-3">
            <div class="col-md-6">
                <label class="form-label">Título da Lista <span class="text-danger">*</span></label>
                <input type="text" name="title" class="form-control" placeholder="Ex: Canais Premium" required>
                <small class="text-muted">Nome identificador da lista</small>
            </div>
            <div class="col-md-6">
                <label class="form-label">URL M3U <span class="text-danger">*</span></label>
                <input type="url" name="url" class="form-control" placeholder="http://example.com/playlist.m3u" required>
                <small class="text-muted">Deve terminar com .m3u ou .m3u8</small>
            </div>
        </div>

        <div class="row mb-3">
            <div class="col-md-6">
                <label class="form-label">Endereço MAC (Opcional)</label>
                <input type="text" name="mac_address" class="form-control" placeholder="00:1A:2B:3C:4D:5E">
                <small class="text-muted">MAC do dispositivo associado</small>
            </div>
            <div class="col-md-6">
                <label class="form-label">Nome do Dispositivo (Opcional)</label>
                <input type="text" name="device_name" class="form-control" placeholder="MacBook Pro">
                <small class="text-muted">Nome amigável</small>
            </div>
        </div>

        <div class="row mb-3">
            <div class="col-md-6">
                <label class="form-label">DNS Primário</label>
                <input type="text" name="dns_primary" class="form-control" value="8.8.8.8" placeholder="8.8.8.8">
                <small class="text-muted">Endereço IP do DNS primário</small>
            </div>
            <div class="col-md-6">
                <label class="form-label">DNS Secundário</label>
                <input type="text" name="dns_secondary" class="form-control" value="8.8.4.4" placeholder="8.8.4.4">
                <small class="text-muted">Endereço IP do DNS secundário</small>
            </div>
        </div>

        <div class="mb-3">
            <button type="submit" name="create_m3u" class="btn btn-success">
                <i class="fa fa-save"></i> Criar Lista
            </button>
            <a href="<?= PAGE_NAME ?>" class="btn btn-secondary">Cancelar</a>
        </div>
    </form>
</div>
